@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('../fonts/champagne__limousines-webfont.woff2') format('woff2'), url('../fonts/champagne__limousines-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**************************profile menu**************************************/
.pro-bg {
    background: url("../img/pro-bg.jpg") repeat-y left top;
}

.profile-menu {
    background-color: /*#c0edf1*/ #dee2eb;
    display: block;
    list-style: none;
    width: 100%;
    margin-bottom: 23px;
    position: relative;
}

    .profile-menu ul {
        list-style: none;
        padding-left: 0;
        display: inline-block;
        padding-top: 15px;
    }

        .profile-menu ul li {
            display: inline-block;
            float: left;
            margin-right: 15px;
        }

            .profile-menu ul li a {
                color: #818181;
                font-size: 14px;
                text-decoration: none;
                padding: 20px 30px 15px 30px;
                border-left: 1px solid transparent;
                border-right: 1px solid transparent;
                font-size: 13px;
            }

            .profile-menu ul li.active a {
                background-color: #ffffff;
                border-color: #58d0da #58d0da #fff;
                border-radius: 4px 4px 0 0 !important;
                border-style: solid;
                border-width: 4px 1px 1px;
                color: #000000;
                font-size: 13px;
                height: 45px;
                padding: 12px 30px 15px;
            }


            .profile-menu ul li a:hover {
                color: #000000;
            }

    .profile-menu .green {
        width: 77px;
        height: 32px;
        border-radius: 5px !important;
        color: #FFFFFF;
        position: absolute;
        right: 10px;
        top: 9px;
    }

.main-title h1 {
    margin-bottom: 25px;
    color: #000000;
    position: relative;
    padding-left: 35px;
    font-size: 24px;
    font-family: 'champagne__limousinesregular';
    margin-top: 20px;
}

    .main-title h1::before {
        content: "";
        width: 23px;
        height: 23px;
        border-radius: 100%;
        background-color: #5ac3c9;
        position: absolute;
        left: 0px;
        top: 2px;
        bottom: 0;
    }

.dotted-border {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

    .dotted-border span {
        border-bottom: 1px dotted #ccc;
        width: 100%;
        display: block;
        padding-bottom: 2px;
    }

.profile-content .note-success {
    margin-bottom: 18px;
    padding: 5px 30px 5px 15px;
    background-color: #f0f0f0;
    border-color: #5ac3c9;
}

    .profile-content .note-success h4 {
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: 500;
    }

.profile-other .space15 a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 12px;
}

.btn-bill {
    margin-bottom: 25px;
}

    .btn-bill .green .fa-plus:before {
        padding: 5px 7px;
        border-radius: none;
        background-color: transparent;
        color: #FFFFFF;
    }

    .btn-bill .green {
        margin-right: 10px;
        font-weight: 600;
    }

.bills-left-content {
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
}

    .bills-left-content ul {
        list-style: none;
        padding-left: 0;
    }

.mem-bill {
    height: auto;
    padding: 0;
    border-left: 3px solid #ea3b40;
}

.nav-tabs > li {
    margin-bottom: -3px !important;
}

.ch-bill {
    height: auto;
    background-color: #fff;
    padding: 0;
}

.bills-left-content ul li .top-content {
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}

    .bills-left-content ul li .top-content img {
        margin-left: 9px;
    }

.bills-left-content ul li .bottom-content {
    display: inline-block;
    width: 100%;
}

.bills-left-content .tabs-left li a {
    font-size: 10px;
}

.top-content span:first-child {
    float: left;
    font-size: 12px;
}

.top-content span:last-child {
    float: right;
    color: #7f7d7e;
    font-size:11px;
}

.bottom-content span:first-child {
    float: left;
    color: #818181;
    width: 45%;
    font-weight: 600;
}

.bottom-content span:last-child {
    float: right;
}

.ch-bill .bottom-content span:last-child {
    color: #32c5d2;
    font-weight: 600;
}

.mem-bill .bottom-content span:last-child {
    color: #ea8229;
    font-weight: 600;
}

.payment-details {
    margin: 0;
}

    .payment-details li .fa-rupee {
        font-size: 25px;
    }

    .payment-details li span .fa-rupee {
        font-size: 13px;
    }

.overdue {
    border-left: 3px solid #ea3b40;
    background-color: #f7f9fb
}

    .overdue .top-content img {
        margin-left: 10px;
    }

.freeze-modal {
    background-color: transparent;
    box-shadow: none;
}

    .freeze-modal .modal-dialog {
        display: inline-flex;
        width: 100%;
    }

    .freeze-modal .modal-content {
        padding: 18px;
    }


    .freeze-modal .date-picker input {
        background-color: transparent;
        border-right: 0 none;
    }

    .freeze-modal textarea {
        margin-top: 15px;
        border-radius: none;
        margin-bottom: 25px;
    }

    .freeze-modal .date-picker span .btn {
        background-color: transparent;
        border-left: 0 none;
        border-color: #c2cad8;
        font-weight: bold;
        line-height: 1.43;
    }

    .freeze-modal .modal-title {
        color: #000;
        font-weight: 500;
        font-size: 22px;
    }

    .freeze-modal .green {
        font-weight: bold;
    }

.boldfont {
    font-weight: bold;
}

.width10 {
    width: 10%;
}

.pay-receipt .modal-dialog {
    width: 100%;
}

.pay-receipt .modal-header {
    text-align: center;
}

    .pay-receipt .modal-header img {
        width: 240px;
        margin: 15px 0;
    }

.pay-receipt {
    background-color: transparent;
    box-shadow: none;
}

    .pay-receipt .print-btn {
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        font-size: 14px;
        color: #000000;
    }

        .pay-receipt .print-btn i {
            margin-right: 5px;
        }

    .pay-receipt .mail-btn {
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        font-size: 14px;
        margin-left: -5px;
        color: #000000;
    }

        .pay-receipt .mail-btn i {
            margin-right: 5px;
        }

    .pay-receipt h3 {
        color: #000000;
        font-weight: 500;
        font-size: 19px;
        border-bottom: 1px solid #e7ecf1;
        display: inline-block;
        padding-bottom: 5px;
    }

    .pay-receipt .modal-content {
        padding: 20px;
    }

.invoice-content-2 {
    padding: 80px 160px;
}

.pay-receipt .invoice-body {
    width: 650px;
    margin: 0 auto;
}

.main-content-upgrade {
    background-color: #FFFFFF;
}

    .main-content-upgrade .portlet-body {
        border: 1px solid #d4d9dd;
        padding: 0 !important;
    }

        .main-content-upgrade .portlet-body .tabs-left {
            background-color: #f4f4f4;
            margin-bottom: 0;
        }

            .main-content-upgrade .portlet-body .tabs-left a.more-payment {
                color: #4ea0e3;
                font-size: 11px;
            }

            .main-content-upgrade .portlet-body .tabs-left li {
                border: 1px solid #d4d9dd;
                border-bottom: 2px solid #d4d9dd;
                border-left: 0px solid #d4d9dd;
                border-top: 0px solid #d4d9dd;
            }

        .main-content-upgrade .portlet-body .tab-content {
            padding: 20px 20px 20px 0;
            display: inline-block;
            width: 100%; /* 19 Jun 2020 created - Deepak  */
        }


    .main-content-upgrade .nav-tabs > li.active > a {
        border: 0 none;
        color: #337ab7 !important;
    }

    .main-content-upgrade .portlet-body .tabs-left li a {
        margin-bottom: 0;
        color: #000000;
        font-weight: 500;
    }

        .main-content-upgrade .portlet-body .tabs-left li a.more-payment {
            font-size: 12px;
        }

        .main-content-upgrade .portlet-body .tabs-left li a i {
            margin-right: 10px;
        }

.more-payment {
    height: 130px;
    text-align: right;
}

    .more-payment a {
        color: #337ab7 !important;
    }

.main-content-upgrade .tab-pane .col-md-4 {
    margin-bottom: 24px;
}

.main-content-upgrade h4 {
    clear: both;
    color: #a2a0a1;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: arial;
    font-size: 16px;
}

.more-payment ul {
    display: none;
}

.main-content-upgrade h3 {
    font-size: 20px;
}

.main-content-upgrade .tab-pane .date-picker input {
    background-color: transparent;
    border-right: 0 none !important;
}

.main-content-upgrade .tab-pane .date-picker span .btn {
    background-color: transparent;
    border-left: 0 none;
    border-color: #c2cad8;
}

.fr-from ul {
    list-style: none;
    padding-left: 0;
}

    .fr-from ul li {
        margin-bottom: 10px;
    }

.fr-to ul {
    list-style: none;
    padding-left: 0;
}

    .fr-to ul li {
        margin-bottom: 10px;
    }

.freeze-btn ul {
    list-style: none;
    padding-left: 0;
}

.freeze-btn li {
    margin-bottom: 10px;
}

.cost-table {
    margin-top: 50px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc;
}

.trans-cost-table {
    border: 0 none;
    box-shadow: none;
}

.trial-form {
    background-color: #fff;
    display: inline-block;
    padding: 12px 20px 15px;
    width: 100%;
    border: 1px solid #ccc;
    margin: 22px 0 0 0;
    box-shadow: 3px 0px 6px 0px #cac7c7;
}

    .trial-form label {
        color: #999999;
        font-size: 14px;
    }

    .trial-form .col-md-4 {
        min-height: 80px;
    }

.transfer-search-content {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    height: 270px;
    margin-bottom: 25px;
}

    .transfer-search-content ul {
        list-style: none;
        padding-left: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 270px;
    }

        .transfer-search-content ul li {
            border: 1px solid #ccc;
            display: inline-block;
            width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
            margin-bottom: -5px;
            border-bottom: 0px;
        }

.mem-details {
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

    .mem-details h4 {
        margin-top: 0;
        font-weight: 400;
        color: #000;
    }

.transfer-search-content ul li img {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.transfer-search-content ul li .col-md-4 {
    margin-bottom: 0 !important;
}


.mem-details > div {
    display: inline-block;
    margin-right: 25px;
}

    .mem-details > div span {
        font-weight: 600;
    }

.mem-details-right > div span, .mem-details-right > div a {
    font-weight: 600;
}

.trans-tab .nav-pills li {
    margin-right: 30px;
}

    .trans-tab .nav-pills li a {
        padding: 0;
    }

.trans-tab li .trans-img {
    display: block;
    box-shadow: 2px 2px 10px #ccc;
}

.trans-tab li .active-img {
    display: none;
}

.trans-tab li.active .trans-img {
    display: none;
}

.trans-tab li.active .active-img {
    display: block;
    box-shadow: 2px 2px 10px #ccc;
}

.trans-tab li.active a {
    background-color: transparent;
}

.trans-name h4 {
    margin: 0;
}

.trans-name span {
    color: #4898df;
}

.trans-name {
    margin-bottom: 35px;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}

.product-details {
    border: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

    .product-details h4 {
        font-weight: normal;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .product-details ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 25px;
    }

        .product-details ul li a {
            border: 1px solid #cecece;
            padding: 1px 5px;
            margin-bottom: 5px;
            display: inline-block;
            min-width: 94%;
            border-left: 3px solid #51ccb6;
            font-size: 11px;
            color: #333333;
            font-weight: bold;
            opacity: .72;
            float: right;
        }

        .product-details ul li:nth-child(1) a {
            border-left: 3px solid #51ccb6;
            border-right: 1px solid #51ccb6;
            border-top: 1px solid #51ccb6;
            border-bottom: 1px solid #51ccb6;
        }

        .product-details ul li:nth-child(2) a {
            border-left: 3px solid #d7d7d7;
        }

        .product-details ul li:nth-child(3) a {
            border-left: 3px solid #ff584c;
        }

        .product-details ul li:nth-child(4) a {
            border-left: 3px solid #f2941d;
        }


        .product-details ul li:nth-child(6) a {
            border-left: 3px solid #d7d7d7;
        }

        .product-details ul li:nth-child(7) a {
            border-left: 3px solid #ff584c;
        }

        .product-details ul li:nth-child(8) a {
            border-left: 3px solid #f2941d;
        }

        .product-details ul li:nth-child(9) a {
            border: 1px solid #51ccb6;
        }

        .product-details ul li:nth-child(10) a {
            border-left: 3px solid #d7d7d7;
        }

        .product-details ul li:nth-child(11) a {
            border-left: 3px solid #ff584c;
        }

        .product-details ul li:nth-child(12) a {
            border-left: 3px solid #f2941d;
        }

        .product-details ul li:nth-child(13) a {
            border: 1px solid #51ccb6;
        }

        .product-details ul li:nth-child(14) a {
            border-left: 3px solid #d7d7d7;
        }

        .product-details ul li:nth-child(15) a {
            border-left: 3px solid #ff584c;
        }

        .product-details ul li:nth-child(15) a {
            border-left: 3px solid #f2941d;
        }

        .product-details ul li:nth-child(16) a {
            border: 1px solid #51ccb6;
        }

        .product-details ul li:nth-child(17) a {
            border-left: 3px solid #d7d7d7;
        }

        .product-details ul li:nth-child(18) a {
            border-left: 3px solid #ff584c;
        }

        .product-details ul li:nth-child(19) a {
            border-left: 3px solid #f2941d;
        }



    .product-details .col-md-9.text_spacing5 ul li:nth-child(1) {
        border-left: 3px solid #da1a33;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(2) {
        border-left: 3px solid #d81a33;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(3) {
        border-left: 3px solid #dae01a;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(4) {
        border-left: 3px solid #5dba5f;
    }


    .product-details .col-md-9.text_spacing5 ul li:nth-child(6) {
        border-left: 3px solid #5cbb5f;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(7) {
        border-left: 3px solid #ed4288;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(8) {
        border-left: 3px solid #51ccb7;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(9) {
        border-left: 3px solid #51ccb7;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(10) {
        border-left: 3px solid #92278f;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(11) {
        border-left: 3px solid #ea8327;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(12) {
        border-left: 3px solid #ea8327;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(13) {
        border-left: 3px solid #92278f;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(14) {
        border-left: 3px solid #d81a33;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(15) {
        border-left: 3px solid #dae01a;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(15) {
        border-left: 3px solid #f2941d;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(16) {
        border-left: 3px solid #5dba5f;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(17) {
        border-left: 3px solid #ed4288;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(18) {
        border-left: 3px solid #ff584c;
    }

    .product-details .col-md-9.text_spacing5 ul li:nth-child(19) {
        border-left: 3px solid #92278f;
    }

    .product-details ul li a:hover {
        text-decoration: none;
        opacity: 1;
        color: #000;
    }

    .product-details ul li a.active {
        text-decoration: none;
        opacity: 1;
        color: #000;
    }

    .product-details .col-md-9 ul li {
        width: 95px;
        height: 85px;
        text-align: center;
        box-shadow: 2px 2px 10px #ccc;
        display: inline-block;
        margin-right: 18px;
        padding: 2px;
        border-left: 3px solid #51ccb7;
    }

        .product-details .col-md-9 ul li.green {
            border-left: 3px solid #51ccb7;
        }

        .product-details .col-md-9 ul li.gray {
            border-left: 3px solid #d7d7d7;
        }

        .product-details .col-md-9 ul li.red {
            border-left: 3px solid #ff584c;
        }

        .product-details .col-md-9 ul li.orange {
            border-left: 3px solid #f2941d;
        }



        .product-details .col-md-9 ul li img {
            height: auto;
        }

        .product-details .col-md-9 ul li span {
            font-size: 11px;
            display: block;
            text-align: left;
            width: 97%;
            float: right;
        }

            .product-details .col-md-9 ul li span.pro-type {
                font-weight: bold;
                font-size: 11px;
                color: #000;
            }



    .product-details ul.product-details-services li {
        width: 95px;
        height: 85px;
        text-align: center;
        box-shadow: 2px 2px 10px #ccc;
        display: inline-block;
        margin-right: 18px;
        padding: 2px;
        border-left: 3px solid #51ccb7;
    }

        .product-details ul.product-details-services li.green {
            border-left: 3px solid #51ccb7;
        }

        .product-details ul.product-details-services li.gray {
            border-left: 3px solid #d7d7d7;
        }

        .product-details ul.product-details-services li.red {
            border-left: 3px solid #ff584c;
        }

        .product-details ul.product-details-services li.orange {
            border-left: 3px solid #f2941d;
        }

        .product-details ul.product-details-services li img {
            height: auto;
        }

        .product-details ul.product-details-services li span {
            font-size: 11px;
            display: block;
            text-align: left;
            width: 100%;
            float: right;
        }

            .product-details ul.product-details-services li span.pro-type {
                font-weight: bold;
                font-size: 11px;
                color: #000;
            }


    .product-details .col-md-9.pro-upgrade ul li {
        opacity: 1;
    }

        .product-details .col-md-9.pro-upgrade ul li span {
            color: #000;
        }

        .product-details .col-md-9.pro-upgrade ul li:hover {
            background-color: #f1f2f6;
        }

        .product-details .col-md-9.pro-upgrade ul li img {
            filter: brightness(20%);
        }

        .product-details .col-md-9.pro-upgrade ul li.active {
            background-color: #5ac3c9;
        }

            .product-details .col-md-9.pro-upgrade ul li.active img {
                filter: brightness(100%);
            }

            .product-details .col-md-9.pro-upgrade ul li.active span {
                color: #fff;
            }

   

.transfer-content ul {
    padding-left: 0;
}

    .transfer-content ul li {
        display: inline-block;
    }

        .transfer-content ul li .col-md-4 {
            width: 100%;
        }

.mt-space {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #ccc;
}

.product-trial {
    display: inline-block;
    width: 100%;
    border: 1px solid #c2c9d9;
}

    .product-trial h4 {
        color: #5ac3ca;
        font-weight: 400;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .product-trial .input-group.input-group-sm input {
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-top: none;
        height: 45px;
    }

    .product-trial .input-group.input-group-sm span.input-group-btn {
        border-left: 1px solid #c1c9d9;
        border-bottom: 1px solid #c1c9d9;
    }

    .product-trial .product-trial-services {
        list-style: none;
        padding-left: 0;
    }

        .product-trial .product-trial-services li {
            width: 95px;
            height: 85px;
            text-align: center;
            box-shadow: 2px 2px 10px #ccc;
            display: inline-block;
            margin-right: 25px;
            padding: 0px;
            border-left: 3px solid #51ccb7;
            margin-bottom: 25px;
            text-decoration: none;
        }

            .product-trial .product-trial-services li:nth-child(6), .product-trial-services li:nth-child(7), .product-trial-services li:nth-child(8), .product-trial-services li:nth-child(9), .product-trial-services li:nth-child(10),
            .product-trial-services li:nth-child(16), .product-trial-services li:nth-child(17), .product-trial-services li:nth-child(18), .product-trial-services li:nth-child(19), .product-trial-services li:nth-child(20),
            .product-trial-services li:nth-child(26), .product-trial-services li:nth-child(27), .product-trial-services li:nth-child(28), .product-trial-services li:nth-child(29), .product-trial-services li:nth-child(30),
            .product-trial-services li:nth-child(36), .product-trial-services li:nth-child(37), .product-trial-services li:nth-child(38), .product-trial-services li:nth-child(39), .product-trial-services li:nth-child(40) {
                border-left: 3px solid #d7d7d7;
            }

.product-trial-services li a {
    color: #000;
}

    .product-trial-services li a:hover {
        background-color: #f3f3f4;
        display: inline-block;
        width: 100%;
        height: 100%;
    }


    .product-trial-services li a.active {
        background-color: #5ac3c9;
        display: inline-block;
        color: #fff;
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

.product-trial-services li img {
    -webkit-filter: brightness(0%); /* Safari 6.0 - 9.0 */
    filter: brightness(0%);
}

    .product-trial-services li img.active {
        -webkit-filter: brightness(100%); /* Safari 6.0 - 9.0 */
        filter: brightness(100%);
    }




.product-trial .product-trial-services li img {
    margin-top: 8px;
}

.product-trial .product-trial-services li span {
    font-size: 11px;
    display: block;
    text-align: left;
    padding-left: 5px;
}

.s-product {
    display: inline-block;
    width: 100%;
    background-color: #f3f3f5;
    padding: 15px 0;
    min-height: 500px;
}

    .s-product ul {
        list-style: none;
        padding-left: 0;
    }

    .s-product h4 {
        color: #000000;
        font-weight: 400;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .s-product ul li {
        margin-bottom: 10px;
        color: #000;
        font-size: 11px;
    }

        .s-product ul li span:first-child {
            margin-right: 15px;
        }

        .s-product ul li span:last-child {
            margin-left: 15px;
        }

.change-session {
    background-color: transparent;
    box-shadow: none;
}

    .change-session .modal-dialog {
        width: 100%;
    }

.course-title span {
    font-weight: 600;
}

.course-title {
    margin-bottom: 35px;
}

.sess-details {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

    .sess-details .btn.green {
        margin-top: 25px;
    }

.change-session .modal-content {
    padding: 0 15px;
}

.pink-bg {
    background: #fdfae2 !important;
    border-color: #fdfae2;
    color: #000;
    font-size: 11px;
}

.course-title i {
    font-size: 12px;
}

.change-session .modal-title {
    font-weight: 600;
    font-size: 20px;
}

table.sec-owner tr td {
    font-size: 11px;
    padding: 10px 5px;
}

table.sec-owner {
    margin-top: 30px !important;
}

.or {
    margin: 20px auto 0;
    text-align: center;
    font-size: 28px;
    vertical-align: middle;
    display: block;
}

.cancel-note {
    display: inline-block;
    width: 320px;
    font-size: 12px;
    margin-left: 15px;
    font-style: italic;
    vertical-align: middle;
}

.cancel-imd {
    border-top: 2px solid #e3e3e3;
    margin-top: 25px;
    padding-top: 25px;
}

    .cancel-imd span {
        font-weight: 600;
    }

    .cancel-imd .btn.cancel, .cancel-imd textarea {
        margin-bottom: 35px;
    }

#c-contract .alert-warning {
    color: #000000;
}

.mem-details-status ul {
    list-style: none;
    padding-left: 0;
}

.mem-details-status .odd {
    background-color: #f8f9fd;
    display: inline-block;
    width: 100%;
    padding: 15px 15px 5px;
}

.mem-details-status .even {
    background-color: #FFFFFF;
    display: inline-block;
    width: 100%;
    padding: 15px 15px 5px;
}

.mem-details-status .clckd {
    background-color: #DBDBDB;
    display: inline-block;
    width: 100%;
    padding: 15px 15px 5px;
}

.tree-content-left {    
    display: inline-block;
    float: left;
    font-size: 12px;
}

.tree-content-right {
    display: inline-block;
    float: right;
    width: 177px;
    text-align: right;
}

.tree-content-right span:last-child  { padding-top: 10px;}

.tree-content-left .jstree-default .jstree-node {
    min-height: 60px;
}

.total-ch, .total-wr {
    margin-bottom: 10px
}

    .total-ch label, .total-wr label {
        font-size: 13px;
        font-weight: bold;
        color: #000;
    }

.padding-left0 {
    padding-left: 0;
}

#react-contract .alert-warning p {
    color: #000000;
}

#react-contract textarea {
    margin-bottom: 20px;
}

.help-popup {
    width: 368px;
    height: auto;
    border-radius: 5px !important;
    /*box-shadow: 3px 6px 5px #e1e1e1;*/
}

.f-right-icon {
    margin-left: -15px !important;
}

.help-popup-header {
    padding: 10px;
}

    .help-popup-header span {
        color: #666666;
        font-weight: 600;
    }

.help-popup li {
    padding: 7px 10px;
}

.help-popup span {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}

.help-popup li.divider {
    padding: 0 10px;
    background-color: #ccc;
}

.help-popup .btn-default {
    float: right;
    border-radius: 4px !important;
}

.help-popup li ul {
    list-style: none;
    padding-left: 0;
}

    .help-popup li ul li {
        display: inline-block;
        width: 48%;
        padding: 2px 0;
        color: #666;
        font-family: arial;
        font-size: 11px;
        font-weight: normal;
    }

        .help-popup li ul li img + span {
            font-size: 13px;
        }

        .help-popup li ul li img {
            margin-right: 10px;
        }

        .help-popup li ul li a {
            color: #6598cd;
        }

            .help-popup li ul li a:hover {
                color: #6598cd;
            }

.phn-support li {
    display: block !important;
}

.help-popup span > img {
    margin-left: 5px;
}

.footer-setting .fa-paper-plane {
    margin-top: 6px;
}

/*.dropup {position: relative;}*/
.help-popup .p-arrow {
    height: 25px;
    width: 25px;
    border: 0px solid red;
    position: absolute;
    right: 2px;
    bottom: -19px;
}

.help-popup .p-arrow1 {
    height: 25px;
    width: 25px;
    border: 0px solid red;
    position: absolute;
    right: 2px;
    bottom: -20px;
}



.info-popup li ul li {
    width: 100%;
    margin-bottom: 15px;
}

/***********header***************/
.map-content {
    padding: 0 15px;
}

    .map-content li p {
        font-size: 12px;
    }

.tasks-content {
    min-width: 605px !important;
    height: 622px;
}

    .tasks-content .nav-tabs .label-danger {
        margin-right: 5px;
    }

    .tasks-content .mt-action-img {
        border: 1px solid #ccc;
        display: block;
        height: 30px;
        width: 30px !important;
        border-radius: 100% !important;
        position: relative;
        top: 4px;
    }

    .tasks-content .mt-action-info {
        display: block !important;
    }

    .tasks-content .mt-action-datetime {
        display: inline-block !important;
        text-align: left !important;
        width: 48% !important;
    }

    .tasks-content .item-details {
        display: inline-block !important;
        text-align: right !important;
        width: 50% !important;
        margin-top: 5px;
    }

        .tasks-content .item-details a {
            font-size: 11px;
        }

.mt-action-img .fa-check-circle {
    font-size: 55px;
    position: absolute;
    top: 12px;
    left: -9px;
    color: #70b970;
}

.tasks-content .nav-tabs > li.active {
    border-top: 3px solid #06c4d4 !important;
}

.tasks-content .nav-tabs > li > a {
    margin-right: 0px;
}

    .tasks-content .nav-tabs > li > a:hover {
        background-color: transparent;
        border-bottom: 0px;
    }

.tasks-content .nav-tabs > li {
    margin-bottom: -1px !important;
    border-top: 3px solid #fff;
}

.quick-nav-trigger {
    float: right;
    margin-top: 17px;
    border: 0 none;
    padding: 0;
    margin-left: 15px;
    float: right;
}

    .quick-nav-trigger .fa-plus-circle {
        font-size: 35px;
        color: #05c5d4;
    }

    .quick-nav-trigger:hover, .quick-nav-trigger:active {
        background-color: transparent;
    }

.tasks-content .mt-actions .mt-action {
    border-bottom: 0 none;
    padding: 0;
    margin-bottom: 15px;
}

.tasks-content .caption {
    border-bottom: 0px solid #6ebf70;
}

.tasks-content .mt-action-desc {
    font-size: 12px;
}

.bor2 {
    border-bottom: 2px solid #EFEFEF !important
}

.font18 {
    font-size: 18px;
}

.bor3 {
    border-bottom: 3px solid #EFEFEF !important;
    position: relative;
    min-height: 75px !important;
    margin-top: 10px;
}

.header-boder {
    width: 130px;
    height: 3px;
    background: #6ebf70;
    position: absolute;
    top: 72px;
    left: 0px;
}

ul.pop-nav li a {
    min-height: 55px !important;
    font-size: 12px;
    padding: 16px 35px 0 35px;
}

span.mt-action-author {
    font-size: 13px;
}

.mt-action-datetime {
    font-size: 11px !important;
    padding-top: 10px !important;
    font-weight: bold;
}

.task-pop-details img {
    width: 27px;
    height: 27px;
}

.task-pop-circle {
    font-size: 35px !important;
    margin-top: -5px !important;
    margin-left: -1px !important;
}

.mt-action-body {
    padding-bottom: 15px;
}

.tsk-status .btn-sm {
    border-bottom: 1px dotted;
}

.tasks-content .portlet {
    margin-bottom: 0;
}

.new-task {
    background: transparent;
    box-shadow: none;
    border: 0 none;
}

    .new-task .modal-dialog {
        margin: 0;
    }

.enquiry-table-scroll {
    width: 100%;
    /* overflow-x: auto; */
    overflow-y: auto;
    border: 1px solid #e7ecf1;
    margin: 10px 0 !important;
    height: 251px;
}


/**************************Billing start**************************************/
.bills-left-content ul.nav.nav-tabs.tabs-left li a {
    border-bottom: 1px solid #e6e9ec;
    border-left: 0 solid #fff;
    border-top-width: 0;
}

    .bills-left-content ul.nav.nav-tabs.tabs-left li a ul li a {
        border-bottom: 0px solid #f00;
    }

.bill_tab_content {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

    .bill_tab_content .tab-pane p {
        width: 96%;
        margin: 5px auto;
    }

.payment-details span.icon_circal i {
    background-color: #ccc7c3;
    border-radius: 100%;
    color: #555050;
    font-size: 9px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.payment-details a {
    padding: 0 10px;
}

.bill_tab_content_listing .col-md-2 span {
    color: #8b999a;
    font-size: 11px;
}



.bill_tab_content_invoice {
    /*border: 1px solid #ccc;*/
    box-shadow: 1px -1px 4px #b8b8b8;
    float: left;
    padding-top: 36px;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 94%;
    margin-left: 25px;
}

.invoice_label {
    color: #fff;
    float: left;
    left: -10px;
    position: relative;
    width: auto;
    z-index: 0;
}

    .invoice_label::after {
        border-bottom: 10px solid transparent;
        border-right: 10px solid #000;
        border-top: 8px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 31px;
        width: 0;
        z-index: 0;
    }

    .invoice_label span {
        background-color: #ea3b40;
        padding: 8px 10px;
        position: relative;
        top: 12px;
        z-index: 999;
    }

.bill_tab_content_invoice .invoice {
    margin-top: 50px;
    padding: 20px;
}

.invoice_text1 {
    padding: 0;
}

    .invoice_text1 h3 {
        font-size: 13px;
        color: #000;
        font-weight: bold;
        margin-bottom: 2px;
    }

    .invoice_text1 p {
        color: #827e7e;
        font-size: 13px;
        margin-top: 0px;
    }

.invoice_right_text1 {
    margin: -10px 0 0 0;
}

    .invoice_right_text1 p {
        color: #000000;
        font-size: 40px;
        font-weight: 600;
        text-align: right;
        margin-bottom: 0px;
        margin-top: 0px;
    }

        .invoice_right_text1 p span.muted {
            color: #827e7e;
            font-size: 13px;
            font-weight: bold;
            text-align: right;
            float: right;
        }

.bill_balance_due {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

    .bill_balance_due span {
        color: #333333;
        font-size: 18px;
        font-weight: bold;
        text-align: right;
        width: 100%;
        float: right;
    }

.invoice-payment .list-unstyled > li {
    float: left;
    font-size: 11px;
    color: #050505;
    margin: 10px 0px;
    ;
    text-align: right;
    width: 100%;
    font-weight: normal;
}

    .invoice-payment .list-unstyled > li strong {
        float: left;
        width: 50%;
        font-size: 13px;
        color: #939090;
        font-weight: normal;
    }

.invoice-payment {
    padding: 0;
}

.bill_tab_content_invoice .invoice table thead {
    background-color: #3c3d3a;
    color: #fff;
}

    .bill_tab_content_invoice .invoice table thead tr th {
        padding: 15px 8px;
    }

.bill_tab_content_invoice .invoice table {
    border-bottom: 2px solid #d4d9dd;
    margin: 20px 0px;
}

    .bill_tab_content_invoice .invoice table tr td {
        padding: 15px 8px;
    }

.bill_tab_content_invoice .invoice-block {
    text-align: right;
}

    .bill_tab_content_invoice .invoice-block ul li {
        line-height: 35px;
        color: #333347;
        font-size: 11px;
    }

        .bill_tab_content_invoice .invoice-block ul li strong {
            color: #333347;
            float: left;
            font-size: 11px !important;
            font-weight: normal;
            width: 50%;
        }

    .bill_tab_content_invoice .invoice-block .total_amounts li {
        line-height: 35px;
        color: #010101;
        font-size: 11px;
        font-weight: bold;
    }

        .bill_tab_content_invoice .invoice-block .total_amounts li strong {
            color: #010101;
            float: left;
            font-size: 11px;
            font-weight: bold;
            width: 50%;
        }

        .bill_tab_content_invoice .invoice-block .total_amounts li.selected {
            background-color: #f5f4f2;
        }

    .bill_tab_content_invoice .invoice-block ul li {
        padding-right: 20px;
    }

        .bill_tab_content_invoice .invoice-block ul li.payment_mode {
            color: #f00;
            font-weight: normal;
        }

            .bill_tab_content_invoice .invoice-block ul li.payment_mode strong {
                color: #000;
                font-weight: normal;
            }

.bill_Payments_Recevied {
    margin: 0 auto;
    width: 93%;
}

.bill_tab_content_listing .print-btn {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #000000;
    font-size: 14px;
}

    .bill_tab_content_listing .print-btn i {
        margin-right: 5px;
    }

.bill_tab_content_listing .mail-btn {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #000000;
    font-size: 14px;
    margin-left: -5px;
}

    .bill_tab_content_listing .mail-btn i {tab-pane
        margin-right: 5px;
    }

.create_category_poplink {
    border-top: 1px solid #ccc;
    color: #2e8fdc !important;
    margin-top: 10px !important;
    padding: 15px !important;
}

.table-pay td {
    font-size: 12px;
    font-weight: 600;
}
/**************************Billing Eng**************************************/
#create_category_popup .modal-footer {
    margin: 10px 0 30px;
}

#create_category_popup .modal-body label {
    margin-bottom: 20px;
}


/**************************Client Forms start**************************************/

/*.client_forms1 .top-content span {
    color: #3b393c !important;
    float: left !important;  
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: left !important;
}
*/

.client_forms1 .ch-bill .bottom-content span {
    color: #737174;
    float: left;
    font-size: 10px;
    text-align: left;
}

.client_forms_treeview_1 .jstree-default .jstree-container-ul li a.jstree-anchor {
    width: 90%;
    display: inline-block;
    color: #606062;
    font-size: 11px;
}

    .client_forms_treeview_1 .jstree-default .jstree-container-ul li a.jstree-anchor span {
        font-size: 10px;
        position: absolute;
        right: 20px;
        color: #3090dc;
    }

.client_forms1 .mem-bill.overdue.client_forms_treeview_1 {
    border-left: 0px;
}


.client_from_dashboard {
    width: 100%;
    display: inline-block;
}

    .client_from_dashboard .client_from_dashboard_top1 {
        background-color: #fbf9fa;
        border-bottom: 1px solid #e7ecf2;
        border-left: 1px solid #e7ecf2;
        display: inline-block;
        padding: 20px;
        width: 100%;
    }

.dashboard_box_scroller {
    display: inline-block;
    width: 2150px;
}

    .dashboard_box_scroller ul li {
        box-shadow: 1px 0 4px -1px #7c7c7c;
        float: left;
        margin: 50px 30px 50px 10px;
        padding: 20px;
        width: 480px;
    }

    .dashboard_box_scroller .clone-btn {
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        color: #000000;
        font-size: 11px;
        margin-right: -4px;
    }

        .dashboard_box_scroller .clone-btn i {
            margin-right: 5px;
        }

    .dashboard_box_scroller .print-btn {
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        color: #000000;
        font-size: 11px;
    }

        .dashboard_box_scroller .print-btn i {
            margin-right: 5px;
        }

    .dashboard_box_scroller .mail-btn {
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        color: #000000;
        font-size: 11px;
        margin-left: -5px;
    }

        .dashboard_box_scroller .mail-btn i {
            margin-right: 5px;
        }

.scroller_text1 {
    float: right;
}

.dashboard_box_scroller .dashboard_box_scroller_content li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 0 0 0;
    margin: 0;
    padding: 0 0 10px;
    width: 100%;
}

.client-forms-create .add_follow_up {
    background-color: transparent;
    border: 0px solid #efeae7;
    padding: 0px;
}

.comment-cotent img {
    border-radius: 100% !important;
    height: 40px !important;
    width: 40px !important;
}

.dashboard_box_scroller_main {
    width: 100%;
    overflow-x: auto;
}
/************************** Client Forms end**************************************/





/************************** 30 march changes start**************************************/
.login .user-login-5 {
    padding: 38px 38px 0px;
    background-color: #f5f6fa;
}

.user-login-5 .login-container {
    background-color: #fff;
}

.login .user-login-5 .bs-reset {
    background: #fff;
}

.login .user-login-5 .login_right_footer .bs-reset {
    box-shadow: 0px 0px 0px #999;
}

.login .user-login-5 .login-container > .login-footer .login-copyright > p {
    font-size: 11px;
    font-family: arial;
    color: #71737c;
}

.login .user-login-5 .login-container > .login-content > .login-form {
    display: inline-block;
    width: 100%;
}

.login .user-login-5 .form-group.has-error {
    /*border-bottom: 2px solid #32c5d2 !important;*/
    border-bottom: 1px solid red !important;
}

.log-shd {
    box-shadow: 0px 0 18px #cccccc;
}


.repeat_enquiry_popup {
    padding: 0px 20px
}

    .repeat_enquiry_popup .repeat_enquiry {
        margin-top: 20px;
    }

    .repeat_enquiry_popup .btn-group button i {
        margin-right: 10px;
    }

.repeat_enquiry_popup_main h4 {
    font-family: 'champagne__limousinesregular';
    font-size: 24px;
    font-weight: 300;
}

.repeat_enquiry table thead {
    background-color: #f3f4f6;
}

    .repeat_enquiry table thead th {
        color: #333347;
        font-family: arial;
        font-weight: 600;
        font-size: 12px;
        border-right: 1px solid #f3f4f6;
    }

.repeat_enquiry table tbody tr td {
    border-left: 0 none !important;
    border-right: medium none !important;
    color: #333347;
    font-family: arial;
    font-size: 11px;
    font-weight: 400;
}

.repeat_enquiry_popup .btn-group button i {
    margin-right: 10px;
}


.profile-content {
    background-color: #fff;
    padding: 15px;
    min-height: 1250px;
}

.page-header-top .input-icon input {
    border: 1px solid #e4e4e4;
}

    .page-header-top .input-icon input.form-control::-moz-placeholder {
        color: #b8b8b8;
        font-size: 12px;
        font-family: arial;
    }

.page-header-top .input-icon > i {
    font-size: 12px;
    color: #c1c1ca;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    line-height: 35px;
    padding: 0 10px 0 13px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
    color: #605f5d;
}

.page-header .page-header-top .top-menu .dropdown-menu.dropdown-menu-default a:hover {
    color: #5AC3C9;
}

.page-header .page-header-top .top-menu .dropdown-menu.dropdown-menu-default a {
    font-weight: 500 !important;
}

.page-header .page-header-top {
    background-color: #fff;
    box-shadow: 0 2px 7px #999;
    margin-bottom: 10px;
    height: 64px !important;
}

.page-wrapper .page-header .page-header-top .page-logo .logo-default {
    margin: 13px 0 0;
}

.page-header .page-header-top .input-icon {
    margin-top: 16px;
}

.page-wrapper .page-header .page-header-top .top-menu .page-wrapper-top .page-header {
    background-color: transparent;
}

.page-wrapper-row .page-wrapper-top { /*background-color: #EFF3F8;*/
}

.page-header .page-header-menu {
    border-bottom: 3px solid #d0cecf;
}

.page-wrapper-top .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.active a {
    border-bottom: 0px solid #17bfca;
}

.page-wrapper-top .page-header-menu .hor-menu ul.navbar-nav li.classic-menu-dropdown a:hover {
    background-color: #5ac3c9 !important;
    border-bottom: 0px solid #17bfca;
}

.page-wrapper-top .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-wrapper-top .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
.page-wrapper-top .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active,
.page-wrapper-top.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
.page-wrapper-top .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    /*background-color: #5ac3c9!important;*/
}

.page-wrapper-top .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.active a i {
    color: #fff;
}

.page-wrapper-top .page-header-menu .hor-menu ul.navbar-nav li.classic-menu-dropdown a:hover i {
    color: #fff;
}

.page-wrapper-top .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown ul.dropdown-menu.pull-left li {
    border-bottom: 0px solid #fff;
}

.page-wrapper .page-wrapper-top .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle {
    padding: 17px 1px 8px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.fa-map-marker {
    font-size: 23px;
}

.page-wrapper-top .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
    color: #949494;
    font-size: 20px;
}

.profile-usertitle-mobile .user-mobile-details p {
    color: #686868;
}

.profile-usertitle-mobile .user-mobile-details span {
    color: #999997;
}

.page-wrapper-top .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding: 16px 21px 15px;
}

.profile-content .main-title h1 {
    font-family: 'champagne__limousinesregular';
}

.profile-usertitle .text-gray-color {
    color: #5e605d;
}

.profile-other .text-gray-color {
    color: #5e605d;
    font-weight: 600;
}

.profile-other {
    font-family: arial;
}

.profile_overly {
    background-color: rgba(0, 0, 0, 0.48);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
	background: none !important;
}

.profile-sidebar .profile-userpic img {
    max-height: 100%;
    width: 100%;
}

.profile-userpic {
    position: relative;
}

.profile_overly span {
    color: #ffb400;
    float: left;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    top: 88%;
    width: 100%;
}

    .profile_overly span i {
        font-size: 18px;
    }

.comment-cotent textarea.form-control {
    font-size: 11px;
}

.comment-cotent .db_text {
    font-size: 12px;
}

.form-group.renewal-search input {
    background-color: transparent;
    border: 0 none !important;
}

.form-group.renewal-search .input-group.input-group-sm {
    border: 2px solid #ccc;
    border-radius: 50px !important;
}

    .form-group.renewal-search .input-group.input-group-sm span button {
        border: 0 none !important;
        background-color: transparent;
    }

.portlet .mt-element-list .list-default.mt-list-container ul > .mt-list-item {
    border: 0px;
}

.mt-list-item .list-item-content.list-text p {
    color: #8d8c8a;
}

.main-content-upgrade .input-group.input-group-sm {
    border: 1px solid #c1c9d9;
}

    .main-content-upgrade .input-group.input-group-sm input {
        border: 0 none !important;
        height: 45px;
    }

    .main-content-upgrade .input-group.input-group-sm span.input-group-btn {
        border-left: 1px solid #c1c9d9;
    }

        .main-content-upgrade .input-group.input-group-sm span.input-group-btn button {
            background-color: transparent;
        }

.nav-pills > li > a:hover {
    background-color: #f00;
}

.transfer-to-content {
    margin-top: 20px;
    border: 0px;
    box-shadow: 0 0px 7px #ded8de;
}

.transfer-content .table tr td {
    font-size: 11px;
    font-family: arial;
    text-align: left;
}

.transfer-to-content .tabs-left.nav-tabs {
    border-right: 0px solid #ddd;
}

.transfer-to-content .tab-content .control-label {
    color: #999999;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;
}

.trans-tab .tab-content {
    margin-top: 40px;
}

.product-details .col-md-9 ul li {
    margin-bottom: 20px;
    opacity: 0.5;
}

    .product-details .col-md-9 ul li:hover {
        opacity: 1;
    }

.product-details .col-md-3 ul, .product-details .col-md-3 h4 {
    color: #a4a1a1;
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
}

.product-details .col-md-9 ul, .product-details .col-md-9 h4 {
    color: #a4a1a1;
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
}


.pro-disclaimer {
    font-size: 11px;
    color: red;
    font-style: italic;
    text-align: center;
    padding-bottom: 5px;
}

.phone-support span i {
    font-family: arial;
    font-size: 11px;
    color: #666666;
    font-weight: 700;
    display: inline-block;
    width: 100%;
}

.phone-support p {
    font-family: arial;
    font-size: 11px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 20px;
}

.label_line_height {
    line-height: 30px;
}

.form-group .form-control:focus {
    border-color: #000;
}

.bill_receipt_padding {
    padding: 15px 15px 0;
}

.bill_receipt_devider {
    border-left: 1px solid #d4d9dd;
    margin-left: -15px;
    padding-left: 0px;
    min-height: 650px;
}

.bill_receipt_padding .portlet {
    margin-bottom: 0px;
}

.bill_receipt_padding .tabs-left.nav-tabs {
    border: 0px solid #ddd;
}

#modal-scrollable .modal-overflow.modal.fade.in {
    border: 0px solid #f00;
}

.orange_text {
    color: #ff7d01 !important;
}

.blue_text {
    color: #04c5d4 !important;
}

.red_text {
    color: #eb3a40 !important;
    display: inline-block;
    margin: 0;
    width: auto;
}

.item-status span.label {
    font-size: 12px;
    font-weight: 600;
}

.item-status {
    color: #a6a6a6;
    font-size: 13px;
    line-height: 13px;
    margin-right: 15px;
}

.font-gray-jungle {
    color: #545454;
}

.billing-header h2 i.fa-folder-open {
    color: #f2c200;
    font-size: 15px;
}

.create_new_form .fa-plus::before {
    background-color: transparent;
    color: #fff;
}

.noborder-bottom {
    border-bottom: 0px solid #fff !important;
}

.client_forms1 .ch-bill .bottom-content span.link1_blue {
    color: #3090dc;
    float: right;
    margin-right: 5px;
}

span.link1_blue {
    color: #3090dc;
}

.dashboard_box_scroller .btn-group-lg > .btn, .btn-lg {
    padding: 10px;
}

.dashboard_box_scroller_content li p {
    color: #5e5e5e;
    font-family: arial;
    font-size: 13px;
}

.Freeze_view_table tr th:first-child {
    width: 18%;
}

.Freeze_view_table tr th:nth-child(2) {
    width: 10%;
}

.Freeze_view_table tr td.fr-from ul li, .Freeze_view_table tr td.fr-to ul li {
    padding-bottom: 11px;
}

.Freeze_view_table tr ul.jstree-children li {
    padding-bottom: 10px;
}

.Important_information_n .form-horizontal .control-label {
    text-align: right;
}

.Important_information_n label.control-label span {
    color: #fe0002;
    margin-right: 5px;
}

#freeze-invoice .modal-content .bill_tab_content_invoice {
    margin-top: 0px;
}

.freeze-block .form-control .filter-option {
    color: #666;
    font-size: 14px;
    padding-left: 0px;
}

.freeze-block .form-control .bs-caret {
    font-size: 14px;
    color: #666;
}

.freeze-block .form-control .dropdown-menu li a span {
    color: #666;
    font-size: 14px;
    padding-left: 0px;
}

.freeze-block .btn-default.active, .freeze-block .btn-default:active, .freeze-block .btn-default:hover, .freeze-block .open > .btn-default.dropdown-toggle {
    background-color: transparent;
}

.form-group.renewal-search.freezing_search_box .input-group.input-group-sm {
    border: 1px solid #bcbcbc;
    border-radius: 0 !important;
}

.trans-cost-table thead tr.active {
    background-color: #3c3c3a;
}

.main-content-new .table-responsive.slimScrollDiv table.product-info-new tr {
    border-bottom: 0px solid #ccc;
}

.main-content-new .table-responsive.slimScrollDiv .table.product-info-new {
    margin-bottom: 0px;
    padding-bottom: 30px;
}

    .main-content-new .table-responsive.slimScrollDiv .table.product-info-new tr:hover {
        background-color: #f1f1f1;
    }

.save_but_dropdown1 button {
    font-size: 16px;
    font-weight: 600;
    padding-right: 20px;
}

.save_but_dropdown1 ul.dropdown-menu li a {
    font-size: 14px;
    font-weight: 300;
    font-family: arial;
}

.user-login-5 .login-container > .login-footer.login_right_footer .login-social a {
    color: #999;
}

.loginpage_icon_left {
    margin-left: 78px;
    float: left;
}

    .loginpage_icon_left .popovers .fa.fa-cog {
        display: inline-block;
        left: 10px;
        line-height: 30px;
        padding: 0;
        position: relative;
        top: 3px;
    }

.login .popover {
    transition: none 0s ease 0s !important;
}

.loginpage_icon_left i.fa {
    color: #999999;
}

.loginpage_icon_left .dropdown.open > .dropdown-toggle, .loginpage_icon_left .dropup.open > .dropdown-toggle {
    border-color: transparent;
}

.product-details .col-md-9.text_spacing5 ul li {
    margin-right: 10px;
    opacity: 1;
}

.product-details .col-md-3.text_spacing5 ul li a {
    opacity: 1;
}

.table.table-responsive.trans-cost-table thead tr th {
    font-weight: 400;
}

.item-details.task_send_me_text1 {
    width: 100% !important;
    text-align: left;
}

    .item-details.task_send_me_text1 span.font-size1 {
        color: #9aadbb;
        float: left;
        font-size: 12px;
        padding: 10px 0;
    }

.tsk-status.font-size2 {
    font-size: 11px !important;
}

.tasks-content small.gray_color1 {
    color: #aaaaaa;
    font-size: 12px;
    font-weight: 600;
}

.top-menu .dropdown-menu.new-fitness {
    box-shadow: 1px 6px 5px(102, 102, 102, 0.1);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu::before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 9px;
    top: -7px;
}

.dropdown .dropdown-menu.popup_arrow1 {
    overflow: visible !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu.popup_arrow1::before {
    right: 30px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu.popup_arrow1::after {
    right: 31px;
}

.dropdown .dropdown-menu.map-content.popup_arrow1 {
    overflow: visible !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu.map-content.popup_arrow1::before {
    right: 9px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu.map-content.popup_arrow1::after {
    border-bottom-color: #fff;
    right: 9px;
}

.mem-details-status ul li {
    border-bottom: 1px solid #e4e4e4;
}

    .mem-details-status ul li ul li {
        border: 0px solid #f00;
    }



.text_editer {
    border: 1px solid #c2cad8 !important;
    height: 100px;
    margin-bottom: 10px;
}

.text_editer_main .md-header.btn-toolbar .btn-group {
    margin-left: 0px;
}

.text_editer_main .md-editor.active {
    border: 0px solid #fff;
}
/************************** 30 march changes end**************************************/

.text_spacing1 {
    margin-top: 20px;
}

.text_spacing2 {
    margin-bottom: 20px
}

.text_spacing3 {
    margin-top: 40px;
}

.text_spacing4 {
    padding-top: 10px;
}

.text_spacing5 {
    margin-left: 10px;
    margin-right: 10px;
}

.text_spacing6 {
    padding-left: 10px;
    padding-right: 10px;
}

.text_spacing7 {
    margin-bottom: 0 !important;
    margin-top: 0;
}

.text_spacing8 {
    margin-left: 40px !important;
}

.text_spacing9 {
    margin-left: -5px;
}

.heading_blue_1 {
    color: #338cd0;
}

.heading_blue_1:hover {
    text-decoration: underline;
}


.content_boxshadow_1 {
    box-shadow: 0 2px 0px #d9d9d9;
}

.content_boxshadow_2 {
    box-shadow: 0px 1px 12px 0px #b8b8b8;
}

.content_opacity_1 {
    opacity: 0.5;
}

.content_maginbottom_1 {
    margin-bottom: 30px;
}

.textalignment1 td {
    text-align: right !important;
}

.textalignment2 {
    text-align: left !important;
}

.product-info-new .contract-head span {
    color: #000 !important;
}

.text_blackcolor {
    color: #000 !important;
}

.content_bordertop {
    border: 1px solid #ccc;
    margin-top: 20px;
}

.content_border_bottom {
    border-bottom: 1px solid #ccc !important;
}

.invoice_label.green_bar span {
    background-color: #5bd896;
}

.add_scroll_1 {
    height: 266px;
    overflow-y: scroll;
}

.add_scroll_2 {
    height: 310px;
    overflow-y: scroll;
    width: 100%;
    float: left;
}

.margin_top1 {
    margin-top: -25px;
}

.margin_left1 {
    margin-left: 20px;
}

.font-size1 {
    font-size: 11px;
    color: #9aadbb;
}

.font-size2 {
    font-size: 11px !important;
}

.nav-tabs .label-danger {
    background-color: #ff6d56;
}

.gray_color1 {
    color: #aaaaaa;
}


/************************** 27 april changes end**************************************/
.text_colo_black1 {
    color: #000;
}

.text_colo_gray1 {
    color: #797979 !important;
    font-size: 12px !important;
}

.text_color_black2 {
    color: #222222 !important;
    font-size: 12px !important;
}

.page-content-wrapper .page-content.headeromni_height {
    padding: 13px 0;
}

.profile-other .item-status .badge-empty {
    width: 12px;
    height: 12px;
}

.profile-other .purpal_color {
    background-color: #952591;
}

.profile-other .orange_color {
    background-color: #ec8328;
}
/************************** 27 april changes end**************************************/
.page-wrapper-top .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: 330px;
}

.new_fitness_left_content {
    min-height: 410px;
    background-color: #5ac3c9;
}

.tabs-left.nav-tabs.new_fitness_left_content > li > a, .tabs-right.nav-tabs.new_fitness_left_content > li > a {
    margin-bottom: 0px;
}
/*.tabs-left.nav-tabs.nav-tabs.new_fitness_left_content > li.active > a, .tabs-left.nav-tabs.nav-tabs.new_fitness_left_content > li.active > a:hover > li.active > a:focus { background-color: #5ac3c9;}*/

.tabs-left.nav-tabs.new_fitness_left_content > li.active > a, .tabs-left.nav-tabs.new_fitness_left_content > li.active > a:hover > li.active > a:focus {
    border-color: #5AC3C9;
}

.nav.new_fitness_left_content > li > a:focus, .nav.new_fitness_left_content > li > a:hover {
    background-color: #5AC3C9;
    border: 0 none;
}

.nav.new_fitness_left_content > li a {
    border: 0 none;
    margin: 0px;
}

.new-fitness ul.new_fitness_left_content li.active a {
    background-color: #16b4bf;
}

.profile-usertitle .profile-usertitle-name {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.help-popup li ul li .p-arrow1 img {
    padding-top: 3px;
}

button .btn.default:not(.btn-outline) {
    border-color: #c2cad8 !important;
}





.btn-bill button {
    padding-left: 6px !important;
}

.overdue-bg {
    background-color: #f7f9fb;
    border: 0px;
}

.active_darkbg1 {
    background-color: #dfe0e4;
    border: 0px;
}

.bill_Payments_Recevied .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
}

.bill_Payments_Recevied .table.table-striped.table-hover.table-pay > thead {
    color: #777777;
}

#my-dropzone.dropzone.dropzone-file-area.dz-clickable {
    border: 2px dashed #0087fa;
}

.but_padding1 {
    padding: 6px 20px;
}

.modal-header.border_2px {
    border-bottom: 2px solid #e3e3e3;
}

.client_from_view_leftpart {
    border-right: 1px solid #ccc;
    margin: 0;
    min-height: 736px;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    padding-left: 1px;
}

.compulsory_data_popup {
    margin-bottom: 30px;
}

.profile-content .portlet.light {
    padding: 12px 15px 15px;
}

.custom_scroll {
    height: 532px;
    overflow-y: auto;
}

.modal.in .modal-dialog {
    display: inline-flex;
}

.new-fitness .tabs-left li a:hover {
    background-color: #16b4bf !important;
    border: 1px solid #16b4bf !important;
}

.new-fitness .tabs-left li.active a {
    background-color: #16b4bf !important;
    border: 1px solid #16b4bf !important;
}

.new-fitness .nav-tabs > li.active {
    border-top: 0px !important;
}

.help-popup-header.header_bg_gray {
    background-color: #f3f3f3;
}

.help-popup button.submit_but_bg {
    border: 1px solid #ccc !important;
    color: #777 !important;
    float: right;
    line-height: 22px !important;
    opacity: 1;
}


/************************** 17 may changes start**************************************/
.bills-left-content ul li.active a {
    background-color: #dfe0e4;
}

.bills-left-content ul li.active:hover a {
    background-color: #dfe0e4;
}

.product-trial .form-group {
    margin-bottom: 0px;
}

.trial-form .date-picker input {
    background-color: #fff;
}

.trial-form .date-picker .input-group-btn .btn.default:not(.btn-outline) {
    background-color: #fff;
    border-color: #c2cad8;
}

.profile-content .main-content-upgrade .portlet.light {
    padding: 0;
}

.padding-right1 {
    padding-right: 0;
}

.padding-left1 {
    padding-left: 0;
}

.profile-content .main-content-upgrade .portlet.light.transfer-to-content {
    padding: 0 20px;
}

.outer_box_bg1 {
    background-color: transparent;
}

.pay-receipt.outer_box_bg1, .pay-receipt.outer_box_bg1 .modal-content {
    background-color: transparent;
    border: 0px;
    box-shadow: none;
}

    .pay-receipt.outer_box_bg1 .modal-content .modal-body .close {
        right: 6%;
        position: relative;
        top: 7%;
    }

.footer-setting .f-right-icon .btn-group-vertical > .btn {
    padding-right: 10px;
}

.repeat_enquiry_popup .comment-cotent div:first-child {
    padding-right: 0;
    padding-left: 20px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding-left: 5px;
}

.btn-group.save_but_dropdown1 > .btn {
    padding-left: 10px;
}

.btn-group.more_but {
    float: right;
    position: relative;
    right: 10px;
    top: -65px;
}

    .btn-group.more_but ul.dropdown-menu {
        left: -118px;
    }

    .btn-group.more_but button {
        background-color: #33c5d2 !important;
        border-radius: 4px !important;
        border: 0 none;
        padding: 7px 10px;
        text-align: center;
    }

    .btn-group.more_but > .dropdown-menu::before, .btn-group.more_but .dropdown-toggle > .dropdown-menu::before, .btn-group.more_but .dropdown > .dropdown-menu::before {
        right: 9px;
        left: auto;
    }

    .btn-group.more_but > .dropdown-menu::after, .btn-group.more_but .dropdown-toggle > .dropdown-menu::after, .btn-group.more_but .dropdown > .dropdown-menu::after {
        right: 10px;
        left: auto;
    }

.freezing_table_content {
    border-right: 1px solid #ccc;
}
/*.freeze-contract-propac-content */
.location_links {
    width: 100%;
    float: left;
    padding: 0;
}

    .location_links p {
        margin: 0;
    }

        .location_links p a {
            width: 100%;
            padding: 10px 20px;
            float: left;
            color: #898989;
        }

            .location_links p a:hover {
                background-color: #f6f4f5;
                color: #9b999a;
            }
/************************** 17 may changes end**************************************/




@media (max-width: 991px) {
    .basic_info_from .form-group label {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .profile-menu ul li {
        margin-right: 5px;
        display: block;
        width: 70%;
    }

        .profile-menu ul li a {
            padding: 15px 10px;
            font-size: 12px;
            border: 0 none;
        }

            .profile-menu ul li a:hover {
                padding: 15px 10px;
                background-color: transparent;
                border: 0 none;
            }

        .profile-menu ul li.active a {
            padding: 15px 10px;
            font-size: 12px;
            background-color: transparent;
            border: 0 none;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .profile-menu ul li {
        margin-right: 5px;
    }

        .profile-menu ul li a {
            padding: 15px 10px;
            font-size: 12px;
        }

            .profile-menu ul li a:hover {
                padding: 15px 10px;
            }

        .profile-menu ul li.active a {
            padding: 15px 7px;
            font-size: 12px;
        }

    .page-content-wrapper .page-content .profile-sidebar > .portlet.proflie-side {
        margin: 0 51px 25px;
    }

    .user-mobile {
        float: none;
        width: auto;
        text-align: center;
    }

    .user-mobile-details {
        float: none;
        text-align: center;
        width: auto;
    }

    .profile-menu ul li a:hover {
        padding: 15px 7px;
    }

    .profile-menu ul li a {
        padding: 15px 7px;
    }

    .dashboard_box_scroller ul li {
        width: 420px;
    }

    .page-header .page-header-menu {
        border-bottom: 0px;
    }

    .nopadding_input1 {
        padding: 0px;
        margin-top: 10px;
    }

    .basic_info_from .form-group label {
        padding-left: 0px;
    }

    .create_profile_main.Important_information_n .basic_info_from .form-group label {
        padding-left: 15px;
        padding-right: 0;
    }

    .follow-up {
        padding-left: 0%;
    }
    /*    .modal.in .modal-dialog { display: inline-flex;}*/


}

@media (max-width: 1024px) {
    .profile-menu ul li {
        margin-right: 5px;
    }

        .profile-menu ul li a {
            padding: 15px 7px;
            font-size: 12px;
        }

            .profile-menu ul li a:hover {
                padding: 15px 7px;
            }

        .profile-menu ul li.active a {
            padding: 15px 7px;
            font-size: 12px;
        }

    .page-wrapper-top .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 16px 12px 15px 12px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {

    .profile-menu ul li {
        margin-right: 5px;
    }

        .profile-menu ul li a {
            padding: 15px 7px;
            font-size: 12px;
        }

            .profile-menu ul li a:hover {
                padding: 15px 7px;
            }

        .profile-menu ul li.active a {
            padding: 15px 7px;
            font-size: 12px;
        }
}

@media (min-width: 1200px) and (max-width: 1599px) {

    .profile-menu ul li {
        margin-right: 5px;
    }

        .profile-menu ul li a {
            padding: 15px 10px;
            font-size: 13px;
        }

            .profile-menu ul li a:hover {
                padding: 15px 10px;
            }

        .profile-menu ul li.active a {
            padding: 15px 10px;
            font-size: 13px;
        }
}

/* Diana Thomas */
.pay-receipt.my-modal {
    left: 10%;
    top: 25% !important;
    width: 80%;
    margin-left: 0;
    border: none;
}

    .pay-receipt.my-modal .modal-content {
        width: 100%;
    }

/* header-omnisearch.html */

.location_links li p a:hover {
    color: #5ac3c9 !important;
}

.my-scroller li a:hover {
    text-decoration: underline;
}

.my-dropdown .dropdown-menu {
    left: -74px;
}

.my-dropdown > .dropdown-menu::before {
    left: auto;
    right: 9px;
}

.my-dropdown > .dropdown-menu::after {
    right: 10px;
    left: auto;
}

.my-form .form-group .form-control:focus {
    border-color: #9b9b9b;
}

/* summary-redesign.html */

.my-appointment li .appoint-edit {
    float: left !important;
}

.my-clientform {
    display: inline-block;
    width: 100%;
}

.mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-text {
    width: 100%;
}

.mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-datetime,
.mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-status {
    /*width: 50%;
    margin-top: 10px;*/
    width: 19%;
    margin-top: -26px;
}

@media screen and (max-width: 1400px) {
    .mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-datetime,
    .mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-status {
        width: 50%;
        margin-top: 10px;
    }
}

.mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-datetime {
    text-align: left;
}

.mt-element-list .my-clientform .btn-group button.btn {
    padding: 6px 18px;
}

@media screen and (max-width: 1599px) {
    .my-payment span {
        display: inline-block;
        padding: 5px 0 0 5px;
    }
}

@media screen and (max-width: 1200px) {
    .my-modal .invoice-content-2 {
        padding: 0;
    }

    .mt-element-list .list-default.mt-list-container ul.my-appointment li > .appoint-book {
        width: auto;
        padding: 0 10px;
    }
}

@media screen and (max-width: 991px) {
    .pay-receipt.my-modal {
        top: 60% !important;
    }
}

@media screen and (max-width: 979px) {
    .pay-receipt.my-modal {
        left: auto;
    }
}

/* repeat-enquiry.html */
.repeat_enquiry_popup .fa.fa-plus-circle {
    margin-left: 10px;
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .col-md-4.col-sm-4.payment-details span {
        display: block;
    }
}

/* login-f1.html */
/*.login .loginpage_icon_left button:hover .fa.fa-paper-plane,
.login .loginpage_icon_left button:hover .fa.fa-cog,*/
.login .loginpage_icon_left .open .fa.fa-cog,
.login .loginpage_icon_left .open .fa.fa-paper-plane {
    /*color:#26a1ab;*/
    color: #00d2e4;
}

.login .loginpage_icon_left button:hover .fa.fa-paper-plane,
.login .loginpage_icon_left button:hover .fa.fa-cog {
    color: #64dae4;
}

.login .loginpage_icon_left {
    margin-left: 0;
}

.login .loginpage_icon_left {
    padding-left: 80px;
}

@media screen and (max-width: 1365px) {
    .login .loginpage_icon_left {
        padding-left: 40px;
    }
}

/* upgrade.html*/

.my-table .textalignment1 .my-right {
    text-align: left !important;
}

.my-table .textalignment1 .my-left {
    padding: 8px 50px !important;
}

.my-table td {
    font-size: 11px;
}

#freeze-invoice .modal-content {
    background-color: transparent;
}

    #freeze-invoice .modal-content .close {
        position: absolute;
        right: 8%;
        top: 7%;
        z-index: 999;
    }

.bill_tab_content_invoice .invoice table tr .my-right {
    padding: 8px !important;
}

.follow-up {
    padding-left: 0% !important;
}

#freeze-invoice .modal-content {
    border: none;
    box-shadow: none;
}

#freeze-invoice.modal {
    border: none;
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .follow-up {
        padding-left: 0% !important;
    }

        .follow-up li .btn, .follow-up li .btn span {
            padding-left: 0;
        }

    .comment-cotent .ltr-fr {
        float: left;
    }
}

@media (min-width: 991px) and (max-width: 1210px) {
    .my-span {
        display: block;
    }

    .product-details .col-md-9 ul li {
        margin-right: 9px;
    }
}

@media (max-width:1200px) {
    .my-db {
        padding-right: 30px;
    }
}

@media (max-width:1024px) {
    .my-db {
        padding-right: 12px;
    }

    .invoice_label span {
        left: 31px !important;
    }
}
/* transfer.html */

.portlet-title > .caption > i {
    background: #fff none repeat scroll 0 0;
    color: #54b858;
    font-size: 25px;
    font-weight: 300;
    margin-top: 3px;
    margin-right: 5px;
}

.portlet-title > .caption > .caption-subject {
    font-size: 16px;
}

.portlet-title > .caption {
    display: inline-block;
    float: left;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
}

.noborder {
    border: none;
    margin-bottom: 0;
}

.transfer-search-content .mem-details-right > div {
    margin-right: 13px;
}

button.close.anchor-close {
    position: absolute !important;
    top: 8% !important;
}

/* membership-details.html*/

@media (min-width: 1024px) and (max-width: 1200px) {
    .mem-details-timeline ul li span.purchess-day {
        display: inline-block;
        width: 100%;
    }

    .top-content span:last-child {
        float: left;
        width: 100%;
    }
    /* client-trial-create.html */
    .s-product {
        min-height: 1076px !important;
    }
}

/* freeze-view.html */
.Freeze_view_table .btn-group-vertical > .btn, .btn-group > .btn {
    padding-left: 5px;
    padding-right: 5px;
}

/* client-trial-create.html */
.s-product .col-md-2 {
    padding: 0;
}

.table-border {
    border-bottom: 1px solid #eee;
}

.s-product {
    min-height: 744px;
}

/* freeze-contract-propac.html */

.my-portlet {
    padding: 25px 40px !important;
}

.bills-left-content .client_forms_treeview_1 ul.nav.nav-tabs.tabs-left li a {
    border-bottom: 1px solid #e6e9ec;
    border-right: 1px solid #e6e9ec;
    border-top-width: 0;
}

/* 08-06-2017 starts here ---- Deepak   */


.sec-content span:first-child {
    float: left;
    font-size: 11px;
    color: #7d7d7f;
}

.sec-content span:last-child {
    float: right;
    color: #7b7b7d;
    font-size:11px;
}

.thrd-content span:first-child {
    float: left;
    font-size: 11px;
    color: #7d7d7f;
}

.cleardiv {clear: both;}

.mem-status.green_bar {
    float: right;
    /*width: 100%;*/
    text-align: right;
    margin-top: 10px;
    background-color: #52b852;
    padding: 0 10px;
    color: #fff;
    font-size: 11px;    
}

.mem-status.blue_bar {
    float: right;
    /*width: 100%; */
    text-align: right;
    margin-top: 10px;
    background-color: #2a8edc;
    color: #fff;
    padding: 0 10px;
    font-size: 11px;       
}

.mem-status.red_bar {
    float: right;
    /*width: 100%; */
    text-align: right;
    margin-top: 10px;
    background-color: #e93b3a;
    color: #fff;
    padding: 0 10px;
    font-size: 11px;       
}

.mem-status.brown_bar {
    float: right;
    /*width: 100%; */
    text-align: right;
    margin-top: 10px;
    background-color: #930011;
    color: #fff;
    padding: 0 10px;
    font-size: 11px;       
}

.tree-content-left ul { padding-left: 15px;}


/* 08-06-2017 ends here ---- Deepak   */


/*Added By Pravin 13/06/2017 starts here*/
.table-fixed {
            border: none !important;
        }

            .table-fixed thead {
                width: 100%;
            }

            .table-fixed tbody {
                height: 150PX;
                overflow-y: auto;
                width: 100%;
            }

            .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
                display: block;
            }

                .table-fixed tbody td, .table-fixed thead > tr > th {
                    float: left;
                    border-bottom-width: 0;
                }

        table thead tr th {
            border: none !important;
        }

        .repeat_enquiry table tbody tr td {
            padding-left: 10px !important;
        }

            .repeat_enquiry table tbody tr td a {
                padding-left: 10px !important;
            }

 <style>
        .jstree-default .jstree-clicked {
            background: none !important;
            border-radius: 0px !important;
            box-shadow: none !important;
            /*box-shadow: inset 0 0 1px #999;*/
        }

        .jstree-default .jstree-hovered {
            background: none !important;
            border-radius: 0px !important;
            box-shadow: none !important;
        }

        .table > thead > tr > th {
            font-size: 12px;
        }

        .table > tbody > tr > td {
            font-size: 11px;
        }


        #j1_1_anchor {
            font-weight: bold;
        }

        @media (min-width: 1100px) {
            .invoice-block {
                margin-right: 7%;
            }
        }

        .amounts li {
            line-height: 290%;
        }

        .btnPayment {
            background-color: #f7f7f7 !important;
            border: 1px solid #e8ecef;
            /*// added by pd*/
        }

        .borderTopNone {
            border-top: none !important;
        }
            
/* Added By Pravin 13/06/2017 ends here */    

/* Added By Abdul Kedar 13/06/2017 stars here */ 

.top-content span:first-child {
    float: left;
    font-size: 12px;
}

.top-content span:last-child {
    float: right;
    color: #7f7d7e;
    font-size:11px;
}

.tree-content-left {
    display: inline-block;
    float: left;
    font-size: 11px;
}

.f-right-icon {
    margin-left: -15px !important;
}

.bill_tab_content_invoice {
    /*border: 1px solid #ccc;*/
    box-shadow: 1px -1px 4px #b8b8b8;
    float: left;
    padding-top: 36px;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 94%;
    margin-left: 25px;
}

.bill_tab_content_invoice .invoice-block ul li {
        line-height: 35px;
        color: #333347;
        font-size: 11px;
    }

        .bill_tab_content_invoice .invoice-block ul li strong {
            color: #333347;
            float: left;
            font-size: 11px !important;
            font-weight: normal;
            width: 50%;
        }

    .bill_tab_content_invoice .invoice-block .total_amounts li {
        line-height: 35px;
        color: #010101;
        font-size: 11px;
        font-weight: bold;
    }

        .bill_tab_content_invoice .invoice-block .total_amounts li strong {
            color: #010101;
            float: left;
            font-size: 11px;
            font-weight: bold;
            width: 50%;
        }

.mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-datetime,
.mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-status {
    /*width: 50%;
    margin-top: 10px;*/
    width: 19%;
    margin-top: -26px;
}

@media screen and (max-width: 1400px) {
    .mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-datetime,
    .mt-element-list .list-default.mt-list-container .my-clientform > .mt-list-item > .list-status {
        width: 50%;
        margin-top: 10px;
    }
}

.login .loginpage_icon_left .open .fa.fa-cog,
.login .loginpage_icon_left .open .fa.fa-paper-plane {
    /*color:#26a1ab;*/
    color: #00d2e4;
}

.login .loginpage_icon_left button:hover .fa.fa-paper-plane,
.login .loginpage_icon_left button:hover .fa.fa-cog {
    color: #64dae4;
}

.follow-up {
    padding-left: 0% !important;
}

.Freeze_view_table .btn-group-vertical > .btn, .btn-group > .btn {
    padding-left: 5px;
    padding-right: 5px;
}

.popover {
    max-width: initial;
    min-width: 315px;
    width: auto;
    /*    transition: all 0.3s ease; */
    z-index: 99999;
}

.related-members {
    list-style: none;
    padding-left: 0;
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
}

    .related-members li {
        display: inline-block;
        width: auto;
        float: left;
        padding: 0px 5px 5px 5px;
    }

        .related-members li i {
            color: #cbcbcb;
            font-size: 20px;
            text-align: left;
        }

        .related-members li a {
            text-decoration: none;
            margin-left: 0px;
            padding: 6px;
        }

        .related-members li i {
            color: #54b858;
            font-size: 25px;
            font-weight: 300;
            margin-top: 3px;
            background: #fff;
        }

.dropdown.open .dropdown-menu {
    opacity: 1;
    max-height: 650px;
}

.billing-inner-main {
    box-shadow: 0 0 4px 1px #ccc;
    /*padding: 50px 15px 15px;*/
    padding: 86px 15px 15px;
    position: relative;
    width: 100%;
    display: inline-block;
}

.ribbon-wrapper-red {
    position: absolute;
    left: -8px;
    /*top: 10px;*/
    top: 36px;
    width: 80px;
    height: 28px;
}
/* Added By Abdul Kedar 13/06/2017 stars here */ 

/* Added by Amit starts here 19/06/2017 */

.divPullLeft {
    padding: 0px;
    margin-left: -1.1em;

}
.table-fixed {
            border: none !important;
        }

            .table-fixed thead {
                width: 100%;
            }

            .table-fixed tbody {
                height: 150PX;
                overflow-y: auto;
                width: 100%;
            }

          

                .table-fixed tbody td, .table-fixed thead > tr > th {
                    float: left;
                    border-bottom-width: 0;
                }

        .popTable table thead tr th {
            border: none !important;
            background-color: #dfe0e4;
              /*text-align: center;*/
                  margin-right: -3px;
        }

        .repeat_enquiry table tbody tr td {
            padding-left: 10px !important;
              /*text-align: center;*/
        }

       
            .repeat_enquiry table tbody tr td a {
                padding-left: 10px !important;
            }
            .portlet-body.repeat_enquiry.enquiry-table-scroll.popTable {
    height: inherit !important;
        padding-top: 0px;

}


.repeat_enquiry_popup.tableLeft {
    padding: 0px !important;
}
.main-content.tableLeft {
        padding: 0px !important;


}

#tree_1 .fa.fa-envelope {
    color: grey;
    font-size: 14px;
}


 .client_from_dashboard  .client_from_dashboard_top1.viewsDiv {
    padding-top: 0 !important;
}
 #h1Class {    
    font-weight: 600 !important;
}

 .bill_tab_content .tab-pane p {
        width: 100% !important;
        /*margin: 5px auto;*/
    }

    .headerTag .customTag{
        font-weight: 700;
    font-size: 14px;
    color: #2e8fda;
        padding-top: 10px;

    }

    .dashboard_box_scroller_content .firstLi{
    /*color: #5e5e5e;
    font-family: arial;*/
    margin-bottom: 20px !important;
}
.dashboard_box_scroller_content li p {
    /*color: #5e5e5e;
    font-family: arial;*/
    font-size: 15px !important;
}
.dashboard_box_scroller_content li .footerSpan {
    /*color: #5e5e5e;
    font-family: arial;*/
    color:grey;
        font-size: 12px;
}
.dashboard_box_scroller_content li h5 {
    color: black;
    font-size: 13px;
    font-weight: 400;
    padding-top: 6px;
    padding-bottom: 6px;
}

 .repeat_enquiry_popup .comment-cotent div:first-child {

    padding-left: 0px !important;
}

.mem-bill {
    border-left: none !important;
}

.bills-left-content ul li.active {
    background-color: #dfe0e4 !important;
}
li.ch-bill.overdue-bg.active a{
        background-color: #dfe0e4 !important;
}

li.ch-bill.active a {
            background-color: #dfe0e4 !important;
}

/* Added by Amit ends 19/06/2017 */

/* Added by Amit starts 21/06/2017 */

.client_forms1 .top-content .topContentSpan
 {
    color: #3b393c !important;
    float: left !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: left !important;
}   

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
                display: block;
}

/* Added by Amit ends 21/06/2017 */

/* Added by Deepak starts 24/06/2017 */



.bill_tab_content_listing div.bottouch {
     margin-bottom: 0px; 
}

.Bill_to {
    color: #939090;
    font-size: 13px;
    font-weight: normal;
}
/*
    .Bill_to span {        
        color: #2e8fda;
    }
    .Bill_to .secspan {
        width: 100%;
        float: left;
        color: #676767;
    }
*/    
/* Added by Deepak ends 24/06/2017 */


/* Added by Deepak starts 27/06/2017 */
.bill_tab_content_listing div {
     margin-bottom: 4px; 
}
/* Added by Deepak ends 27/06/2017 */

/* Added by Deepak starts 07/07/2017 */

.related-members li:first-child {
            margin-right: -5px;
        }
/* Added by Deepak ends 07/07/2017 */

/* Added by Deepak starts 11/07/2017 */
.mem-details-right > div {
    display: inline-block;
    margin-top: 3px;
    margin-right: 30px;
}
/* Added by Deepak ends 11/07/2017 */

/* Added by Deepak starts 19/07/2017 */

 .product-details.text_spacing4 {
        float: left;
        height: 333px;
        overflow-y: scroll;        
    }

/* Added by Deepak ends 19/07/2017 */

/* Added by Deepak starts 27/07/2020 */
.portlet.light.bordered > .portlet-title 
{
    border-bottom: 1px solid #C2CAD8 !important; 
}
/* Added by Deepak ends 27/07/2020 */