/*!
 * Sudeep CSS v1.1
 * Copyright 2011-2017 Rapport Software.
 *
 **/

    .adaptive_table td {

    }

    @media (max-width: 767px) {
        .adaptive_table td th {
            display: block;

        }
    }

    .cell_spaced td {
        padding-left: 10px;
    }


    table.responsivetable {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
        font-family: Agenda-Light, sans-serif;
        font-weight: 100;
        background: #333;
        color: #fff;
        text-rendering: optimizeLegibility;
        border-radius: 5px;
    }

    table.responsivetable caption {
        font-size: 2rem;
        color: #444;
        margin: 1rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center left, center right;
    }

    table.responsivetable thead th {
        font-weight: 600;
    }

    table.responsivetable thead th, table.responsivetable tbody td {
        padding: .8rem;
        font-size: 1.4rem;
    }

    table.responsivetable tbody td {
        vertical-align: top;
        padding: .8rem;
        font-size: 1.4rem;
        color: #444;
        background: #eee;
    }

    table.responsivetable tbody tr td:first-child {
        background: #666;
        color: #fff;
    }

    table.responsivetable tbody tr:not(:last-child) {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .embed_image {
        width: 50%;
    }


    @media screen and (max-width: 600px) {
        table.responsivetable caption {
            background-image: none;
        }

        table.responsivetable thead {
            display: none;
        }

        table.responsivetable tbody td {
            display: block;
            padding: .6rem;
        }

        table.responsivetable tbody tr td:first-child {
            background: #666;
            color: #fff;
        }

        table.responsivetable tbody td:before {
            content: attr(data-th);
            font-weight: bold;
            display: inline-block;

            /*width: 6rem;*/
        }

        .embed_image {
            width: 100%;
        }

    }


    .non-responsive-table {
        width: important auto;
        border-collapse: none;
        table-layout: fixed;
        display: table-cell;
        padding: 0px;
    }


    .non-responsive-table td {
        padding-left: 0px;
        overflow: none;
        vertical-align: top;
        table-layout: fixed;
        display: table-cell;
        padding: 0px;

    }


    @media (max-width: 767px) {
        .non-responsive-table td {
            table-layout: fixed;
            display: table-cell;
            padding: 0px;
        }


    }


    .responsive-stacked-table {
        /*width: 100%;*/
        border-collapse: collapse;
        /*table-layout: fixed;*/
    }

    .responsive-stacked-table td {
        padding-left: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }


    .hoverTable {
        width: 100%;
        border-collapse: collapse;
    }

    .hoverTable td {
        padding: 7px;
        /*border:#4e95f4 1px solid;*/
    }

    /* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
        background-color: #ffff99;
        cursor: pointer;
    }


    @media (max-width: 767px) {
        .responsive-stacked-table tr,
        .responsive-stacked-table th,
        .responsive-stacked-table td {
            display: block;
            padding-left: 5px;
        }

        .responsive-stacked-table thead {
            display: none;
        }

    }


    .white_color {
        color: white;
    }

    .white_color a:visited, a:hover, a:focus {
        color: #d4e1ec;
    }

    .red_color {
        color: #d43f3a;
    }

    .red_color a:visited, a:hover, a:focus {
        color: #d4e1ec;
    }

    .green_color {
        color: #4cae4c;
    }

    .green_color a:visited, a:hover, a:focus {
        color: #d4e1ec;
    }


    .cursor_pointer {
        cursor: pointer;
    }

    .none_display {
        display: none;
    }

    .block_display {
        display: block;
    }

    .valigntop {
        vertical-align: top;
    }

    .valignmiddle {
        vertical-align: middle;
    }

    .valignbottom {
        vertical-align: bottom;
    }


    .full_width {
        width: 100%;
    }

    .sud_xs_font {
        font-size: 8px;
    }

    .sud_s_font {
        font-size: 11px;
    }

    .sud_m_font {
        font-size: 18px;
    }

    .sud_l_font {
        font-size: 28px;
    }

    .sud_xl_font {
        font-size: 38px;
    }

    .sud_xxl_font {
        font-size: 48px;
    }


    .sud_title {
        font-size: 48px;
    }

    .sud_heading {
        font-weight: 500;
        padding-left: 10px;
        letter-spacing: 1px;
    }

    .sud_content {
        font-weight: 300;
        padding-left: 10px;
        letter-spacing: 1px;
    }

    .sud_btn_blank {
        background: transparent;
        border: none;
    }


    .ajax_link {
        cursor: pointer;
    }


    .sud_label {
        font-weight: 500;
    }

    .sud_label_content {
        font-weight: 400;
    }

    .sud_table td {
        vertical-align: top;
    }


    .sud_table_responsive {
        /*width: 100%;*/
        border-collapse: collapse;
        /*table-layout: fixed;*/
    }

    .sud_table_responsive td {
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }


    @media (max-width: 767px) {
        .sud_table_responsive tr,
        .sud_table_responsive th,
        .sud_table_responsive td {
            width: 100%;
            display: inline-block;
        }

        .sud_table_responsive thead {
            display: none;
        }

    }


    .drag_and_upload_file_large {
        width: 745px;
        height: 420px;
        background: url('https://www.rapporthosting.com/sudeep_lib/images/dragfile.gif') no-repeat left top;

    }

    .info {
        color: #fff;
        background-color: #5ea2ca;
        border-bottom: 1px solid #C9D5D8;
        border-right: 1px solid #C9D5D8;
        padding: 8px 35px 8px 14px;
    }

    .approved {
        color: #6CB656;
        background-color: #FAFDF9;
        border-bottom: 1px solid #C1CEC1;
        border-right: 1px solid #C1CEC1;
        padding: 8px 35px 8px 14px;
    }

    .attention {
        color: #E1B42F;
        background-color: #FFFDF6;
        border-bottom: 1px solid #E4E4D5;
        border-right: 1px solid #E4E4D5;
        padding: 8px 35px 8px 14px;
    }

    .camera {
        color: #55A0B4;
        background-color: #F6FBFB;
        border-bottom: 1px solid #C9D5D8;
        border-right: 1px solid #C9D5D8;
        padding: 8px 35px 8px 14px;
    }

    .cart {
        color: #559726;
        background-color: #FCFCFC;
        border-bottom: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
        padding: 8px 35px 8px 14px;
    }

    .doc {
        color: #666666;
        background-color: #FFFFFF;
        border-bottom: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        padding: 8px 35px 8px 14px;
    }

    .download {
        color: #666666;
        background-color: #FCFCFC;
        border-bottom: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
        padding: 8px 35px 8px 14px;
    }

    .media {
        color: #8D79A9;
        background-color: #FBF9FD;
        border-bottom: 1px solid #DBE1E6;
        border-right: 1px solid #DBE1E6;
        padding: 8px 35px 8px 14px;
    }

    .note {
        color: #B76F38;
        background-color: #FFFAF6;
        border-bottom: 1px solid #E6DAD2;
        border-right: 1px solid #E6DAD2;
        padding: 8px 35px 8px 14px;
    }

    .notice {
        color: #6187B3;
        background-color: #FAFCFD;
        border-bottom: 1px solid #C7CDDA;
        border-right: 1px solid #C7CDDA;
        padding: 8px 35px 8px 14px;
    }

    .quote {
        color: #727272;
        background-color: #F3F3F3;
        border-bottom: 1px solid #D4D4D4;
        border-right: 1px solid #D4D4D4;
        padding: 8px 35px 8px 14px;
    }

    .success {
        color: #468847;
        padding: 15px;
        border-radius: 10px;
        border-bottom: 2px solid #a3d48e;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
        background-image: linear-gradient(to bottom, #f3f5f3, #dbffcc);
        background-repeat: repeat-x;
    }

    .error {
        color: #CC0000;
        padding: 15px;
        border-radius: 3px;
        border-bottom: 2px solid #d4888b;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
        background-image: linear-gradient(to bottom, #e8c0c2, #e8c0c2);
        background-repeat: repeat-x;
    }

    .infotooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
    }

    .infotooltip .infotooltiptext {
        visibility: hidden;
        width: 400px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 15px;

        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .infotooltip:hover .infotooltiptext {
        visibility: visible;
    }

    .themebtn-info {
        color: #fff;
        background-color: #5ea2ca;
        padding: 0px 20px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
        border-color: #2f96b4 #2f96b4 #1f6377;
        margin: 4px 0px;
    }

    .themebtn-info:hover {
        background-color: #2f96b4;
    }

    .large_search_box {
        width: 100%;
        height: 50px;
        font-weight: 100;
        font-size: 30px;
        color: #2E3D48;
        /*text-transform: uppercase;*/
        letter-spacing: 3px;
        border-radius: 5px
    }

    .contentbox {
        padding: 10px 25px;
        border-radius: 10px;
    }

    .square_icon_box_large {
        width: 150px;
        height: 150px;
    }


    .horizontal_li {
        list-style: none;
    }

    .horizontal_li > li {
        display: inline-block;
    }


    .equal_spaced_scrollable_list {
        display: flex;
        align-items: stretch; /* Default */
        justify-content: space-between;
        width: 100%;
        background: none;
        margin: 0;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding: 10px;

    }

    .equal_spaced_scrollable_list > li {
        display: block;
        flex: 0 1 auto; /* Default */
        list-style-type: none;
    }

    .horizontal_ul_li {
        display: flex;
        overflow: auto;
        -webkit-overflow-scrolling: touch;

    }

    .horizontal_ul_li > li {
        display: inline-block;
        margin: 10px;
        position: relative;
        -webkit-overflow-scrolling: touch;
    }

    .ul_scroll_hz {
        display: block;
        white-space: nowrap;
        overflow: auto;
        padding: 0px;
    }

    .ul_scroll_hz > li {
        vertical-align: top;
        display: inline-block;
    }


    .img_frame {
        height: 200px;
        width: 200px;
        overflow: hidden;

    }

    .zoomin img {
        height: 200px;
        width: 200px;
        transition: all 2s ease;
    }

    .zoomin img:hover {
        cursor: zoom-in;
        width: 500px;
        height: 500px;
        /*opacity: 0.5;*/
    }

    .status_div {
        color: #545454;
        padding: 5px;
        border-radius: 10px;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;

    }


    .toolbar {
        color: #6187B3;
        background-color: #fffed0;
        border-bottom: 1px solid #C7CDDA;
        border-right: 1px solid #C7CDDA;
        padding: 8px 35px 8px 14px;
    }


    .invoice {
        /*color: #6187B3;*/
        color: #3A3A3A;
        background-color: #FAFCFD;
        border-bottom: 1px solid #C7CDDA;
        border-right: 1px solid #C7CDDA;
        padding: 8px 35px 8px 14px;
    }

    .invoiceheadingbox {
        background-color: #5399a5;
    }


    .customer {
        color: #3A3A3A;
        background-color: #FFFBEB;
        border-bottom: 1px solid #C1CEC1;
        border-right: 1px solid #C1CEC1;
        padding: 8px 35px 8px 14px;
    }

    .customerheadingbox {
        background-color: #5E432F;

    }

    .product {
        color: #3A3A3A;
        background-color: #e9faff;
        border-bottom: 1px solid #DBE1E6;
        border-right: 1px solid #DBE1E6;
        padding: 8px 35px 8px 14px;
    }

    .productheadingbox {
        background-color: #2f7388;
    }


    .smsbox {
        color: #3A3A3A;
        background-color: #e4ffd9;
        border-bottom: 1px solid #DBE1E6;
        border-right: 1px solid #DBE1E6;
        padding: 8px 35px 8px 14px;
    }

    .smsheadingbox {
        background-color: #36b305;
    }

    .spares {
        color: #3A3A3A;
        background-color: #deeffe;
        border-bottom: 1px solid #DBE1E6;
        border-right: 1px solid #DBE1E6;
        padding: 8px 35px 8px 14px;

    }

    .sparesheadingbox {
        background-color: #2196f3;
    }


    .emailbox {
        background-color: #F6F6F6;
        margin: 10px;
        padding: 10px;
        border-radius: 5px;


    }

    .emailheadingbox {
        background-color: #2196f3;
    }


    .appointment {
        color: #55A0B4;
        background-color: #F6FBFB;
        border-bottom: 1px solid #C9D5D8;
        border-right: 1px solid #C9D5D8;
        padding: 8px 35px 8px 14px;

    }

    .appointmentheadingbox {
        background-color: #19a9a9;
    }


    .service {
        color: #559726;
        background-color: #FCFCFC;
        border-bottom: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
        padding: 8px 35px 8px 14px;
    }

    .serviceheadingbox {
        background-color: #559726;
    }


    /*THIS IS ELEMENT . ALL CSS CLASSES SHOYULD BE ABOVE THIS*/
    highlight {
        color: black;
        background-color: #ffff99;
        /*font-size: 24px;*/
        font-weight: bold;
        /*border-radius: 10px;*/
        padding: 10px;
        text-decoration: underline;

    }


    .truncate {
        /*max-width: 200px !important;*/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: justify;
    }

    .truncate:hover {
        overflow: visible;
        white-space: normal;
        width: auto;
    }


    address {
        font-style: italic;
    }

    .headingbox {
        border-radius: 10px;
        padding: 10px 30px;
        color: white;
        letter-spacing: 2px;
        font-weight: 500;
        font-size: 18px;
    }


    .productbox {
        background-color: #d0e9c6;
    }


    .servicebox {
        background-color: #e0f2f5;
    }

    .engineerbox {
        background-color: #f7d2b9;
    }

    .enginnerheadingbox {
        background-color: #ffad77;
    }

    .attachmentsbox {
        background-color: #e2cccc;
    }

    .attachmentsheadingbox {
        background-color: #a25b5b;
    }

    .signaturebox {
        background-color: #e0e0e0;
    }

    .signatureheadingbox {
        background-color: #000000;
    }


    .free_search_results {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
    }


    /*Progess of step*/

    .progress-container {
        /*width: 600px;*/
        margin: 30px auto;
    }

    .progressbar {
        counter-reset: step;
        color: green;

    }

    .progressbar li {
        list-style-type: none;
        width: 33%;
        float: left;
        font-size: 20px;
        position: relative;
        text-align: center;
        /*text-transform: uppercase;*/
        color: #7d7d7d;
    }

    .progressbar li:before {
        width: 100px;
        height: 100px;
        content: counter(step);
        counter-increment: step;
        line-height: 100px;
        border: 5px solid #7d7d7d;
        display: block;
        text-align: center;
        margin: 0 auto 10px auto;
        border-radius: 50%;
        background-color: white;
    }

    .progressbar li:after {
        width: 100%;
        height: 5px;
        content: '';
        position: absolute;
        background-color: #7d7d7d;
        top: 50px;
        left: -50%;
        z-index: -1;
    }

    .progressbar li:first-child:after {
        content: none;
    }

    .progressbar li.active {
        color: green;
    }

    .progressbar li.active:before {
        border-color: #55b776;
    }

    .progressbar li.active + li:after {
        background-color: #55b776;
    }


    .fade_text {
        opacity: 0.3;
    }


    .fade_heading {
        opacity: 0.7;
    }