@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;
}

/* asdfgh */

/** {
    transition: all 0.3s ease;
}*/


.full-w {
    width: 100% !important;
}

.border-none {
    border: 0px !important;
}

.border-top {
    border-top: 0px !important;
}

.border-bottom {
    border-bottom: 0px !important;
}

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

.ltr-fl {
    float: left !important;
}

.ltr-fr {
    float: right !important;
}
/*============= HEADER TOP DROPDOWN====================*/
.dropdown-inbox .margin-l0 {
    margin-left: 0 !important;
}

/*============= ACCORDION TAB====================*/
.panel-group .panel-heading span.closed {
    float: right;
    background: #e63e3e;
    padding: 2px 5px;
    font-size: 11px;
    color: #fff;
    margin-right: 20px;
    min-width: 70px;
    text-align: center;
}

.panel-group .panel-heading span.open {
    float: right;
    background: #61bb63;
    padding: 2px 5px;
    font-size: 11px;
    color: #fff;
    margin-right: 10px;
    min-width: 70px;
    text-align: center;
    font-weight: normal;
}

.renewal-left {
    width: 20%;
    float: left;
    border: 0px solid red;
}

    .renewal-left > .renewal-avatar {
        border: 1px solid #fff;
        border-radius: 50% !important;
        height: 70px;
        margin: 0 auto;
        overflow: hidden;
        width: 70px;
    }

    .renewal-left > .renewal-name {
        width: 100%;
        float: left;
        text-align: center;
        color: #0782bc;
        font-size: 11px;
    }

    .renewal-left > .renewal-date {
        width: 100%;
        float: left;
        text-align: center;
        font-weight: 600;
        font-size: 11px;
    }

.renewal-right {
    width: 78%;
    float: right;
    border: 0px solid blue;
}

    .renewal-right ul {
        padding: 0;
        margin: 0 0 12px 0;
        width: 100%;
        float: left;
    }

        .renewal-right ul li {
            padding: 0;
            margin: 0 0 10px 0;
            width: 48%;
            float: left;
            list-style: none;
            font-size: 9px;
            color: #00b4c1;
            font-weight: bold;
        }

            .renewal-right ul li > i {
                color: #878787;
                font-size: 15px;
                font-weight: 300;
            }

.renewal-search {
    width: 100%;
    margin: 17px auto;
}

.renewal-right p, .renewal-left p {
    font-size: 11px;
    color: #6f7b82;
    line-height: 19px;
}

.bold-black {
    font-size: 19px;
    color: #000;
    font-weight: bold;
}

/*============= RIGHT SIDE REFFERRALS====================*/
.refferrals-list {
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

    .refferrals-list li {
        list-style: none;
        width: 47%;
        float: left;
        margin: 0 0 10px 6px;
        position: relative;
    }

        .refferrals-list li > .ref-avatar {
            border-radius: 47% !important;
            float: left;
            height: 50px;
            margin-right: 8px;
            overflow: hidden;
            width: 50px;
            border: 1px solid #fff;
        }

            .refferrals-list li > .ref-avatar:hover {
                border: 1px solid #7ad9f9;
            }

        .refferrals-list li > .refferrals-txt {
            float: left;
            text-align: left;
            font-size: 12px;
            line-height: 16px;
            margin: 20px 0 0 0;
            width: 50%;
            color: #4d87bb;
        }

        .refferrals-list li > .ref-check-mark {
            position: absolute;
            left: -8px;
            bottom: 1px;
            border-radius: 50% !important;
        }

        .refferrals-list li > .ref-clock-mark {
            position: absolute;
            left: -8px;
            bottom: 1px;
            border-radius: 50% !important;
        }


        .refferrals-list li > .ref-check-mark > i {
            color: #54b858;
            font-size: 20px;
            font-weight: 300;
        }

        .refferrals-list li > .ref-clock-mark > i {
            color: #ec7a70;
            font-size: 20px;
            font-weight: 300;
        }

.border-lr {
    border: none !important;
    padding: 0px !important;
}


/*============= RIGHT SIDE CLIENT FORUM====================*/
.mt-element-list .list-default.mt-list-container ul {
    margin-bottom: 0;
    padding: 0
}


    /*============= RIGHT SIDE APPOINTMENT====================*/
    .mt-element-list .list-default.mt-list-container ul.appointment {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }

        .mt-element-list .list-default.mt-list-container ul.appointment li {
            width: 100%;
            float: left;
            padding: 7px 0 0 0;
            margin: 0 0 13px 0;
            list-style: none;
            box-shadow: 2px 2px 2px #ededed;
            min-height: 75px;
            border-top: 1px solid #f8f8f8;
        }

            .mt-element-list .list-default.mt-list-container ul.appointment li:first-child {
                border-left: 3px solid #ffa42b;
            }

            .mt-element-list .list-default.mt-list-container ul.appointment li:nth-child(2) {
                border-left: 3px solid #6854bd;
            }

            .mt-element-list .list-default.mt-list-container ul.appointment li:nth-child(3) {
                border-left: 3px solid #77c231;
            }

            .mt-element-list .list-default.mt-list-container ul.appointment li:nth-child(4) {
                border-left: 3px solid #f806ea
            }

            .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-date {
                width: 12%;
                float: left;
                font-size: 11px;
                text-align: center;
            }

                .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-date p {
                    width: 100%;
                    font-size: 11px;
                    padding: 0;
                    margin: 0;
                    line-height: 15px;
                }

                .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-date span {
                    width: 100%;
                    font-size: 17px;
                    padding: 0;
                    margin: 0;
                    line-height: 25px;
                    font-weight: bold;
                }

            .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details {
                width: 55%;
                float: left;
                padding-left: 10px;
                border-left: 1px solid #c8c8c8;
            }

                .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-name {
                    display: inline block;
                    padding: 0;
                    margin: 0;
                    color: #000;
                    font-size: 12px;
                    font-weight: 600;
                }

                .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-time {
                    display: inline block;
                    font-size: 10px;
                    color: #666;
                    padding: 0;
                    margin: 0;
                }

                .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-instuctor {
                    display: inline block;
                    font-size: 11px;
                    color: #666;
                    padding: 0;
                    margin: 5px 0 0 0;
                }

                    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-instuctor span {
                        font-size: 10px;
                        color: #1e77c7;
                        line-height: 25px;
                    }

                    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-instuctor .instuctor-avatar {
                        border: 1px solid #fff;
                        border-radius: 50% !important;
                        float: left;
                        height: 25px;
                        margin-right: 8px;
                        overflow: hidden;
                        width: 25px;
                        display: inline block;
                    }


            .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-book {
                width: 25%;
                float: left;
                margin-top: 37px !important;
            }

                .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-book span.book {
                    background: #61bb63 none repeat scroll 0 0;
                    color: #fff;
                    float: right;
                    font-size: 10px;
                    min-width: 50px;
                    padding: 3px 3px;
                    text-align: center;
                }

                .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-book span.cancel {
                    background: #e70e23 none repeat scroll 0 0;
                    color: #fff;
                    float: right;
                    font-size: 10px;
                    min-width: 50px;
                    padding: 3px 3px;
                    text-align: center;
                }

            .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-edit {
                float: right;
                margin: 37px 0 0 5px !important;
                width: 6%;
            }

.appoint-edit .fa.fa-pencil-square-o {
    color: #7e7e7e;
}

/*============= RIGHT SIDE VALID MEMBERSHIP====================*/

.mt-element-list .list-default .mt-list-container ul > .mt-list-item > .list-text {
    width: 55%;
    float: left;
    font-size: 11px;
    padding: 0;
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .wd-min {
    /*  changed by priya 14-may-2020*/
    width: 80% !important;
    /* width: 43% !important; */
    padding-left: 5px;
   
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-text h3 a {
    color: #00b4c2;
    font-size: 12px;
}

.mt-list-item > .list-icon {
    border: none;
    width: 10%;
    float: left;
}

    .mt-list-item > .list-icon .fa-arrows-h {
        background-color: #33c5d2;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        line-height: 22px;
        font-size: 17px;
        border-radius: 25px;
        color: #fff;
    }

    .mt-list-item > .list-icon.yoga .fa-arrows-h {
        background-color: #bababa;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        line-height: 22px;
        font-size: 17px;
        border-radius: 25px;
        color: #fff;
    }

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {
    text-align: right;
    float: right;
    width: 15%;
    font-size: 10px;
}

.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-status {
    text-align: right;
    float: right;
    width: 23%;
    font-size: 11px;
}

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-status span {
        float: left;
        font-size: 10px;
        margin: 0 auto;
        padding: 3px 3px;
        text-align: center;
        width: 90%;
    }

        .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-status span.upgrade {
            background: #aae4f7;
        }

        .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-status span.frozen {
            background: #bababa;
            color: #fff;
        }

        .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-status span.expired {
            background: #e90f22;
            color: #fff;
        }

.mt-element-list .btn-group button.btn {
    font-size: 9px !important;
    padding: 6px 10px
}


.width58 {
    width: 58% !important;
}

.list-wd {
    width: 99%;
    min-height: auto !important;
    float: left;
    padding: 12px 0 !important;
}

/* FOOTER PART */
.page-footer span.ff-icon {
    float: right;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ccc;
}

.page-footer p {
    float: right;
    line-height: 0px;
}

.page-footer .f-right-icon {
    width: auto;
    float: right;
    background: #c9c9cb;
    padding: 10px 15px;
    border-radius: 8px !important;
    margin-top: 10px;
}

.page-footer span.f-send {
    float: left;
    font-size: 18px;
    padding-right: 10px;
}

.page-footer span.f-setting {
    float: right;
    font-size: 18px;
}

.f-right-icon .fa-cog {
    font-size: 20px;
    line-height: 26px;
}

.f-right-icon .popovers:hover {
    cursor: pointer;
}

.popover {
    max-width: initial;
    min-width: 315px;
    width: auto;
    /*    transition: all 0.3s ease; */
    z-index: 99999;
}
/*=============top-content====================*/
.product-type {
    list-style: none;
    padding-left: 0;
}

    .product-type li {
        display: inline-block;
        float: left;
        margin-top: 10px;
        margin-right: 10px;
        background-color: #fff;
        opacity: .6;
    }

        .product-type li.active {
            opacity: 1;
        }

        .product-type li a {
            border: 1px solid #cccccc;
            display: block;
            padding: 5px;
            border-radius: 100% !important;
        }

            .product-type li a img {
                width: 28px;
                height: 28px;
            }

.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;
        }

.general-info {
    padding: 10px;
    background-color: #e5e5e5;
    width: 50%;
    display: inline-block;
    float: left;
   /* min-height: 150px; *//* commented on 09-06-2018  */
    height: 160px;
    font-size: 14px;
}

   /* .general-info span {
        margin-left: 15px;
        margin-bottom: 10px;
        display: inline-block
    }

    .general-info p {
        font-size: 11px;
        line-height: 20px;
    } */

.medical-alert {
    padding: 10px;
    width: 50%;
    display: inline-block;
    float: left;
   /* min-height: 150px; *//* commented on 09-06-2018  */
   height: 160px;
}

   /* .medical-alert p {
        font-size: 11px;
        line-height: 20px;
        color: #FFFFFF;
    } */

.fa-plus:before {
    padding: 5px 7px;
}

.fa-info:before {
    background-color: #fff;
    padding: 5px 11px;
    border-radius: 100%;
    color: #000000;
}

.medical-alert span {
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 15px;
    color: #FFFFFF;
}

.details {
    list-style: none;
    padding-left: 0;
    width: 100%;
    margin-top: 15px;
    background-color: #33c5d2;
    float: left;
}

    .details ul li i {
        text-align: center;
        float: left;
        width: 36px;
        height: 36px;
        border: 1px solid #909090;
        border-radius: 100%;
    }

.custom-content {
    margin-bottom: 25px;
}

.payment-details {
    color: #373737;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding-left: 0;
}

    .payment-details span {
        color: red;
        font-size: 12px;
        font-weight: 600;
        margin-right: 5px;
    }

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

    .payment-details li {
        background-color: #f1f5f8;
        padding: 15px 10px;
        margin-bottom: 10px;
        font-size: 11px;
        width: 100%;
    }

.fa-shopping-cart + span .fa-rupee {
    color: #66ee66;
    font-size: 16px;
    font-weight: 600;
}

.fa-dollar + span .fa-rupee {
    color: #e80f22;
    font-size: 16px;
    font-weight: 600;
}

.fa-shopping-cart {
    font-size: 20px;
    color: #666;
}

.fa-dollar {
    font-size: 20px;
    color: #666;
}

.day-member {
    font-size: 12px;
    margin-left: 0px;
    padding-left: 0;
}

    .day-member img {
        margin: 0 auto;
        display: block;
    }

    .day-member span {
        padding-top: 10px;
        display: block;
        text-align: center;
    }

.badge-empty.badge-success {
    background-color: #54b858;
}

.knob-details canvas {
    position: relative;
    width: 80px !important;
    height: 155px !important;
}

.knob-details h4 {
    text-align: center;
    position: absolute;
    bottom: 45px;
    padding-left: 17px;
    font-size: 14px;
}

.knob-details .knob {
    margin-top: 25px !important;
    margin-left: -70px !important;
}

.custom-content.general-content {
    margin-bottom: 0;
}

.mt-element-list .task-footer {
    display: inline-block;
    width: 100%;
    font-size: 13px;
}

.font-more, .task-footer.font-more {
    font-size: 11px;
}
/*=============view profile====================*/
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu img {
    float: left;
    padding: 5px;
    width: 100px;
    height: 100px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu li:first-child {
    border-bottom: 1px solid #e4e4e4;
    margin: 12px 10px 0 10px;
    padding-bottom: 20px;
}

.profile-details {
    display: inline-block;
    margin: 10px 0;
    font-size: 12px;
}

    .profile-details div {
        margin: 5px 0;
    }

        .profile-details div span {
            font-size: 14px;
        }

.member-s {
    margin-bottom: 7px !important;
}

    .member-s .item-status {
        margin-right: 5px !important;
    }

.profile-usertitle-mobile {
    width: 100%;
    padding-bottom: 10px;
}

.user-mobile {
    width: 22px;
    float: left;
    text-align: left;
    margin-top: 8px;
}

.user-mobile-details {
    width: 155px;
    float: left;
    margin-left: 5px;
    text-align: left;
}

ul.map-content li p {
    color: #898989;
}
/*=============Follow up====================*/
.follow-up {
    padding-left: 3%;
    list-style: none;
    width: 100%;
    display: inline-block;
}
    /*.follow-up li{display: inline-block; float: left; margin-right: 10px; margin-top: 20px; margin-bottom: 20px;}
.follow-up li a{font-size: 11px; color: #8c8d92; text-decoration: none;}
.follow-up li a:hover{border: 1px dashed #00a5b0;}*/
    .follow-up span {
        display: inline-block;
        vertical-align: middle;
        height: 38px;
        line-height: 33px;
        font-size: 12px;
        font-weight: 600;
        padding-left: 3px;
        color: #8a8d92;
    }

    .follow-up i {
        padding: 9px 10px;
        border: 1px dashed;
        border-radius: 100%;
        display: inline !important;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
    }

.bs-select {
    border: 0 none;
}

.follow-up .btn-default {
    width: auto;
    border: 1px solid transparent !important;
    padding: 0;
    margin-right: 10px;
}

.bs-select.form-control.dropup .fa {
    color: #33c5d2;
}

.follow-up .btn-default > .bs-caret {
    display: none;
}

.follow-up-content {
    float: left;
    display: inline-block;
    /* original margin chnaged by priya 5/11/2019 
    margin: 15px 0;
*/
  margin:5px 0;
    width: 24%;
}

.follow-up .btn-default:hover {
    border: 1px dashed #33c5d2 !important;
    background-color: transparent;
    border-radius: 10px !important;
}

.follow-up .btn-default:active, .follow-up .btn-default:focus {
    background-color: transparent;
}

.follow-up .btn-default:hover i {
    padding: 9px 10px;
    border: 1px dashed #33c5d2;
    border-radius: 100%;
    display: inline !important;
    /*    margin-right: 10px;*/
    text-align: center;
    vertical-align: middle;
}

.follow-up .btn-default:hover span {
    color: #33c5d2;
}

.page-header-top .input-icon {
    float: left;
    margin-top: 20.5px;
    width: 50%;
}

.popover-content {
    color: #6f6f6f;
    font-family: arial;
    font-size: 11px;
    font-weight: 400;
}

.popover-title {
    color: #6f6f6f;
}

.follow-up-content .dropdown-menu.inner {
    width: 250px;
    height: 200px;
}

    .follow-up-content .dropdown-menu.inner li {
        border-bottom: 1px solid #ccc;
    }

        .follow-up-content .dropdown-menu.inner li a {
            padding: 2px 16px;
        }

.dropdown-menu.inner span.fa {
    height: 20px;
    display: none;
    color: #33c5d2;
}

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

    .comment-cotent div:first-child {
        padding-left: 0;
    }

    .comment-cotent div:nth-child(2) {
        padding-left: 0;
    }

    .comment-cotent div:last-child {
        width: 100%;
        text-align: center;
    }

    .comment-cotent span {
        background: #ecede8 none repeat scroll 0 0;
        border: 1px solid #ccc;
        border-radius: 100% !important;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 40px;
    }

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

    .comment-cotent div:last-child a {
        text-align: center;
        margin: 15px auto;
        display: inline-block;
    }

.follow-up-content .open > .btn-default.dropdown-toggle {
    background-color: transparent;
}

.db-h {
    height: 50px !important;
    border-radius: 8px !important;
}
/*=============Accordion Toggle====================*/
.accordion .panel .panel-title .accordion-toggle {
    font-size: 12px;
    font-weight: bold;
    color: #202327;
}

.panel-group .panel-heading span.closed {
    float: right;
    background: #e63e3e;
    padding: 2px 5px;
    font-size: 11px;
    color: #fff;
    margin-right: 10px;
    min-width: 70px;
    text-align: center;
    margin-top: 0px;
    font-weight: normal;
}

.renewal-left .closed {
    float: left;
    background: #e63e3e;
    padding: 2px 5px;
    font-size: 10px;
    color: #fff;
    margin-left: 10px;
    min-width: 70px;
    text-align: center;
    margin-top: 5px;
}

.renewal-left .open {
    float: none;
    background: #61bb63;
    padding: 2px 10px;
    font-size: 11px;
    color: #fff;
    margin-left: 17%;
    text-align: center;
    margin-top: 5px;
    display: inline-block;
    width: 64%;
}



.dropdown .dropdown-menu {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

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

.heading-border-bottom {
    border-bottom: 1px solid #efefef;
    display: inline-block;
    width: 100%;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nopaddingright {
    padding-right: 0 !important;
    padding-left: 5px;
}

    .nopaddingright .fa-plus-circle {
        color: #45b93d;
        font-size: 18px;
        margin: 10px 0 0 0;
    }

/*============= create-profile-up page====================*/
.create_profile_page {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color #f1f2f6 #f1f2f6;
    border-image: none;
    /*    border-style: none solid solid;*/
    border-width: 0 10px 10px;
    height: auto;
    display: inline-block;
    width: 100%;
}

.create_profile_contentbox {
    width: 100%;
    margin: 0 auto;
    padding: 0 2%;
    border-top: 1px dotted #c4c4c4;
}

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

.basic_info_from {
    width: 90%;
    float: left;
}

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

.heading_bullet p {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f00;
}

.create_profile_contentbox .portlet-title .caption-subject p {
    display: inline-block;
    margin: 0 15px;
    color: #f4817e;
    font-size: 12px;
}

.create_profile_contentbox .two_line_label {
    line-height: 16px;
    padding-top: 0px;
}

.create_profile_contentbox .form-control[disabled], .create_profile_contentbox .form-control[readonly], .create_profile_contentbox fieldset[disabled] .form-control {
    background-color: #fff;
}

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

.create_profile_main {
    width: 100%;
    margin-bottom: 20px;
}

.page_heading_border {
    border-bottom: 1px dotted #c4c4c4;
    margin-bottom: 2px;
}

.client_profile_img {
    width: 100%;
    margin-top: 20px;
}

    .client_profile_img .thumbnail {
        border: 1px dashed #e1e2e4;
        border-radius: 100% !important;
        height: 150px;
        width: 150px;
    }

    .client_profile_img .fileinput-new {
        border-radius: 100% !important;
        position: relative;
    }

    /*priya start here 8/01/20120 */
.file_upload_control {
    bottom: 18%;
    /* left: 0%; */
    position: absolute;
    text-align: center;
   /* width: 100%; */
}

/*priya end here*/

    .file_upload_control .btn.default:not(.btn-outline) {
        background-color: transparent !important;
        border: 0px;
    }

.client_profile_img .fileinput .thumbnail > img {
    border-radius: 100% !important;
    height: 150px;
    max-height: 100%;
}

.create_profile_page .note.note-info {
    background-color: #f0f0f0;
    border-color: #5cc5c8;
    color: #242d34;
}

.create_profile3 {
    margin-bottom: 40px;
}

    .create_profile3 .portlet {
        width: 100%;
        border-bottom: 1px solid #eaebed;
    }

    .create_profile3 .mt-element-step .step-line .mt-step-number {
        width: 30px;
        height: 30px;
    }

    .create_profile3 .mt-element-step .step-line .done .mt-step-number {
        border-color: #a9d83a !important;
    }

    .create_profile3 .mt-element-step .step-line .mt-step-title::before {
        right: 55%;
    }

    .create_profile3 .mt-element-step .step-line .mt-step-title::after {
        left: 55%;
    }

    .create_profile3 .mt-element-step .step-line .done .mt-step-title::after, .mt-element-step .step-line .done .mt-step-title::before {
        background-color: #e5e5e5;
    }

    .create_profile3 .mt-element-step .step-line .mt-step-title::after, .mt-element-step .step-line .mt-step-title::before {
        top: -24px;
    }

    .create_profile3 .mt-element-step .step-line .done .mt-step-content, .mt-element-step .step-line .done .mt-step-title {
        color: #5c9bd1 !important;
    }

.green_circle_fill {
    background-color: #a9d83a !important;
}

    .green_circle_fill .fa-check {
        color: #fff;
        float: left;
        font-size: 12px;
        left: -2px;
        line-height: 0;
        vertical-align: middle;
    }

.repeat_enquiry_popup {
    width: 100%;
    float: left;
}

    .repeat_enquiry_popup .form .form-body, .portlet-form .form-body {
        padding-right: 0;
        padding-left: 0px;
    }

    .repeat_enquiry_popup label {
        font-size: 12px;
    }

    .repeat_enquiry_popup .form .form-body .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    .repeat_enquiry_popup .basic_info_from {
        width: 100%;
    }

.add_follow_up {
    /*
    background-color: #f8f4f3;
    border: 5px solid #efeae7;
    padding: 20px;
*/
    display: inline-block;
    width: 100%;
}

    .add_follow_up .text_area_padding {
        padding-left: 43px;
    }

    .add_follow_up .fa-plus-circle {
        font-size: 24px;
        margin-right: 10px;
        color: #64bc65;
    }

.repeat_enquiry_popup .note.note-info {
    background-color: #f0f0f0;
    border-color: #5cc5c8;
    color: #242d34;
    margin: 10px 0 25px 0;
}

.enquiry-box {
    width: 100%;
    float: left;
    margin-bottom: 45px;
    background: url("../../pages/img/shadow-img.jpg") no-repeat center bottom;
    height: 150px;
}

.repeat_enquiry_popup .form-horizontal label {
    text-align: right !important;
    font-size: 12px !important;
}

.poppup-title {
    font-size: 24px;
    font-weight: 400 !important;
    font-family: "champagne__limousinesregular";
}


.repeat_enquiry_popup .form-control[disabled], .repeat_enquiry_popup .form-control[readonly], .repeat_enquiry_popup fieldset[disabled] .form-control {
    background-color: #fff;
}

.repeat_enquiry_popup .btn.default:not(.btn-outline) {
    background-color: #fff;
    border-color: #c2cad8;
}

.col-sm-12.col-md-12.text-center.login-page-logo {
    float: left;
    margin-bottom: 110px;
}

.user-login-5 .login-container > .login-footer.login_right_footer .login-copyright {
    margin-top: 0px;
}

.user-login-5 .login-container > .login-footer.login_right_footer {
    margin-top: 30px;
}

.profile-sidebar .portlet.light {
    background-color: transparent;
    word-break : break-all;
}

.login .user-login-5 .login-container > .login-content > .login-form .form-control {
    padding: 7px 0px;
}
/*.login .user-login-5 .login-form button.btn { border-radius: 5px!important;}*/
/**************************profile menu**************************************/

.client-forms-create .heading-border-bottom {
    padding-bottom: 15px;
}

    .client-forms-create .heading-border-bottom .caption {
        line-height: 35px;
    }

    .client-forms-create .heading-border-bottom .btn-group-solid button {
        float: right;
    }

        .client-forms-create .heading-border-bottom .btn-group-solid button .fa-envelope {
            margin-right: 10px;
        }

.client-forms-create-form .form-horizontal label.control-label {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left !important;
}

.enquiry_part1 {
    border-bottom: 2px solid #e3e3e3;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

    .enquiry_part1:nth-child(2) {
        border-bottom: medium none;
    }

.enquiry_part1_text ul {
    list-style: outside none none;
    margin-top: 10px;
    padding-left: 0;
    width: 100%;
}

    .enquiry_part1_text ul li {
        background-color: #eeeeee;
        color: #9ca7ae;
        font-size: 13px;
        padding: 10px;
    }

        .enquiry_part1_text ul li span {
            color: #555;
        }

        .enquiry_part1_text ul li:first-child {
            margin-right: 10px;
        }


/**************************Billing start**************************************/

/**************************Billing Eng**************************************/
/*body.modal-open { overflow: hidden!important;}*/
.client_trial_table {
    margin-top: 30px;
    border: 1px solid #c2cad9;
    margin-bottom: 50px;
}

    .client_trial_table thead {
        background-color: #f3f4f6;
    }

        .client_trial_table thead tr th {
            padding: 15px 8px;
        }

    .client_trial_table tbody tr td {
        padding: 15px 8px;
    }

/*****************************************************************/

.basic_info_from .fileinput .thumbnail {
    border: 1px dashed #cacaca;
}

.file_upload_control .fileinput-exists {
    display: block;
}


/*
.member-select-new{
    width: 100%;
    display: inline-block;
     margin: 15px 0 22px;
}
.member-select-new h3{
    font-size: 16px;
    margin: 0;
    color: #aaa8a9;
    font-weight: 600;
}
.main-content-new .renewal-search{
  width: 100%;
  margin: 10px auto 0;
}
.main-content-new .table.product-info-new {
    margin-bottom: 30px
}
.main-content-new .renewal-search .input-group-btn button{
    background: none;
    border: 1px solid #ccc;
    height: 46px;
    padding: 0 15px;
}
.main-content-new .renewal-search .input-group .form-control{
    height: 46px;
    border: 1px solid #ccc;
}
.main-content-new table.product-info-new tr th{
    background: #fff none repeat scroll 0 0;
}
.main-content-new table.product-info-new tr.active td{
    background: #347ab8 !important;
}
.main-content-new table.product-info-new tr.active .contract-head p,
.main-content-new table.product-info-new tr.active td ul li,
.main-content-new table.product-info-new tr.active td .contract-head span{
    color: #fff;
}

.main-content-new table.product-info-new tr {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.border-none{
    border: 0 none;
}
.main-content-new table.product-info-new tr th p{
    margin: 0;
    font-weight:300;
    font-size: 13px;
}
.main-content-new textarea{resize: none !important;  border: 1px solid #ccc;}
.main-content-new table.product-info-new tr th p.heading{
    font-weight: 600;
    margin: 0 0 5px;
    font-size: 16px;
}
.main-content-new .fr-from ul li,  .main-content-new .fr-to ul li{
    font-size: 13px;
}
.contract-head p{
    margin: 0 0 6px;
    font-weight: 600;
}
.contract-head {
    margin: 5px 10px 10px;
}
.contract-head span{
    font-size: 13px;
}
.span-mar-top{
    display: inline-block;
    margin-top: 26px;
}
.choose-freeze{
    margin: 10px 0 20px;
}
.choose-freeze  p{
    margin: 0;
    font-size: 12px;
    color: #666;
    width: 100%;
    display: inline-block;
}

.choose-freeze span{
    font-size: 18px;
    color: #a9a7a8;
    padding-left: 21px;
}
.choose-freeze .date-picker input, .choose-freeze .date-picker .btn.default:not(.btn-outline){
    background: #fff;
    border: 1px solid #ccc;
}
.choose-freeze .date-picker span{
    padding: 0;
}
.mt15{
    margin-top: 15px;
}
.follow-up-new .follow-up .btn-default{
    margin-bottom: 20px;
}
.follow-up-new{
    margin: 0 0 64px;
}
.main-content-new .portlet{
    margin: 0;
 
}
.choose-freeze select option{
    padding: 5px 15px; 
}
.choose-freeze select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("../img/expand-button.png") no-repeat scroll right 6px center;
}
.main-content-new  .portlet-title{
    margin: 25px 0 10px;
}

.freezing-comment {
    display: inline-block;
    margin-top: 25px;
    width: 100%;
}
.main-content-new .tab-pane{
    padding: 10px;
}
.main-content-new  .portlet-body .tab-content{
    padding: 20px 0;
} 
.main-content-new .comment-cotent img{
    border-radius: 100% !important;
}

.billing-main-content{
    width: 100%;
    background: #fafafa;
    display: inline-block;
}

.billing-main-content ul{
    padding: 0;
    margin: 0;
}
.billing-main p{
    margin: 0;
}
.package-list ul,
.mem-details-status-inner ul.freeze-active-link{
    float: right;
}
.mem-details-status-inner ul.freeze-active-link{
    margin-top: 20px;
}
.package-list ul li,
.mem-details-status-inner ul li ul li{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
}
.package-list .btn.btn-outline,
.mem-details-status-inner ul li ul li .btn.btn-outline{
    border: 1px solid #ccc;
    color: #999;
    font-weight: 400 !important;
}

.billing-header h2{
    margin: 0;
    text-transform: capitalize;
    text-align: left;
    font-weight: 22px;
}
.billing-header {
    padding: 12px 15px 20px;
}
li{
    list-style: none;
}
.billing-main{
    background: #fff;
    padding: 15px;
}
.billing-inner-main{
    box-shadow: 0 0 4px 1px #ccc;
    padding: 50px 15px 15px;    
    position: relative;
    width: 100%;
    display: inline-block;
}
.ribbon-wrapper-red{
    position: absolute;
    left: -8px;
    top: 10px;
    width: 80px;
    height: 28px;
}
.ribbon-red{
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    background: #ea3b40;
    position: relative;
    text-align: center;
    min-height: 28px;
    line-height: 25px;
}
.ribbon-red:before{
    content: "";
    border-left: 8px solid transparent;
    border-right: 1px solid transparent;
    border-top: 11px solid #000;
    position: absolute;
    left: 0px;
    bottom: -11px;
}
.mem-details-status-inner a{
    margin: 0;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
}    
.mem-details-status-inner a i{
    color: #f4c600;
    margin-right: 5px;
}
a:hover{
    text-decoration: none;
}
.mem-details-status-inner ul li{
    width: 100%;
    display: table;
    padding: 15px; 
    position: relative;
    text-align: left;
   margin-left: 00px;
    border-bottom: 1px solid #ccc;
}
.mem-details-status-inner ul li:before{
    content: "";
    border-top: 1px dotted #000;
    position: absolute;
    left: -14px;
    top: 27px;
    width: 15px;
    height: 2px
}
.active-links-new{
    margin:15px -15px 20px; 
}

.mem-details-status-inner .tree-content-right {
    display: inline-block;
    float: none;
    width: 100%;
    text-align: left;
}
.mem-details-status-inner .tree-content-right p{
    margin: 5px 0 5px;
    font-weight: 600;
    font-size: 12px;
    
}
.mem-details-status-inner .tree-content-right span{
    color: #ccc;
    font-size: 12px;
    margin-bottom: 20px;
    display: block;
}
.package-list {
    width: 100%;
    display: inline-block;
    padding: 1px 15px 10px;
    
}
.mem-details-timeline{
    border-left: 1px dotted #000;
    margin-top: 16px;
}
.mem-details-timeline ul li .purchess-panel{
    float: left;   
    background: #bac3d2;
    height: 25px;
    line-height: 23px;
    text-align: center;
    margin-right: 4px;
    font-size: 10px;
    color: #fff;
    padding: 0 5px
}
.mem-details-status-inner ul li:last-child{
    border-bottom: 0 none;
}
.mem-details-timeline ul li span.purchess-day{   
    font-size: 12px;
    color: #000;
    line-height: 24px;
    
}
.p0{
    padding: 0;
}
.mem-details-status-inner .admin{
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 10px;
    color: #23a1ab;
}
.mem-details-status-inner ul{
    padding: 0 0 0 15px;
}
.mem-details-status-inner ul li ul li:before{
 border: none;   
}
.file_upload_control p.or_text1 { padding: 0px; margin: 10px 0;}
.add_follow_up.marin_top_content { margin-top: 30px; float: left;}
.add_follow_up .follow-up-new { margin-bottom: 0px;}




@media all and (max-width:991px){
    .choose-freeze span{
        font-size: 15px;
        padding: 0;
    }
    
}
@media all and (max-width:767px){
    .freeze-block{
       
        margin-bottom: 10px;
    }
     .freeze-block{
        padding: 0;
    }
    
    .freezing-comment{
        margin-top: 10px;
    }
   .main-content-new .portlet.light {
        border: 0 none !important;
        padding: 10px 0 0;
    }
    .follow-up-new {
        margin: 0 6px 64px;
    }
 }


@media (max-width: 767px){
    .renewal-right ul li{
    margin: 0 0 10px 23px;
    width: 100%;
}

.panel-group .panel-heading span.open{
    min-width: 55px;
}

.panel-group .panel-heading span.closed{
    min-width: 55px;
}

.renewal-left .open{
    min-width: 55px;
    margin-right: 0;
}

.renewal-left .closed{
    min-width: 55px;
    margin-right: 0;
}

.payment-details li{
    text-align: center;
    line-height: 18px;
}

.day-member{
    padding-left: 15px;
}
    .basic_info_from .form-group label { padding-left:15px;}
    .basic_info_from { width: 100%;}

}

@media (min-width: 768px) and (max-width: 991px) {
.follow-up-content{
    width: 32%;
}
.basic_info_from .form-group label { padding-left:15px;}

}

@media (min-width: 992px) and (max-width: 1024px) {
.follow-up-content{
    width: 32%;
}

.renewal-right ul li{
    margin: 0 0 10px 15px;
    width: 100%;
}

.panel-group .panel-heading span.open{
    min-width: 55px;
}

.panel-group .panel-heading span.closed{
    min-width: 55px;
}

.renewal-left .open{
    min-width: 55px;
    margin-right: 0;
}

.renewal-left .closed{
    min-width: 55px;
    margin-right: 0;
}

.payment-details li{
    text-align: center;
    line-height: 18px;
}

.portlet.light{
    padding: 12px 10px 10px;
}

}*/


.member-select-new {
    width: 100%;
    display: inline-block;
    margin: 15px 0 22px;
}

    .member-select-new h3 {
        font-size: 16px;
        margin: 0;
        color: #aaa8a9;
        font-weight: 600;
    }

.main-content-new .renewal-search {
    width: 100%;
    margin: 10px auto 0;
}

.main-content-new .table.product-info-new {
    margin-bottom: 30px
}

.main-content-new .renewal-search .input-group-btn button {
    background: none;
    border: 1px solid #ccc;
    height: 46px;
    padding: 0 15px;
}

.main-content-new .renewal-search .input-group .form-control {
    height: 46px;
    border: 1px solid #ccc;
}

.main-content-new table.product-info-new tr th {
    background: #fff none repeat scroll 0 0;
}

.main-content-new table.product-info-new tr.active td {
    background: #347ab8 !important;
}

    .main-content-new table.product-info-new tr.active .contract-head p,
    .main-content-new table.product-info-new tr.active td ul li,
    .main-content-new table.product-info-new tr.active td .contract-head span {
        color: #fff;
    }

.main-content-new table.product-info-new tr {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.border-none {
    border: 0 none;
}

.main-content-new table.product-info-new tr th p {
    margin: 0;
    font-weight: 300;
    font-size: 13px;
}


.main-content-new textarea {
    resize: none !important;
    border: 1px solid #ccc;
}

.main-content-new table.product-info-new tr th p.heading {
    font-weight: 600;
    margin: 0 0 5px;
    font-size: 16px;
}

.main-content-new .fr-from ul li, .main-content-new .fr-to ul li {
    font-size: 13px;
}

.contract-head p {
    margin: 0 0 6px;
    /*    font-weight: 600;*/
}

.contract-head {
    margin: 5px 0px 10px;
}

    .contract-head span {
        font-size: 13px;
    }

.span-mar-top {
    display: inline-block;
    margin-top: 26px;
}

.choose-freeze {
    margin: 10px 0 20px;
}

    .choose-freeze p {
        margin: 0;
        font-size: 12px;
        color: #666;
        width: 100%;
        display: inline-block;
    }

    .choose-freeze span {
        font-size: 18px;
        color: #a9a7a8;
        padding-left: 21px;
    }

    .choose-freeze .date-picker input, .choose-freeze .date-picker .btn.default:not(.btn-outline) {
        background: #fff;
        border: 1px solid #ccc;
    }

    .choose-freeze .date-picker span {
        padding: 0;
    }

.mt15 {
    margin-top: 15px;
}

.follow-up-new .follow-up .btn-default {
    margin-bottom: 20px;
}

.follow-up-new {
    margin: 0 0 20px;
}

.main-content-new .portlet {
    margin: 0;
}

.choose-freeze select option {
    padding: 5px 15px;
}

.choose-freeze select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("../img/expand-button.png") no-repeat scroll right 6px center;
}

.main-content-new .portlet-title {
    margin: 25px 0 10px;
}

.freezing-comment {
    display: inline-block;
    margin-top: 25px;
    width: 100%;
}

.main-content-new .tab-pane {
    padding: 10px;
}

.main-content-new .portlet-body .tab-content {
    padding: 20px 0;
}

.main-content-new .comment-cotent img {
    border-radius: 100% !important;
}

.billing-main-content {
    width: 100%;
    background: #fafafa;
    display: inline-block;
}

    .billing-main-content ul {
        padding: 0;
        margin: 0;
    }

.billing-main p {
    margin: 0;
}

.package-list ul,
.mem-details-status-inner ul.freeze-active-link {
    float: right;
}

.mem-details-status-inner ul.freeze-active-link {
    margin-top: 20px;
}

    .mem-details-status-inner ul.freeze-active-link li a.active {
        background: #e6e6e6;
    }

.package-list ul li,
.mem-details-status-inner ul li ul li {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
}

    .package-list .btn.btn-outline,
    .mem-details-status-inner ul li ul li .btn.btn-outline {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #000;
        font-weight: 400 !important;
        font-size:11px !important;
        margin: 0;
        padding: 7px 7px;
        background: #f5f5f5;
    }


    .mem-details-status-inner ul li ul li:last-child {
        border-right: 1px solid #ccc;
    }

    .package-list ul li:last-child {
        border-right: 1px solid #ccc;
    }

    .package-list ul li.active {
        opacity: .6;
    }

.billing-header h2 {
    margin: 0;
    text-transform: capitalize;
    text-align: left;
    font-size: 40px !important;
    color: #000;
    font-weight: 600;
}

.billing-header {
    padding: 12px 15px 20px;
}

li {
    list-style: none;
}

.billing-main {
    background: #fff;
    padding: 15px;
}

.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;
}

.ribbon-red {
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    background: #ea3b40;
    position: relative;
    text-align: center;
    min-height: 28px;
    line-height: 25px;
}

    .ribbon-red:before {
        content: "";
        border-left: 8px solid transparent;
        border-right: 1px solid transparent;
        border-top: 11px solid #000;
        position: absolute;
        left: 0px;
        bottom: -11px;
    }

.mem-details-status-inner a {
    margin: 0;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
}

    .mem-details-status-inner a i {
        color: #f4c600;
        margin-right: 5px;
    }

a:hover {
    text-decoration: none;
}

.mem-details-status-inner ul li {
    width: 100%;
    display: table;
    padding: 15px;
    position: relative;
    text-align: left;
    margin-left: 00px;
    border-bottom: 1px solid #ccc;
}

    .mem-details-status-inner ul li:before {
        content: "";
        border-top: 1px dotted #000;
        position: absolute;
        left: -14px;
        top: 27px;
        width: 15px;
        height: 2px
    }

.active-links-new {
    margin: 15px -15px 20px;
}

.mem-details-status-inner .tree-content-right {
    display: inline-block;
    float: none;
    width: 100%;
    text-align: left;
}

    .mem-details-status-inner .tree-content-right p {
        margin: 5px 0 5px;
        font-weight: 600;
        font-size: 12px;
    }

    .mem-details-status-inner .tree-content-right span {
        color: #636363;
        font-size: 12px;
        margin-bottom: 20px;
        display: block;
    }

.package-list {
    width: 100%;
    display: inline-block;
    padding: 1px 15px 10px;
}

    .package-list ul li i {
        color: #505050;
        font-size: 12px;
        margin-right: 3px;
    }

    .package-list ul li.active {
        color: #505050;
        font-size: 11px;
        margin-right: 8px;
    }

.bor0 li {
    border-bottom: 0px !important;
}

.package-list .btn {
    font-size: 11px;
}

.package-list ul li.active {
    background: red;
}


.mem-details-timeline {
    border-left: 1px dotted #000;
    margin-top: 16px;
}

    .mem-details-timeline ul li .purchess-panel {
        float: left;
        background: #bac3d2;
        height: 25px;
        line-height: 23px;
        text-align: center;
        margin-right: 4px;
        font-size: 10px;
        color: #fff;
        padding: 0 5px
    }

.mem-details-status-inner ul li:last-child {
    border-bottom: 0 none;
}

.mem-details-timeline ul li span.purchess-day {
    font-size: 11px;
    color: #636363;
    line-height: 24px;
    font-weight: bold;
}

.p0 {
    padding: 0 !important;
}

.mem-details-status-inner .admin {
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 10px;
    color: #4ea0e3;
}

.mem-details-status-inner ul {
    padding: 0 0 0 15px;
}

    .mem-details-status-inner ul li ul li:before {
        border: none;
    }

#header_inbox_bar .dropdown-menu {
    box-shadow: none !important;
}

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

.mt-actions {
    height: 394px;
    overflow-y: auto;
}

    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {
        color: #000;
    }

.main-content-upgrade .form-group, .main-content-upgrade .transfer-search-content {
    margin: 0;
}

.tasks-content .badge {
    height: 25px;
    width: 25px;
    line-height: 25px;
    padding: 0;
}

.tasks-content .nav-tabs > li > a {
    color: #747474;
}

.tasks-content .nav-tabs > li.active > a {
    color: #000;
}

.tasks-content .btn-group a {
    color: #747474;
}

.file-upload ul li {
    width: 30%;
    float: left;
}

.new-fitness ul {
    margin: 0;
    padding: 0;
}

    .new-fitness ul li {
        background: #5ac3c9;
        width: 100%;
        float: left;
        text-align: center;
        min-height: 40px;
    }

.new-fitness-heading {
    width: 100%;
    display: inline-block;
    padding: 26px 10px 18px;
    border-bottom: 1px solid #16b4bf;
}

.new-fitness ul li a {
    display: inline-block;
    width: 100%;
    padding: 7px 0px;
}

    .new-fitness ul li a.active1 {
        background: #16b4c0;
    }

.fitness-detail-heading {
    width: 100%;
    display: inline-block;
    padding: 12px 10px;
    border-bottom: 1px solid #16b4bf;
}

.new-fitness-heading h2 {
    color: #898989;
    margin: 0;
    font-size: 18px;
}

.new-fitness-detail {
    width: 100%;
}

.dropdown-menu.new-fitness {
    max-width: 450px !important;
    width: 450px !important;
}

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

.fitness-detail-heading span.have-a-ques {
    font-weight: 700;
    padding-top: 5px;
    display: inline-block;
    font-size: 14px;
    color: #666666
}

.fitness-detail-heading a.submit-fare {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #999;
    border-radius: 5px !important;
    display: inline-block;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    float: right;
    color: #5F5F5F;
    width: auto;
}

    .fitness-detail-heading a.submit-fare:hover {
        background: #32c5d2;
        color: #fff;
        border: 1px solid #32c5d2;
    }

.fintness-content-detail {
    padding: 20px 12px;
}

    .fintness-content-detail h3 {
        color: #666666;
        margin: 0;
        font-size: 15px;
        font-weight: 600;
    }

    .fintness-content-detail span {
        font-weight: 400;
        font-size: 14px;
        padding: 0 4px;
    }

.support-fitness span {
    font-weight: 600;
    font-size: 14px;
    padding: 0 3px;
}

.support-fitness {
    padding: 0 8px;
}

    .support-fitness span.heading-contact {
        font-size: 10px;
        margin: 0px;
    }

.phone-support p {
    font-size: 12px;
    margin: 0px 0 4px;
}

.phone-support {
    padding: 10px 12px 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.support-fitness span.heading-contact-content, .support-fitness span.heading-contact-content a {
    font-size: 10px;
    color: #669aca;
    padding: 0;
    width: auto;
}

.active1 {
    display: inherit;
}

.img-top {
    margin-top: 20px;
}

.main-content-upgrade .mem-details {
    float: left;
    width: 66%;
}

    .main-content-upgrade .mem-details h4 {
        margin-bottom: 8px;
    }

.main-content-upgrade .transfer-search-content img {
    float: left;
}

.main-content-upgrade .transfer-search-content ul li.active {
    background: #347ab8;
}

    .main-content-upgrade .transfer-search-content ul li.active h4, .main-content-upgrade .transfer-search-content ul li.active span, .main-content-upgrade .transfer-search-content ul li.active div {
        color: #fff;
    }

    .main-content-upgrade .transfer-search-content ul li.active a {
        color: #51b4c7;
    }

.fitness-detail-heading a.submit-fare:focus {
    color: #fff;
}

#help-support .modal-dialog {
    width: 660px;
}

.search-article {
    float: right;
}

    .search-article span {
        font-size: 12px;
        color: #000;
        margin-right: 5px;
        margin-top: 5px;
        display: inline-block;
    }

    .search-article i {
        background: #747a78;
        border-radius: 50%;
        padding: 8px;
        color: #fff;
        display: inline-block;
    }

#help-support .form .form-row-seperated .form-group {
    border: 0 none;
    padding: 15px 0 2px;
}

#help-support textarea {
    width: 100%;
}

#help-support .input-group {
    width: 100%;
}

#help-support .modal-title {
    width: auto;
    float: left;
}

#help-support .modal-content, #help-support {
    padding: 0;
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
}

    #help-support .input-group .twitter-typeahead {
        width: 100%;
    }

.form-horizontal .control-label {
    padding-top: 0px;
}

#help-support .modal-footer {
    text-align: center;
    margin-top: 20px;
}

#help-support .btn.btn-outline.grey-salsa {
    border-color: #ACB5C3;
    color: #ACB5C3;
    background: #ACB5C3;
    color: #fff;
}

#help-support input:focus {
    border-color: #ccc;
}

.input-group-addon:first-child {
    border-right: 0;
    background: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.border-l-none {
    border-left: 0 none;
    padding: 2px 0px;
}

.support-left {
    background: #fff;
}

.support-right {
    background: #fff;
    border: 1px solid #ccc;
    padding: 0;
}

.support-top input {
    border: 0 none;
    font-size: 12px;
    height: 59px;
    line-height: 59px;
}

.support-top {
    border-bottom: 1px solid #000;
}

.support-middle {
    background: #f1f3f2;
    min-height: 383px;
    text-align: center;
    padding: 0 20px;
    overflow-y: auto;
}

.search-our-data {
    padding-top: 75%;
}

    .search-our-data p {
        font-size: 22px;
        text-align: center;
        color: #c0c0c0;
        text-transform: capitalize;
        margin: 0 0 5px
    }

    .search-our-data a {
        font-size: 12px;
        text-align: right;
        color: #448bcb;
        float: right;
        padding-right: 18px;
    }
/*
.support-right{
    display: none;
}
*/
#task-list .modal-dialog {
    width: 600px;
}

#task-list .tasks-content .portlet {
    margin-bottom: 0;
    display: inline-block;
    height: 100%;
}

#task-list .tasks-content {
    min-width: auto !important;
    height: 516px;
}

.dropup button {
    background: transparent;
}

.file-upload {
    margin-top: 10px;
}

    .file-upload ul {
        padding: 0;
        margin: 0;
    }

        .file-upload ul li {
            float: left;
            margin-right: 15px;
            width: 25%;
        }

            .file-upload ul li span {
                color: #65A0D0;
                font-size: 12px;
            }

.no-padding {
    padding: 0;
}

#create-task-new .form-group {
    width: 100;
}

textarea {
    resize: none;
}

#create-task-new .date-picker input {
    background: #fff;
}

.modal-title {
    font-weight: 600;
    font-size: 17px !important;
    color:#50555f; 
}

.attchment a {
    color: #65A0D0;
    font-size: 12px;
    text-decoration: underline;
}

.attchment button {
    float: right;
    margin-top: 20px;
}

#create-task-new .modal-header button.close {
    background: #747a7a;
    text-align: center;
    display: inline-block;
    border-radius: 50% !important;
    margin: 0;
    color: #fff;
    font-size: 15px;
    background-image: none !important;
    text-indent: 0;
    opacity: 1;
    font-weight: 600;
    padding: 8px 22px 28px 14px;
}

#create-task-new .date-picker button, .renewal-search button {
    background: #fff;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
}

.transfer-search-content ul li:nth-child(1) {
    border-top: none;
}

#create-task-new .control-label {
    text-align: right;
    color: #888e95;
    font-size: 13px;
}

#task-list.modal.fade {
    border: 0 none;
}

#create-task-new .modal-body {
    padding: 25px 15px;
}

#task-list .mt-action-img .fa-check-circle {
    left: 0;
}

.footer-setting button {
    border: 0 none !important;
    color: #fff !important;
    padding: 0 8px;
}

.footer-setting .popovers i {
    color: #fff;
}

.footer-setting .btn-group {
    float: left;
    margin-top: 0px;
}

.page-footer .footer-setting .f-right-icon {
    padding: 8px 15px;
}

.help-popup li .btn-default {
    color: #666;
    font-family: arial;
    font-size: 11px;
    padding: 3px 6px;
}

.help-popup {
    border: 1px solid #ccc;
    border-radius: 0 !important;
}

.task-close {
    position: absolute;
    right: 7px;
    top: 8px;
}

#task-list .modal-content {
    position: relative;
}

#task-list .quick-nav-trigger {
    margin-right: -7px;
}

.search-middle button {
    /*   border: 1px solid #ccc;*/
    background: #fff;
}

span.muted {
    color: #827e7e;
    font-size: 13px;
    margin-top: 0px;
    float: right;
    margin-bottom: 17px;
    width: 100%;
    text-align: right;
}

.btn-bill button {
    cursor: pointer;
}

.footer-setting .dropdown.open > .dropdown-toggle, .dropup.open > .dropdown-toggle {
    border-color: transparent !important;
}



/*Priya stat here 21 jan2020 */
    .blue {
        font-size:12px !important;
    }
    .form-group.form-md-line-input {
        position: relative;
        margin: 0 0 35px;
        padding-top: 20px;
        /* width: 130px !important; */
    }
    .width_cou{
        width: 123px !important;
    }
   


/*end here*/

@media all and (max-width:576px) {
    .username.username-hide-on-mobile {
        width: 66px;
        margin: 0 !important;
        line-height: 13px;
    }

    .page-header-top .input-icon {
        width: 100%;
        margin: 3px 0 15px;
    }

    .page-header .page-header-top .menu-toggler {
        position: absolute;
        right: 7px;
        top: 13px;
        margin: 0 !important;
    }

    .page-header .page-header-top .page-logo {
        height: 60px !important;
    }

    .footer-setting {
        float: left;
    }

    .page-footer p {
        float: left;
    }

    .page-footer span.ff-icon {
        border: 0 none;
        float: left;
    }

    .page-footer p {
        float: left;
        width: 100%;
        margin: 0px 0 20px;
    }

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

    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
        margin: 0;
    }

    .page-header .page-header-top .top-menu {
        margin: 0 !important;
    }

    .btn-bill button {
        width: 100%;
        margin-bottom: 10px;
    }

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

    .invoice-block {
        float: right;
        width: 100%;
    }

    .invoice_right_text1 p {
        font-size: 30px;
    }

    .page-footer span.ff-icon {
        margin-right: 0;
    }

    .payment-details, .bill_tab_content_listing .col-md-4 span {
        font-size: 13px;
    }

    .bill_tab_content_listing div {
        margin-bottom: 15px;
    }

    .padding-0 {
        padding: 0 !important;
    }

    .general-info, .medical-alert {
        width: 100%;
    }

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

        .product-type li {
            margin-right: 8px;
        }

    .payment-details {
        padding-left: 15px;
    }

    .renewal-right ul li {
        width: 100%;
    }

    .timeline .timeline-body {
        padding: 6px;
        margin-left: 67px;
    }

    .timeline .timeline-badge-userpic {
        width: 55px;
    }

    .timeline-body-content .panel-body {
        padding: 5px;
    }

    .panel-group .panel-heading span.closed,
    .panel-group .panel-heading span.open {
        display: none;
    }

    .timeline-body-head-caption .caption-subject {
        padding-left: 10px;
    }
}


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

.padtop10 { padding-top: 10px;}
.padtop2 { padding-top: 2px;}
.padtop3 { padding-top: 3px;}
.padtop4 { padding-top: 4px;}
.padtop5 { padding-top: 5px;}
.cursor {cursor:pointer;}
.gryclr1 {background-color:#666666;} 
.gryclr2 {color: #7b7b7d;}

.margtop3 {margin-top:3px;}
.margtop4 {margin-top:4px;}
.margtop5 {margin-top:5px !important;}
.margtop6 {margin-top:6px;}
.margtop7 {margin-top:7px;}
.margtop8 {margin-top:8px !important;}
.margtop9 {margin-top:9px;}
.margtop10 {margin-top:10px;}

.padleft20 {padding-left: 20px;}

.leftPane {
            margin-left: -1.1em;
            height: 565px;
            overflow-y: auto; 
          }
 .leftPane li:hover  {
                background-color: #eaebef;
                /*cursor: pointer;*/
            }
 /* .leftPane li:active {
                background-color: #dedee2;
            } */
.rhthdbg {background-color:#f5f5f5; border-right:none;}

.package-list ul a {padding: 12px;}



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

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

.greyborbot2 { border-bottom: 2px solid #ccc;}
.bor0 {border:none;}

.inv-wo-treefont-1 {margin: 5px 0 5px; font-weight: 600; font-size: 12px; }
.inv-wo-treefont-2 {color: #636363; font-size: 12px; margin-bottom: 20px; display: block; }
.contr-ico-posn { float:left; padding-bottom: 10px;}
.padleft10 {padding-left: 10px !important;}

.ribbon-wrapper-maroon {
    position: absolute;
    right: -8px;
    top: 10px;
    width: 80px;
    height: 28px;
}

.ribbon-maroon {
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    background: #930011;
    position: relative;
    text-align: center;
    min-height: 28px;
    line-height: 25px;
}
    .ribbon-maroon:before {
        content: "";
        border-right: 8px solid transparent;
        border-left: 1px solid transparent;
        border-top: 11px solid #000;
        position: absolute;
        right: 0px;
        bottom: -11px;
    }

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

/* Added by Amit starts here 19/06/2017 */
#Create_form_popup {
    overflow-y: hidden !important;
    height:40%;
}
#clientFormSearchBox {
    display: none;
}

.size12 {font-size: 12px;}

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

/* Added by Deepak starts here 23/06/2017 */

.margtop25 {margin-top:25px}
.whtpatch {width: 100%; /*min-height: 87px;*/ min-height:67px; background-color: #fff; box-shadow: 1px 2px 6px 2px #b4b4b4;}
.padlr15 {padding-left: 15px;}
.padtop15 {padding-top: 15px;}

.tentlog {padding-left: 0% !important;list-style: none; display: inline-block; margin-top: 10px;}
.tentlog-content {float: left; display: inline-block; margin-bottom: 10px;}
.lvmembbg {background-color: #addbcb;}
.gryclr3 { color:#aba6a6}
.size35 {font-size: 35px;}
.negamargtop12 {margin-top:-12px;}
.negamargtop10 {margin-top:-10px;}
.padlr10 {padding-left: 10px;}
.size13 {font-size: 13px !important;}
.gryclr4 {color: #828a8f;}
.padtop8 {padding-top: 8px;}
.cleardiv {clear: both;}
.dashbg { background-image: url('../../layouts/layout/img/dashed.jpg'); background-repeat: no-repeat; width: 22px; height: 87px;}

.navyclr { color:#465070}
.size15 {font-size: 15px;}

.marglr30 {margin-right:30px; margin-top:15px;}  /* for ranjit */
.marglr_30{
    margin-left: 30px;
}
.text-line {
    background-color: transparent;
    color: #a09b9b;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e2e5e6;
    padding: 3px 10px;
}
.padmarg0 {padding:0; bottom:0;}

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

.bill_tab_content_listing {
    padding-top: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e4e5e9;
    background-color: #fbfafa;  
}

    .bill_tab_content_listing div.col-md-12 a {
        display: inline-block;
    }

.inpfocclr { border: 1px solid #8a909a }
.marglr7 {margin-left:7px;} 
.marglr13 {margin-left:13px;}   
.clrred {color:red!important;}

ul.styl { 
            list-style-type:circle !important;           
        }

/* Added by Deepak ends here 23/06/2017 */

/* Added by Deepak starts here 25/06/2017 */
.margtop15 {margin-top:15px !important;}
.greyborbot1 { border-bottom: 1px solid #ccc;}
.search { position: relative;}
.search .searchico { 
  position: absolute;
  top: 10px;
  left: 25px;
}
.search input { 
    text-indent:40px;  
}

/* Added by Deepak starts ends 25/06/2017 */

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

/* original value
.div-tab { display:table;}
.div-row { display: table-row;} 
.div-column {display: table-cell;}
*/
/* changed by priya 1june */
.div-tab { display:inline-block} 
.div-row { display: table-row;} 
.div-column {display: inline-block;   margin-bottom: 5px;}
/* 

/*.edtwhtbg { background-color: #fff; width: 28px; box-shadow: -7px 0px 14px 1px #d2d2d2; position: absolute; right:0;}*/
.parent {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.child-right {
    background:#fff; 
    height: 100%;   
    position: absolute;
    right:0;
    top:0;
    width: 28px;
    box-shadow: -7px 0px 14px 1px #d2d2d2;
}
.edt-txt {transform: rotate(90deg);  font-size: 16px; letter-spacing: 2px; color: #999999; margin-top: 50%; }
 
/* Added by Deepak ends 03/07/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 */
.gryclr5 { color:#6c6c6c}
.gryclr6 { color:#6b6b6b}
.size14 {font-size: 14px;}
.negamargtop5 {margin-top:-5px;}
.negamargtop2 {margin-top:-2px;}
.bluebg {background-color: #3479bc;}


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


/* Added by Deepak starts 18/07/2017 */
.main-content-new table.product-info-new tr th p.cont {
    margin: 0;
    font-weight: 300;
    font-size: 12px;
    color:#6c6d6d;
    padding-top: 5px; padding-bottom: 5px;
}

.main-content-new table.product-info-new tr.active .contract-head p, .main-content-new table.product-info-new tr.active td .contract-head span {
        color: #fff;
        font-weight: 300;
        font-size: 13px;
    }
.padlr5 {padding-left: 5px;}

.purpleleft { border-left: 3px solid #92278f; border-top:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec; 
    min-height:15px; padding-top: 5px;} 

.brownleft { border-left: 3px solid #ea8327; border-top:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec; 
    min-height:15px; padding-top: 5px;}

.gryclr7 {color: #666666;}
.padlr15 {padding-left: 15px;}
.prodbgrydates
   {
    
    background: #e1e5ec;
    min-height: 25px;   
    text-align: center;
    margin-right: 4px;
    font-size: 11px;
    color: #666666;
    padding: 5px;

   }
.proddates
{
    font-size: 11px;
    color: #636363;
    line-height: 24px;
    font-weight: bold;    
}   
.bortopnone{border-top:none;}
.hovbg:hover{ background-color: #f1f1f1;}
/*.hovbg:active{ background-color: #347ab6; color: #fff;}
.hovbg:visited{ background-color: #347ab6; color: #fff;}*/
.pad5 {padding:5px; }

.upgrd-outbor {
    border: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    height: 400px;
    margin-bottom: 25px;
}

.text_spacing4 {
        float: left;
        height: 400px;
        overflow-y: scroll;        
    }
.gryclr8 {color: #bbbbbb;}

.marglr3 {margin-left:3px;}  

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

/* Added by Deepak starts 02/08/2017 */
.padbot10{padding-bottom:10px;}
.monthul {border: 1px solid #d7d7d7; padding: 0; background-color: #f4f4f4;}
.monthul li {  padding:10px;  }
.actli {background-color: #c9c9c9; padding:10px;}
.greenbor {border:2px solid #16af46;}
.yellowbor {border:2px solid #fff200;}
.greyborall {border: 1px solid #cfcfcf;}
.greyborright {border-right: 1px solid #cfcfcf; height:100%;}

/* Added by Deepak ends 02/08/2017 */

/* Added by Deepak starts 04/08/2017 */
.preslaesbg { background-color: #10c2dc; padding:3px; width: 60px;} 
.operationsbg { background-color: #71c476; padding:3px; width: 75px;} 
.inactivebg { background-color: #aca7a7; padding:3px; width: 60px;} 
.centcircle { background-color: #fff; border: 2px solid #465070; width:28px; height:28px; -moz-border-radius:14px;
    -webkit-border-radius:14px;}

/* Added by Deepak ends 04/08/2017 */

/* Added by Deepak starts 17/08/2017 */

.margtop40 {margin-top:40px;}
.margtop20 {margin-top:20px !important;}
.margleft15 {margin-left: 15px;}

/* Added by Deepak ends 17/08/2017 */

/* Added by Deepak starts 7/08/2017 */

.upttype td {font-size: 12px;}
.grybgclr1 { background-color: #cfcfcf;}

.padbot5 {padding-bottom: 5px;}

/* Added by Deepak ends 7/08/2017 */

/* Added by Deepak ends 15/08/2017 */
.padlr25 {padding-left: 45px;}

.headborcent {border: 1px solid #cfcfcf;  min-height: 40px; float: left; margin-top: 14px; width: 80px; border-right:none;}
.headborclnt {border: 1px solid #cfcfcf;  min-height: 40px; float: left; margin-top: 14px; width: 50%; border-left:none;}

/* Added by Deepak starts 25/09/2017 */
.hdrplcetxt {font-size:12px; border:none; padding:10px; outline: 0!important;}  
.headborsearch {border:1px solid #cfcfcf;  min-height: 40px;  float: left; width: 100%;}
.headcentbg {background-color: #f7f7f7; padding:5px;  min-height: 40px; min-width: 70px;}
.headclntserch { margin-left: 10px;}
.headclntrespan {border:1px solid #cfcfcf;  float: left; width: 640px; position: absolute; 
                                     z-index: 999; left: 369px !important; top: 55px; background-color:#fff;}

 .dyn-height
    {
        max-height:250px;
        overflow-y:auto;
    }

.crtnewbg 
    {
      background: #f7f7f7; border-top:1px solid #cfcfcf; padding-top: 3px; padding-bottom: 3px; 
    }
.crtnewbg:hover
    {
      background: #ebebeb; border-top:1px solid #b8b8b8; padding-top: 3px; padding-bottom: 3px; 
    } 
.crtnewtxt 
    {
        font-size: 20px;
        font-family:arial;
        color: #999999;
        font-weight: bold;
    }

    

.gryclr9 {color: #555555;}
.enqbg {background-color:#89e1fa;  padding-left:5px; padding-right:5px; padding-bottom: 3px;} 
.membg {background-color:#57d493; padding-left:5px; padding-right:5px; padding-bottom: 3px;}
.trlbg {background-color:#f3978b;  padding-left:5px; padding-right:5px; padding-bottom: 3px;}

.whtclr {color: #fff !important;}
.arlfont {font-family: arial;}

.gryclr10 {color: #b9b9b9;}
.div-tab {display:table;} .div-row {display:table-row;} .div-col {display:table-cell;}

.gryclr11 {color: #cccccc;}
.gryclr12 {color: #333333;}
.negamargtop3 {margin-top:-3px;}


/* Added by Deepak starts 28/9/2017 */

.centrespan {border: 1px solid #cfcfcf; float: left; width: 414px; position: absolute; z-index: 99; 
                top: 55px;  height: 160px; border-top: none; background-color: #f7f7f7;} 
.dyn-height-centre
    {
        max-height:115px;
        overflow-y:auto;
    }
.gryclr13 {color: #9a9a9d;}
#hedcentlist li{ line-height: 40px; border-bottom: 1px solid #e8e9ea; }
    
/* Added by Deepak ends 28/9/2017 */

/* Added by Deepak starts taken from login-forg-pass 28/9/2017 */
.greyborleft {border-left: 1px solid #ccc; height: 175px;}
.mt-radio {display: inline-block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}

.arlfont {font-family: arial;}
.padlr30 {padding-left: 30px;}
.gryclrlo3 {color:#8f98a5}
.size12 {font-size: 12px;}
.gryclrlo4 {color:#cccccc}
.size22 {font-size: 22px;}
.gnlmidaln {vertical-align: middle;}
.gryclrlo1 {color:#535353}
.gryclrlo2 {color:#999999}
.size11 {font-size: 11px;}

/* Added by Deepak ends taken from login-forg-pass 28/9/2017 */

/* Added by Deepak starts 5-10-2017  */
.whtbg {background-color: #fff;}
.actwid {width:80%; margin-left:auto; margin-right:auto;}
.size40 {font-size: 40px;}
.logrybot { border-bottom: 2px solid #535353; width: 235px; margin-left:auto; margin-right:auto;}
.margtop35 {margin-top:35px}
.errbor {border:1px solid #ce3b4b; color:#ce3b4b}
.margtop13 {margin-top:13px}

/* Added by Deepak ends 5-10-2017  */

/* Added by Deepak starts 6-10-2017  */
.negamarglr10 {margin-left: -10px;}
.negamarglr12 {margin-left: -12px;}
.negamarglr13 {margin-left: -13px;}


/* Added by Deepak ends 6-10-2017  */

/* Added by Deepak ends 9-10-2017  */

.gryclr14 {color: #c7c7c7;}
.size19 {font-size: 19px;}
.marglr6{margin-left: 6px;}
.gryclr15 {color: #b7deec;}

/* Added by Deepak ends 9-10-2017  */

/* Added by Deepak starts 10-10-2017  
    .clntsrch268 {width:268px;}
    .inpu245 {width:245px;}
    .clntsrch400 {width:400px;}
    .inpu380 {width:380px;}
    .clntsrch580 {width:580px;}
    .inpu560 {width:560px;}
    .clntsrch640 {width:640px;}
    .inpu620 {width:620px;}
*/

/* Added by Deepak ends 10-10-2017  */

/* Added by Deepak starts 16-10-2017  */
.cyanbg { background-color: #3dc1ce; width:100%; height:191px; margin-left:auto; margin-right:auto; }
.padbtn {padding: 2px 5px;}
.inpucust { border: 1px solid #b5becf; padding: 6px; }
.greenclr1 {color: #32a361}

/* Added by Deepak starts 24-10-2017  */

.squlst {list-style-type:square} 

/* Added by Deepak starts 28-10-2017  */
.waiverbg {background-color:#ff0000; width:100%; height:40px; bottom:0px; position:absolute; color:#fff;  }
.size25 {font-size: 25px;}
.redclr {color:#ff0000;}
/* Added by Deepak ends 28-10-2017  */

/* Added by Deepak starts 28-11-2017  */
.margrl7 {margin-right: 7px;}
.pad50 {padding: 50px;}
.gryclr16 {color:#939090;}
.gryclr17 {color:#cecaca;}
.margrl6 {margin-left: 6px;}
.margrl9 {margin-right: 9px;}
/* Added by Deepak starts 14-12-2017  */
.centsln { background-color: #f5f5f5; border-top: 1px solid #e8e9ea; border-bottom: 1px solid #e8e9ea; 
    padding-top:10px; padding-bottom:10px; padding-right:10px;}
#hedcentlist li:hover {background-color: #f4f1f2; color: #4cb8bd;}
.loadimg1 {position:absolute; top:50px; left:150px; z-index:999; opacity: 0.8;}
.pagefoot{background-image: url("../../layouts/layout/img/footbg.png"); background-repeat: repeat-x; height: 14px;}
.pagefoot-cont {padding-top: 15px; padding-bottom: 15px; padding-right: 20px;}
.aquaclr1 {color:#39a5b3;}
.margtop30 {margin-top: 30px;}
.margtop18 {margin-top: 18px;}

/* Added by Deepak starts 18-12-2017  */
.gryclr18 {color:#a4b9c7;}
.size18 {font-size: 18px;}
.size17 {font-size: 17px;}
.size16 {font-size: 16px;}
.aquaclr2 {color:#71c8d0;}
.orngclr1 {color:#f5a623;}
.size20 {font-size: 20px;}

.aquaclr3 {color:#39a5b3;}
.opacity3{opacity: 0.3;}
.medical-alerttwo {
    padding: 10px;
    width: 50%;
    display: inline-block;
    float: left;
    min-height: 90px;
}

    .medical-alerttwo p {
        font-size: 11px;
        line-height: 20px;
        color: #FFFFFF;
    }

.general-infotwo {
    padding: 10px;
    background-color: #e5e5e5;
    width: 50%;
    display: inline-block;
    float: left;
    min-height: 90px;
    font-size: 14px;
}

    .general-infotwo p {
        font-size: 11px;
        line-height: 20px;
    }
.comsoonpanel {position: absolute; z-index: 99999;}
.comsoonbackground{background-color: #ccc; opacity: 0.5; height: 113px; border-radius:20px;}
.padtop20 {padding-top: 20px;}
.margbot20 {margin-bottom: 20px;}
.gryclr19 {color:#8a8d92;}
.wid150 {width:150px;}
.padtop40 {padding-top:40px;} 

.leftpanelbgwht { background-color: #fff; border:1px solid #e7e8ed; }
.pad9 {padding: 9px !important;}
.userbg {height: 126px; background:linear-gradient(to right, #cbcfd5 , #e3e7ed);}
.margtop20 {margin-top: 20px;}
.leftpansinglebor{ border-bottom: 1px solid #e7e8ed;}
.redbg {background: #fe0000; height: 23px; border-radius:15px;}
.margleft5 {margin-left: 5px;}
.margleft10 {margin-left: 10px;}
.aquabg {background: #01b29a; height: 23px; border-radius:15px;}
.aquaclr4 {color:#01b29a;}
.lht20{line-height: 20px;}

/* Added by Deepak starts 20-12-2017 - FOR PURCHASE REV POPUPS  */

.redclr1 {color: #bd0a1d;}
.greybg { background-color: #e5e3ea;}
.padtop30 {padding-top: 30px;}
.blkclr {color:#000;}

.greenciract {
    width: 10px;
    height: 10px;
    background: #62be67;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important; 
}

.geninfo-alert-whtbg {
    width: 100%;
    height: 140px;
    background-color:#fff;
    padding:5px;     
}

.medical-alert-whtbg {
    width: 100%;
    height: 140px;
    background-color:#fafafa;     
    padding:5px;
}
.gryclr20 {color:#656565;}

/* Added by Deepak starts 01-1-2018 - FOR contract management  */
.contactbg { background: #a069a0; background: linear-gradient(#826bab, #a069a0);  min-height: 200px; }
/* .curvdwhtpatch1{background: #fff; height: 130px; width: 184px; border-radius: 10px !important; box-shadow: 2px 3px 2px 1px #6f5180;}
.curvdwhtpatch2{background: #fff; height: 130px; width: 128px; border-radius: 10px !important; box-shadow: 2px 3px 2px 1px #6f5180;} */

.curvdwhtpatch1{background: #fff; height: 130px; border-radius: 10px !important; box-shadow: 2px 3px 2px 1px #6f5180;}
/* .curvdwhtpatch2{background: #fff; height: 130px; width: 128px; border-radius: 10px !important; box-shadow: 2px 3px 2px 1px #6f5180;} */




.curvdwhtpatch3{background: #fff;
     /* height: 72px; */
     width: 322px;
     border-radius: 10px !important; box-shadow: 2px 3px 2px 1px #6f5180;}

.marglr13 {margin-left:13px;}   
.size40 {font-size:40px;}
.marglrauto {margin-right: auto; margin-left: auto;}
.wid90 {width: 90px;}
.margrl5 {margin-right:5px;}  

.negamargrl5{margin-right: -5px !important;}
.margrl60 {margin-right:60px;}  

.size30 {font-size: 30px;}
.footleftbg {background: #35ba6a;}
.footrightbg {background: #2da961;}
.size8 {font-size: 8px;}
.chckbotposn {position: fixed; bottom: 60px;}

.footleftbgdeact {background: #a3a3a5;}
.footrightbgdeact {background: #65656f;}
.paynwleftrightbg {background: #1e753b;}

.negmargtop8{
    margin-top: -8px;
}

.negmargtop18{
    margin-top: -18px;
}

/* Added by Deepak ends 01-1-2018 - FOR contract management  */

/* Added by Deepak starts 04-1-2018 - FOR contract management  */
.dateico {background-image: url("../../layouts/layout/img/date-pckr.png"); background-repeat: no-repeat; height: 14px;}
/* Added by Deepak ends 04-1-2018 - FOR contract management  */

/* Added by Deepak starts 05-1-2018 */
.greyborbot3 { border-bottom: 1px solid #e7ecf1;}
/* Added by Deepak ends 05-1-2018 */

/* Added by Deepak starts 10-1-2018 */
.purpclr {color:#7851bf;}
.yelloclr {color:#feae14;}
.pnkclr {color:#f7457f;}
.aquaclr5 {color:#33c5d2;}
.negamarglr7 {margin-left:-7px;}
.orngclr2 {color:#fd5e39;}
.bluclr1 {color:#29a3ff;}

/* Added by Deepak ends 10-1-2018 */

/* Added by Deepak starts 11-1-2018 */
.negamargtop14 {margin-top:-14px;}
.margtop14 {margin-top:14px;}
/* Added by Deepak ends 11-1-2018 */

/* Added by Deepak starts 12-1-2018 */
.freezebg {background-image: url("../../layouts/layout/img/freeze-nodata.png"); background-repeat: no-repeat; height:340px;}

/* Added by Deepak ends 12-1-2018 */

/* Added by Deepak starts 17-1-2018 */
.redclr12 {color: #ff0000;}
.table .bortopnone{border-top:none;}
.marglr50 {margin-left:50px;}
.panbgbor{background-color: #f7f7f7; border:1px solid #cac7c7; padding:10px; border-radius:7px !important;}
.panbgbor2{background-color: #f7f7f7; border:1px solid #cac7c7; border-radius:7px !important;}
.pad10bot0 {padding: 10px 10px 0px 10px;}
.botwhtbgbor {background:#fff; height:38px; border-top: 1px solid #cac7c7; margin-bottom: 1px; border-radius: 0px 0px 12px 12px; margin-left: 1px; margin-right: 1px;}
.pad10 {padding: 10px;}
.greenclr2 {color: #53b958}
.marglr30ly {margin-left:30px;}  
.topgrybgbor {background:#dcdcdc; height:38px; border-bottom: 1px solid #cac7c7; margin-bottom: 1px; border-radius: 12px 12px 0px 0px;}
.greyborbot3{ border-bottom: 1px solid #cac7c7;}
.linethro {text-decoration: line-through; text-decoration-color: gray;}
.margbottom10 {margin-bottom:10px;}

/* Added by Deepak ends 17-1-2018 */

/* Added by Deepak starts 24-1-2018 */
.padlr21{padding-left:21px;}
.corpbg {background-color:#000; width:50%; height:30px; top:0px; right:0px; position:absolute; color:#fff;  }
/* Added by Deepak ends 24-1-2018 */

/* Added by Deepak starts 30-1-2018 */
.pad2{padding: 2px;}
/* Added by Deepak ends 30-1-2018 */

/* Added by Deepak starts 1-2-2018 */
.gryclr21{color:#b7babb;}
.redclr13 {color:#d71e0a;}
    
    /* FOR contract management new css */
    .size32 {font-size: 32px;}

/* Added by Deepak ends 1-2-2018 */




/* Added by Deepak for reports starts 8-2-2018 */
.left, .hidden {
    float: left;
}

/*.left {
    width:85px;
     z-index:1;
}*/ /*COMMENTED ON JUNE 25 2018 FOR CUSTOM DATE RANGE TO VIEW CORRECTLY*/

/*.hidden {
    width:200px;
    z-index:2;
    position:absolute;
    left:200px;
    background:#f90;
}
*/

.hiddenn {
    background-color: #fff;
    box-shadow: 5px 3px 8px 1px #efefef;
    width:288px;
    z-index:100;
    position:absolute;
    left:-0px;
}

.leftborgry { border-left:1px solid #e6e6e6;}
.rightborgry { border-right:1px solid #e6e6e6;}
.botborgry { border-bottom:2px solid #ebebeb;}
.botborgry-sngl { border-bottom:1px solid #e7ebee;}


.repddown {height: 275px; overflow-y: scroll; width: 340px;}
.repddown-cont-pad { padding-left: 11px; padding-top: 22px;}

#repnamddown li {list-style-type: disc; padding-bottom: 10px; }
.padright10 { padding-right:10px;}
.lnkcolor {color: #6699cc;} 
.bootstrap-tagsinput {width:100%; }

.cdr td {font-size: 12px;} 

#preview{
    position:absolute;
    background:#000;
    display:block;
    color:#fff;
    border:1px solid #eeeeee;
    padding: 15px; 
    height: 200px;
}

.membgreen-cir { background-color:#62c16a; width:10px; height:10px; border-radius: 5px;}
.popmobbg { background-color: #f3f3f3; padding: 5px;}

.whtbg { background-color: #fff;}
.rep-leftsidebar { width: 221px; border-right: 1px solid #e7ebee; }
 

nav ul {
    list-style-type:none;
    margin:0;
    padding-top:30px;
    padding-left:0px;    
}

nav.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    margin-top:5px;
    border-right: 1px solid #e7ebee;
}

nav li {    
    width: 221px;
    display: block;
}

nav li a{
    padding-top:25px;  
    padding-bottom:15px; 
    display: block; text-decoration: none; padding-left: 22px;
     border-left: 5px solid transparent;
}

nav li a:not(.nav-active ):hover {
    background-color: #daf2f3;
    border-left: 5px solid #5ac3c9;

    padding-top:25px;  
    padding-bottom:15px; 
}

.nav-active {
    color:#148c93;
    background-color: #daf2f3;
    border-left: 5px solid #5ac3c9;
    padding-top:25px;  
    padding-bottom:15px; 
}

.reps-cont-box { background-color: #fff; box-shadow: 5px 5px rgba(102,102,102,.1); min-height: 40px; border:1px solid #eeeeee;}
.reps-titl-head {background-color: #f6f6f6; border-bottom: 1px solid #e7ebee; min-height: 20px;}

.svg path {width: 350px; height: 350px;}
.greenfill path { fill:green !important;}
.redfill path { fill:red !important;}
.repheadstar:hover { fill:#eb9b00; stroke:#eb9b00 !important;} 

.icon-star-def:before {
  content: "\e900";
  color: #979797;
}

.aquacircle { background-color:#5ac3ca; width:25px; height:25px; border-radius:12px; 
            -webkit-border-radius:12px; -moz-border-radius:12px;}

.pad15 {padding:15px;}
.pad0 {padding:0px;}
.pad50 {padding:50px;}
.pad40 {padding:40px;}
.pad10 {padding:10px !important;}
.pad17 {padding:17px;}

.wid95 { width:95%;}
.marg30{ margin-top:30px;}
.margtop20{ margin-top:20px;}
.margtop3{ margin-top:3px;}
.margtop6{ margin-top:6px;}
.padtop5{ padding-top:5px;}
.padtop3{ padding-top:3px;}
.marg40{ margin-top:40px;}

.orngclr {color:#ffaa00;} 
.bluclr {color:#0083d7;}
.blkclr {color:#000000;}
.aquaclr {color:#000000;}
.whtclr {color:#fff !important;}

.margleft5 { margin-left:5px;}
.margleft15 { margin-left:15px;}
.padleft5 { padding-left:5px;}
.padleft10 { padding-left:10px;}
.padleft20 { padding-left:20px;}
.padleft15 { padding-left:15px;}
.padleft2 { padding-left:2px;}
.font12 {font-size:12px !important;}
.padbot10 { padding-bottom:10px;}

/* Added by Deepak for reports starts 8-2-2018 */

/* Added by Deepak for offer list starts 12-2-2018 */
.individbg {background-color: #a67a9e;}
.grpbg {background-color: #746462;}
.grrenborleft {border-left: 4px solid #59c996 !important;}
.offerlstpan {border:1px solid #efefef;  border-radius: 5px !important; box-shadow: 0px 3px 10px 0px #efefef; 
border-left:4px solid #59c996; padding: 10px; }

.offerlstpan:hover {border:1px solid #efefef; background-color: #f6f6f6;  border-radius: 5px !important; box-shadow: 0px 3px 10px 0px #efefef; 
border-left:4px solid #59c996; padding: 10px; }

.padlr10 {padding-left: 10px;}
.brdwht {border:1px solid #e7e6e7; background-color: #fff;  border-radius:30px !important; 
    box-shadow: 0px 3px 10px 0px #efefef; padding: 10px; width: 130px; position: relative; z-index: 11;}
.brdwht:hover {border:1px solid #e7e6e7; background-color: #f6f6f6;  border-radius:30px !important; 
    box-shadow: 0px 3px 10px 0px #efefef; padding: 10px; width: 130px; position: relative; z-index: 11;}
.brdaqua {border:1px solid #5ac3ca; background-color: #5ac3ca;  border-radius:30px !important; 
    box-shadow: 0px 3px 10px 0px #efefef; padding: 10px; width: 160px; position: relative; z-index: 10;}    
.gryclr22 {color: #c5cfdb;}
.negamarglr20 {margin-left:-20px;}
.bluborleft {border-left: 4px solid #33cbf4;}

/* Added by Deepak for for offer list ends 12-2-2018 */

/* Added by Deepak for calendar starts ends 27-2-2018 */
.apptpan { background-color: #fff; border:1px solid #f5f5f5; box-shadow: 3px 3px 8px 3px #efefef; padding: 10px; width: 437px; }
.gryclr23 {color: #b6b1b1;}
.scrmosovr > li { padding: 7px 0px 7px 10px;}
.scrmosovr > li:hover { background-color: #efefef; padding: 7px 0px 7px 10px;}
    
    /* 05-3-2018 starts here */
    .purposebg1 {height: 121px; background-color: #ff8800; }
    .purposebg1-cir {background-color: #ff8800; }
    .viewapptmtpan { background-color: #fff; border:1px solid #f5f5f5; box-shadow: 3px 3px 8px 3px #efefef; width: 437px;}
    .circle { width: 50px; height: 50px;            
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            box-shadow: 1px 5px 12px 1px #ccc;
        }
    .marglr20 {margin-left:20px;}  
    .gryclr24 {color: #c2c2c2;}
    .marglr55 {margin-left:55px;}
    .gryclr25 {color: #74757e;}  
    #vwappddwn li {padding-top: 10px;}
    .margrl100 {margin-right:100px;}
    .viewapptmthd {  }
    .margtop50 {margin-top: 50px;}
    .marglr45 {margin-left:45px;}  
    .greenclr3 {color: #72b606}
    .padlr80 {padding-left: 80px;}

    .bookedbg {min-width: 30px; background-color: #3172d6; padding: 3px 5px;}
    .confirmedbg {min-width: 30px; background-color: #ea4b35; padding: 3px 5px;}
    .waitlistbg {min-width: 30px; background-color: #a58bd5; padding: 3px 5px;}
    .attendedbg {min-width: 30px; background-color: #8dc063; padding: 3px 5px;}
    .noshowbg {min-width: 30px; background-color: #334960; padding: 3px 5px;}
    .attendedbg2 {min-width: 30px; background-color: #f3c500; padding: 3px 5px;}
    .greybtn { background-color: #e4e4e4; padding: 5px 8px;}
    .greybtn:hover { background-color: #cccccc; padding: 5px 8px;}
    .margtop60 {margin-top:60px;}
    .marglr35 {margin-left: 35px;}
    .dsdline {border:1px dashed #ccc; min-height:100px;}
    .img-rectangle { border-radius: 10%!important;}   
    .gryclr26 {color: #acacac;}  
    .marglr9{margin-left:9px;}
    .padlr10 {padding-left:10px;}

    .marglr17 {margin-left: 17px;}
    .trnrsel { display: inline-block; width: 40px;  position: relative;}
    span.roll { background:center center no-repeat #000; height: 40px; position: absolute; text-align: center; 
                line-height: 40px; width: 40px; z-index: 10; border-radius: 50%!important; cursor:pointer;}
    
    .roll:before {
    content: "\e90b";  font-family: calendar; font-style: normal; font-weight: normal; 
    text-decoration: inherit; color: #fff; font-size: 17px; padding-right: 0.5em; position: absolute;
    top: 0; left: 10px;
    }
    .trnrstrk{ border:3px solid #fff;} 
    
    /* 05-3-2018 ends here */

    /* 12-3-2018 starts here */
    .animbor > input 
    {
        border: none;  background: #f5f5f5;
    }

.animbor > input:focus {
  outline: none;
}

.animbor {
  position:relative;
  display:inline-block;
}

.animbor::after, .animbor::before {
  content: ' ';
  width:0%;
  bottom:-8px;
  left: 50%;
  transform: translate(-50%, -50%);
  position:absolute;
  transition:ease-in-out .2s all;

}

/*.magicBox::before {
  width:100%;
  border-bottom: 3px solid #939393;
}*/

.animbor::after {
  border-bottom: 2px solid #3366ff;
}

.animbor:focus-within::after {
  width:100%;
}
    /* 12-3-2018 ends here */
.marglr10 {margin-left: 10px;}
.padlr75 {padding-left: 75px;}
    
    /* 16-4-2018 ends here */
.ellipgreybg {background-color: #f5f5f5; width: 65px; border-radius:20px !important; height: 25px;}    
.orngclr3 {color:#ff5317;}
.margrl22 {margin-right: 22px;}
.rndcrnr {width:222px; border-radius:8px !important; border:1px solid #555; height: 30px;}

.rndleftsel{background-color: #555; width:80px; color: #fff; height:28px; border-radius:8px 0px 0px 8px !important; cursor: pointer;}
.rndcentsel{background-color: #555; width:80px; color: #fff; height:28px; border-radius:0px !important ;cursor: pointer;}
.rndrightsel{background-color: #555; width:60px; color: #fff; height:28px; border-radius:0px 8px 8px 0px !important;}

.rndleftdef{background-color: #fff; width:80px; color: #555; height:28px; border-right: 1px solid #555; border-radius:8px 0px 0px 8px !important; cursor: pointer;}
.rndcentdef{background-color: #fff; width:80px; color: #555; height:28px; border-right: 1px solid #555; border-radius:0px !important; cursor: pointer;}
.rndrightdef{background-color: #fff; width:60px; color: #555; height:28px;  border-radius:0px 8px 8px 0px !important; cursor: pointer;}

.rndleftdef:hover{width:80px; background-color: #eeeeee;  color: #555; height:28px; border-right: 1px solid #555; border-radius:8px 0px 0px 8px !important; cursor: pointer;}
.rndcentdef:hover{width:80px; background-color: #eeeeee; color: #555; height:28px; border-right: 1px solid #555; border-radius:0px !important; cursor: pointer;}
.rndrightdef:hover{width:60px; background-color: #eeeeee; color: #555; height:28px;  border-radius:0px 8px 8px 0px !important; cursor: pointer;}


.greyborbot2 { border-bottom: 1px solid #ddd;}
.cal-schd-leftbor {border:1px solid #ddd;}
.gryclr27 {color: #757575;}
.elliporangebg {background-color: #ff5317; width:55px; border-radius:20px !important; height: 25px; color: #fff;}      
.abc{background-color: #ff00ff; width: 30px; height: 30px; border-radius: 15px !important; }
.abc:hover {background-color: #ccc; width: 30px; height: 30px; border-radius: 15px !important; }
.margrl5 {margin-right:5px;}

.lst {background-color:#fff; width: 55px; border-radius:20px !important; height: 25px; color:#999999;}
.lst:hover {width:55px; background-color: #f5f5f5; border-radius:20px !important; height: 25px; color:#999999;}

.circ {background-color: #fff; width: 35px; border-radius:15px !important; height: 30px;}
.circ:hover {width:35px; background-color: #f5f5f5; border-radius:15px !important; height:30px;}
.bkapptmtblue {background-color:#2596d5; border:1px solid #2596d5;}
/* Added by Deepak for calendar list ends 27-2-2018 */

/* Added by Deepak for Upgrade 2 list starts 02-04-2018 */

.ellipgreybg2 {background-color: #f5f5f5; border-radius:20px !important; height: 25px; padding-left:10px !important; padding-right:10px !important; color:#666666;}    
.ellipgreybg2:hover {background-color: #bfbfbf; border-radius:20px !important; height: 25px; padding-left:10px !important; padding-right:10px !important; color:#fff;}    
.leftaquacolor {background-color: #3dc1ce; width:100%; padding-top:10px; padding-bottom:10px;}
.rightgreycolor {background-color: #7c8aa5; width:100%; padding-top:10px; padding-bottom:10px;}
.leftpanwhtbg{background-color: #fff; box-shadow: 1px 0px 4px 1px #d2d2d2; width:100%; border-left:3px solid #aeaeb5; cursor: pointer; width:99%;}
.leftpanwhtbg:hover{background-color: #f5f5f5; box-shadow: 1px 0px 4px 1px #d2d2d2; width:100%; border-left:3px solid #aeaeb5;  cursor: pointer; width:99%;}

.leftpackwhtbg{background-color: #fff; box-shadow: 1px 0px 4px 1px #d2d2d2; width:100%; cursor: pointer; width:99%;}
.leftpackwhtbg:hover{background-color: #f5f5f5; box-shadow: 1px 0px 4px 1px #d2d2d2; width:100%; cursor: pointer; width:99%;}

.size10 { font-size:10px;}
.ptbgsmll {background-color: #ccc; padding:2px 4px 2px 4px;}
.familybg{background-color:#e65362; padding:3px;} 
.padrl7 {padding-right:7px;}

/* Added by Deepak for Upgrade 2 list ends 02-04-2018 */

/* Added by Deepak for Upgrade2 selected list starts 09-04-2018 */
.leftpanwhtbgsel{background-color:#fff; box-shadow: 1px 0px 4px 1px #d2d2d2; width:100%; cursor: pointer; overflow-x:hidden; border: 1px solid #eeeeee;}
/*.leftpanwhtbgsel:hover{background-color: #f5f5f5; box-shadow: 1px 0px 4px 1px #d2d2d2; width:94%;cursor:pointer; overflow-x:hidden; border: 1px solid #eeeeee;}*/
.prodtopbg{ background-color:#eff3f4;}
.corpbg2{background-color:#42b352; padding:3px;} 
.padtop10 {padding-top: 10px;}
.padbot10 {padding-bottom:10px;}
.pad15 {padding: 15px;}
.greybadge {background-color:#aeafb5; padding:2px;  }
.mustdardbg {background-color:#f0ad3b; padding:2px; }
.orngclr2 {color:#fd500b;}
.greenclr4 {color: #16a588}

.packtopbg{ background-color:#f0ad3b; min-height: 100px;}
.greybadge2 {background-color:#666666; padding:2px;  }

/* Added by Deepak for fis dashboard starts 10-04-2018 */
.squvwhtbg {background-color:#fff; box-shadow: 1px 0px 4px 1px #d2d2d2; width:100%; height: 205px; padding:9px;}
.pnkbg{background-color:#fe5455; height:100% }
.blubg{background-color:#5ac9ff; height:100% }
.grnbg{background-color:#63dd28; height:100% }
.size80 {font-size:80px;}
.size70 {font-size:70px;}
.lefttopbg {background-color:#637a82; width:100%; height:100px; border-radius:3px;}
.righttopbg {background-color:#4cd7dc; width:100%; height:100px; border-radius:3px;}

.fisborbot3 {border-bottom: 3px solid #d4d4dc;}
.fisborbot2 {border-bottom: 2px solid #d4d4dc;}
.fisborright2 {border-right: 2px solid #d4d4dc;}
.gryclr28 {color:#828c9a;}

/* Added by Deepak for  fis dashboard ends 09-04-2018 */

/* Added by Deepak for upgrade 2 starts 20-04-2018 */
.ptpadds {padding: 10px 10px 10px 14px}
.aquaclr6 {color:#33cccc;}
#proddefview {}
#prodselview {display:none;}
#proddefview , #prodselview {position: relative;}
.margrl15 {margin-right:15px;}
.greenclr5 {color: #16a588}
.aquaclr7 {color:#3dc1ce;}

.prodwrapper {
    width:100%;
    overflow:hidden;
    position:relative;
    left:0;
    border:10px solid #0000ff;
}

.marglr16 {margin-left:16px;}   


span.roll2 { background:center center no-repeat #000; height: 100%; position: absolute; text-align: center; 
                width: 510px; z-index: 10; cursor:pointer; top:0px;}
    
    .roll2:before {
    content: "\e90b";   font-family: calendar; font-style: normal; font-weight: normal; 
    text-decoration: inherit; color: #fff; font-size: 40px; padding-right: 0.5em; position: absolute;
    top:35%; left:45%;
    }
/* Added by Deepak for upgrade 2 ends 20-04-2018 */

/* Added by Deepak for upgrade 2 starts 27-04-2018 */
.ptselbg{background-color: #ecf5ff; }
.elliporngbg2 {background-color: #ff5419; border-radius:20px !important; height: 25px; padding-left:10px !important; padding-right:10px !important; color:#fff;}    

/* Added by Deepak for upgrade 2 ends 27-04-2018 */

/* Added by Deepak for spinner loader animation full nodata starts 02-05-2018 */

.spinner {
  margin: 100px auto;
  width: 100px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #1ed5e4;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.spinner .rect6 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.spinner .rect7 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.spinner .rect8 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect9 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect10 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* Added by Deepak for spinner loader animation full nodata ends 02-05-2018 */

.orngclr4 {color:#fd8f0c;}
.gryclr29 {color:#646b74;}

/* 09-05-2018 starts */
.utptwid {white-space: nowrap;  width: 50px; overflow: hidden; text-overflow:ellipsis;}
.utptwid:hover {overflow: visible; }
/* 09-05-2018 ends */


/* personal info starts here 14-05-2018  */
.greyborleft2{ border-left:1px solid #dfdfdf; }
.padrl25{padding-right: 25px;}
.gryclr30 {color:#a4a4a4;}
.navyblu1 {color:#515264;}
.bluclr2 {color:#2b8bee;}
.padtop25 {padding-top: 15px;}
.padbot15 {padding-bottom: 15px;}
.greyborbot2a { border-bottom: 2px solid #dfdfdf;}
.chekintab th {border-bottom: 2px solid #dfdfdf;}
.chekintab td {border-bottom: 1px solid #dfdfdf;}
.chekintab {border: 1px solid #dfdfdf; color:#9da1b7}


/* personal info ends here 14-05-2018  */

/* header omnisearch starst 15-05-2018  */  
.clntdettabs td {border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; padding:5px;}
.gryclr31{color:#818181;}
.borright{border-right:1px solid #dadada;}
.padrl5 {padding-right:5px;}
.crtnewbgpln { background: #f7f7f7; border-top:1px solid #cfcfcf; padding-top: 3px; padding-bottom: 3px;}
.cursornone {cursor:default;}

/* header omnisearch ends 15-05-2018  */

/* FIS dashboard starts 15-05-2018  */
.create_profile_page_grey {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #eef1f5;
    border-color: -moz-use-text-color #f1f2f6 #f1f2f6;
    border-image: none;
    /*    border-style: none solid solid;*/
    border-width: 0 10px 10px;
    height: auto;
    display: inline-block;
    width: 100%;
}
.padbotnone {padding-bottom: none;}
.chekinrhtbor {border-right: 1px solid #dfdfdf;}

.fdashtab {border: 1px solid #dfdfdf; color:#9da1b7 ; border-collapse: collapse;}
.fdashtab th {border-bottom: 2px solid #dfdfdf; overflow: auto;}
.fdashtab td {border-bottom: 1px solid #dfdfdf; overflow: auto;}
    
  /* starts 21-05-2018  */
  .gryclr32 {color: #888888;}
  .marglr25 {margin-left:25px;}   
  .width240 {width:240px;}
  /* ends 21-05-2018  */

/* FIS dashboard ends 15-05-2018  */

/* ADDITIONAL CSS ADDED FROM LEEJAM CSS Starts 25-05-2018  */

@keyframes placeholdergrand {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholdergrand;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 106px;
    position: relative;
}

.clip-circle {
    clip-path: circle(15px at center);
}

.background-masker {
    background: #fff;
    position: absolute;
}

    .background-masker.left {
        top: 10px;
        left: 40px;
        right: 0;
        height: 8px;
        width: 20px;
    }

    .background-masker.center {
        top: 10px;
        left: 175px;
        right: 0;
        height: 8px;
        width: 65px;
    }

    .background-masker.right {
        top: 10px;
        left: 308px;
        right: 0;
        height: 8px;
        width: 25px;
    }

    .background-masker.leftsec {
        top: 60px;
        left: 40px;
        right: 0;
        height: 8px;
        width: 25px;
    }

    .background-masker.centersec {
        top: 60px;
        left: 125px;
        right: 0;
        height: 8px;
        width: 145px;
    }

    .background-masker.rightsec {
        top: 60px;
        left: 308px;
        right: 0;
        height: 8px;
        width: 25px;
    }

    .background-masker.dividerfir {
        top: 28px;
        height: 20px;
        left: 0;
        right: 0;
    }

    .background-masker.dividersec {
        top: 78px;
        height: 20px;
        left: 0;
        right: 0;
    }

    .background-masker.round-thumb {
        height: 40px;
        width: 40px;
        left: 0;
        top: 0;
        background: radial-gradient(circle closest-side at center, rgba(0,0,0,0) 100%, #fff);
    }
    .censelblkfir li {
    padding: 0;
    margin: 0 10px 0 0;
    float: left;
    list-style: none;
    display: block;
}
.margbot0 {
    margin-bottom: 0px;
}

.seprator-bor {
    border-right: 1px solid #666666;
    min-height: 73px;
}

.tentlognomarg {
    padding-left: 0% !important;
    list-style: none;
    display: inline-block;
}

.bortopnone td {
    border-top: none;
}
.crtnewtxt:hover {
        font-size: 20px;
        font-family: arial;
        color: #666666;
        font-weight: bold;
    }

.lgcolor {
    color: #addbcb
}

.lggcolor {
    color: #c6ced8;
}
/* ADDITIONAL CSS ADDED FROM LEEJAM CSS End 25-05-2018  */

.cursor2 {cursor: no-drop;}
.pad7 {padding:7px;}
.negamarglr4 {margin-left:-4px;}

/*Priya hide here 5/11/2019  

.new {position: relative;top:-16px;left:-40px;}
*/


/* for new tag on acces control & per info 21-06-2018 ends here  */

/* jun 26 starts here */
.padbot0 {padding-bottom:0px;}
.padtop0 {padding-top:0px;}

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #e2e2e2; 
}
::-webkit-scrollbar-thumb:hover {
    background: #ccc; 
}
.marglr2 {margin-left:2px;}

/* jun 26 ends here */

/* july 04 starts here */
.bordashed {border-bottom: 1px dashed #d7d7d7; }
.wordwrap {word-wrap: break-word;}
.wid200{width:200px;}

/* july 04 ends here */

/* Aug 2018 20 starts here */
.lht27{line-height: 27px;}
.gryclr33 {color: #262626;}
.gryclr34 {color: #838383;}
.greenclr6 {color: #1f804a}
/* Aug 2018 20 ends here */

/* 10 sep 2018  starts here */
.set-lefticobg { background-color: #e6e6e6; width: 60px; height: 900px;}
.set-righticobg { background-color: #f4f4f4; border-right: 1px solid #d5d5d5; width: 230px; height: 900px; background-image: linear-gradient(to right, #f4f4f4 215px, #e6e6e6); }
.set-righticobg-cont {padding:20px 10px 10px 30px}
.gryclr35 {color: #404040;}
.bluclr3 {color:#459df3;}
.pad8 {padding:8px;}
.gryclr36{color: #888181;}
.pad4 {padding:4px;}
.crtsetpadd{padding: 27px 37px 20px;}
.padtop50 {padding-top: 50px;}
.cirbor {
    background-color:#fff;
    border:1px solid #d5d5d5;    
    height:40px;
    border-radius:20px !important;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    width:40px;
    text-align: center;
} 
.gryclr37{color:#b3b7ba;}
.bluclr4 {color:#065fd4;}
.elliporngbg3 {background-color: #ff5419; border-radius:25px !important; height: 25px; padding-left:10px !important; padding-right:10px !important; color:#fff;}
.elliporngbg3:hover {background-color: #d33802; border-radius:25px !important; height: 25px; padding-left:10px !important; padding-right:10px !important; color:#fff;}
#setleft li {height: 40px; padding-top:10px;} 
#setleft li:hover {background-color: #bbbbbb; height: 40px; padding-top:10px; color: #f7f7f7;}
.actsetleft {height: 40px; padding-top:10px; background-color: #f4f4f4; color: #05c4d3;}
.egs li:hover {color: #000; text-decoration: underline;}
.actsetright { color: #459df3; font-weight: bold; text-decoration: none;}
.redborleft {border-left: 4px solid #e7505a;}
.set-rightpanbg { background-color: #f4f4f4; border-left: 1px solid #d5d5d5; width: 100%; height: 900px; 
    background-image: linear-gradient(to left, #f4f4f4 235px, #e6e6e6); padding: 20px 15px; }
.champagnefont {
    font-family: "champagne__limousinesregular";}

.whtbgbor {border:1px solid #d7d7d7; background-color: #fff;}
.cirbor-rightpan {
    background-color:#fff;
    border:1px solid #676767;    
    height:30px;
    border-radius:15px !important;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    width:30px;
    text-align: center;
} 

/* 10 sep 2018  ends here */

/* 05 Oct 2018  starts here */
.leftpanwhtbgsel2{box-shadow: 1px 1px 2px 1px #d2d2d2;
    width: 100%;
    overflow-x: hidden;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;}

.wid100 {width:100px;}
.smcircle-grn {
    border: 2px solid red;
    background-color: #FFFFFF;
    height: 12px;
    border-radius:6px;
    -moz-border-radius:6px;
        -webkit-border-radius:6px;
    width: 12px;
}

/* 05 Oct 2018  ends here */

/* 20 Nov 2018  starts here */
.prodtablebor td {border-bottom: 1px solid #eeeeee;}
.borbotnone{border-bottom:none;}

/* 20 Nov 2018  ends here */

/* 26 Nov 2018  starts here */
.pinkclr1 {color: #fa4d82;}
.lr80{left:80%;}

/* 26 Nov 2018  ends here */

/* Added by Deepak starts 21-1-2019 */
.purpclr1 {color: #dd649c;}
.rnd-cornr {
    
    border: 1px solid #58267b;
    width: 330px;
    height: 120px; 
    border-radius: 25px;  
    }
.purpbot {border-bottom:1px solid #58267b; min-height: 30px;}

/* Added by Deepak ends 21-1-2019 */
/* Added by Deepak starts 23-1-2019 */
.ellipcls {
            width:50px;
            text-overflow: ellipsis;            
            cursor: pointer;
            word-break: break-all;
            overflow:hidden;
            white-space: nowrap;
            }
.ellipcls:hover { 
            overflow: visible; 
            white-space: normal; 
        }  
/* Added by Deepak ends 23-1-2019 */


/*Rajesh css start 19-02-2019*/


h1 {
    font-family: arial;
    color: #262626;
    font-size: 18px;
    font-weight: bold;
    /*position: relative;
    padding-left: 35px;*/
}
h4 {
    font-family: arial;
    font-size: 20px;
    color: #464644;
}
.inner-profile-content h1 {
    font-family: arial;
    color: #262626;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 35px;
    display: inline-block;
    margin-bottom: 0;
}
.inner-profile-content h1:before {
    content: '';
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    border-radius: 50px;
    background-color: #47cbd7;
}
.page-wrapper-new .profile-sidebar {
    /*padding: 6px;
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.1);*/
}
.page-wrapper-new .profile-sidebar-portlet {
    width: 100%;
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.1);
    padding: 6px !important;
    margin-bottom: 0;
}
.page-wrapper-new .profile-content {
    margin-top: 0;
}
.page-wrapper-new .fitnessforce-logo-area {
    background-color: #f7f8fa;
    padding: 62px 10px;
    width: calc(100% - -14px);
    margin-left: -8px;
    margin-top: -7px;
}
.page-wrapper-new .profile-content {
    padding: 0px;
    min-height: inherit;
}
.pr-0 {
    padding-right: 0;
}
.page-wrapper-new .page-logo .logo-default {
    margin: 8px 0 0 !important;
}

/*main tab css start*/
body {
    font-family: arial;
    font-size: 13px;

      /*Orignal color changed by priya 17/10/19
    color: #999999;
    */

     color: #50555f;
}
.page-wrapper-new .portlet>.portlet-title>.nav-tabs {
    float: left;
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.page-wrapper-new .portlet>.portlet-title {
    border-bottom: 2px solid #e8e8e8;
}
.page-wrapper-new .tabbable-line>.nav-tabs>li.open, .page-wrapper-new .tabbable-line>.nav-tabs>li:hover, .page-wrapper-new .tabbable-line>.nav-tabs>li.active {
    border-bottom: none;
}
.page-wrapper-new .portlet.light>.portlet-title>.nav-tabs>li>a {
    position: relative;
    
    padding-bottom: 25px;
    font-family: arial;
    font-size: 12px;
    height: 100%;
    text-align: center;
    /*Orignal color changed by priya 17/10/19
    color: #adaeb2;
    */
    color: #50555f;
}
.page-wrapper-new .portlet.light>.portlet-title>.nav-tabs.child-tabs{
    justify-content: flex-start;
}
.page-wrapper-new .portlet.light>.portlet-title>.nav-tabs.child-tabs>li>a {
    padding: 12px 40px 25px;
}
.page-wrapper-new .portlet.light>.portlet-title>.nav-tabs>li>a.active {
     /*Orignal color changed by priya 17/10/19
    color: #000;
     */
     color: #54b8c1;
     font-weight: 600;
}
.page-wrapper-new .portlet.light>.portlet-title>.nav-tabs>li>a:hover:after, .portlet.light>.portlet-title>.nav-tabs>li>a.active:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    background-color: #36c6d3;
    height: 2px;
}
.page-wrapper-new .profile-content .portlet.light {
    padding: 40px 0 0 40px;
    background-color: transparent;
    margin-bottom: 30px;
}

/*main tab css end*/
.page-wrapper-new .ltr-fl:first-child {
    min-width: 16px;
}
.page-wrapper-new h3 {
    font-size: 14px;
    font-weight: bold;
}
.page-wrapper-new .mb25 {
    margin-bottom: 25px;
}
.page-wrapper-new .ml20 {
    margin-left: 20px;
}
.page-wrapper-new .form-group.form-md-line-input {
    margin: 0 0 30px;
}
.page-wrapper-new .form-group.form-md-line-input .form-control {
    padding-bottom: 25px;
    padding-left: 20px;
    color: #434343;
    font-size: 13px;
}
.page-wrapper-new .form-group.form-md-line-input.form-md-floating-label .form-control~label {
    font-size: 13px;
    color: #9a9a9a;
    top: 18px;
    left: 20px;
}
.page-wrapper-new .form-group.form-md-line-input.form-md-floating-label .form-control.edited~label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly])~label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static~label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly])~label, .form-group.form-md-line-input.form-md-floating-label .form-control[readonly]~label {
    font-size: 11px;
    color: #36c5d3;
    top: 0;
}
/*.page-wrapper-new .form-group.form-md-line-input.form-md-floating-label .form-control.date-picker:focus~label {
    top: 0;
}*/
.page-wrapper-new .form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label:after, .form-group.form-md-line-input.has-success .form-control.form-control-static~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static~label:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label:after {
    left: -20px;
    background: #37c6d4;
}
.page-wrapper-new .form-area {
    padding: 0px 40px 35px;
}
.page-wrapper-new .form-area-listing {
    padding: 0px 40px;
}
.page-wrapper-new .dropzone h3 {
    font-size: 24px;
    margin: 0;
    pointer-events: none;
    color: #000;
}
.page-wrapper-new .dropzone {
    margin-top: 40px;
}
.button-area {
    margin-top: 50px;
}
.page-wrapper-new .dropzone .dz-preview .dz-remove {
    font-size: 10px;
    color: #fff;
    background-color: #e7505a;
    border-color: #e7505a;
    padding: 10px 30px;
}
.page-wrapper-new .dropzone .dz-preview .dz-remove:hover {
    text-decoration: none;
}
 /*priya tiwari start here 26/10/19
.page-wrapper-new .btn, .btn {
    padding: 10px 30px;
    
    border-radius: 50px !important;
    min-width: 170px;
    */
}
.page-wrapper-new .btn-default, .page-wrapper-new .btn-default.active.focus, .page-wrapper-new .btn-default.active:focus, .page-wrapper-new .btn-default.active:hover, .page-wrapper-new .btn-default:active.focus, .page-wrapper-new .btn-default:active:focus, .page-wrapper-new .btn-default:active:hover, .page-wrapper-new .open>.btn-default.dropdown-toggle.focus, .page-wrapper-new .open>.btn-default.dropdown-toggle:focus, .page-wrapper-new .open>.btn-default.dropdown-toggle:hover,
.modal.listing-modal .btn-default, .modal.listing-modal .btn-default.active.focus, .modal.listing-modal .btn-default.active:focus, .modal.listing-modal .btn-default.active:hover, .modal.listing-modal .btn-default:active.focus, .modal.listing-modal .btn-default:active:focus, .modal.listing-modal .btn-default:active:hover, .modal.listing-modal .open>.btn-default.dropdown-toggle.focus, .modal.listing-modal .open>.btn-default.dropdown-toggle:focus, .modal.listing-modal .open>.btn-default.dropdown-toggle:hover {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    color: #fff;
}
.page-wrapper-new .btn-primary, .modal.listing-modal .btn-primary {
    background-color: #0098cc;
    border-color: #0098cc;
}
.page-wrapper-new .profile-menu ul {
    margin-bottom: 15px;
}
.page-wrapper-new .form-group.form-md-line-input select.form-control {
    padding: 0 0 15px 20px;
}
.page-wrapper-new .dropzone .dz-preview {
    /*width: auto;
    min-height: auto;*/
}
.page-wrapper-new .dropzone .dz-preview.dz-file-preview .dz-image {
    /*background: none;
    width: auto;
    height: 25px;*/
}
.page-wrapper-new .dropzone .dz-preview .dz-details .dz-size {
    /*display: none;*/
}
.page-wrapper-new .dropzone .dz-preview.dz-error .dz-error-mark {
    display: none;
}
.page-wrapper-new .dropzone .btn.red:not(.btn-outline) {
    /*color: #e7505a;
    background-color: transparent;
    border-color: transparent;*/
}
.page-wrapper-new .dropzone .dz-preview .dz-details {
    /*padding: 10px;*/
}
.page-wrapper-new .dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: none;
}
.page-wrapper-new .dropzone .dz-message {
    display: none;
}
.page-wrapper-new #my-dropzone.dropzone.dropzone-file-area.dz-clickable {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
}
.page-wrapper-new .dropzone .dz-preview .dz-details .dz-filename span, .page-wrapper-new .dropzone .dz-preview .dz-details .dz-size span {
    padding: 0.4em;
}
.page-wrapper-new .date-icon, .page-wrapper-new .dropdown-icon {
    position: relative;
}
.modal-large-table .dropdown-icon {
    position: relative;
    border-bottom: solid 1px #e8e8e8;
}
.page-wrapper-new .date-icon:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../../layouts/layout/img/calendar-icon.png) no-repeat;
    width: 15px;
    height: 15px;
    pointer-events: none;
}
.dropdown-icon select {
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.dropdown-icon:after {
    content: "\f107";
    border: 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    right: 20px;
    top: 20px;
    pointer-events: none;
}
.page-wrapper-new .mt-50 {
    margin-top: 50px;
}
.page-wrapper-new .alert {
    position: relative;
    padding-left: 50px;
    padding-bottom: 24px;
    border-radius: 6px !important;
}
.page-wrapper-new .alert:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -5px;
}
.page-wrapper-new .alert-success:before {
    content: '';
    background: url(../../layouts/layout/img/success-icon.png) no-repeat;
    width: 25px;
    height: 25px;
}
.page-wrapper-new .alert-danger:before {
    content: '';
    background: url(../../layouts/layout/img/error-icon.png) no-repeat;
    width: 22px;
    height: 22px;
}
.page-wrapper-new .alert-success {
    background-color: #41d888;
    border-color: #41d888;
    color: #fff;
}
.page-wrapper-new .alert-success:after, .page-wrapper-new .alert-danger:after {
    content: '';
    width: 80%;
    position: absolute;
    left: -1px;
    bottom: -1px;
    border-bottom-left-radius: 6px;
}
.page-wrapper-new .alert-success:after {
    border-bottom: solid 9px #a2ecc4;
}
.page-wrapper-new .alert-danger:after {
    border-bottom: solid 9px #fca38e;
}
.page-wrapper-new .alert-danger {
    background-color: #f94416;
    border-color: #f94416;
    color: #fff;
}
.page-wrapper-new .btn.btn-success {
    border-radius: 0 !important;
    font-weight: bold;
    background-color: #5ac3ca;
    border-color: #5ac3ca;
    position: relative;
    padding-left: 40px;
}
.page-wrapper-new .btn.btn-success:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    background: url(../../layouts/layout/img/add-icon.png) no-repeat;
    width: 11px;
    height: 11px;
    pointer-events: none;
    transform: translateY(-50%);
}

/*table css start*/
.table-scrollable-borderless {
    position: relative;
}

/*priya start here 22-10-19
.table-scrollable-borderless:after {
    content: '';
    position: absolute;
    right: 0;
    top: 20px;
    width: 1em;
    background-color: #f0f0f0;
    border-bottom: solid 1px #bababa !important;
    padding: 20px .6em;
}

*/
.table-scrollable-borderless.large-table-area:after {
    padding: 29px .6em;
}
.table.table-light.listing-table>tbody, .table.table-light.listing-table>thead {
    display: block;
}
.table.table-light.listing-table>thead {
    background-color: #f0f0f0;
    border-bottom: solid 1px #bababa !important;
}
.table.table-light.listing-table>tbody {
    max-height: 335px;
    overflow-y: overlay;
}

.table.table-light.listing-table>thead>tr>th {
    color: #525B82;
    /*priya changes here 16-04-20
    font-weight: 500;
     */
}
.table.table-light.listing-table>thead, .table.table-light.listing-table>tbody>tr { 
    display:table;
    width:100%;
    table-layout:fixed;
}
/*priya start here 22-10-19

.table.table-light.listing-table>thead {
    width: calc( 100% - 1em )
}

 */
 
/*.table.table-light.listing-table>thead>tr>th, .table.table-light.listing-table>tbody>tr>td {
    padding: 11px 15px;
    text-transform: none;
    font-family: arial;
    font-size: 13px;
    white-space: normal;
    vertical-align: top;
}
*/
.table.table-light.listing-table>tbody>tr:last-child>td {
    border-bottom: 1px solid #9e9e9e91;
}



/*table css end*/

/*modal css start*/
.modal.listing-modal {
    width: auto;
    max-width: 1000px;
    top: 50% !important;
    transform: translate(-50%,-50%);
    margin: 0 !important;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.modal.listing-modal .modal-dialog {
    margin: 0;
    width: 1000px;
}
.modal.listing-modal .modal-content {
    width: 100%;
}
.modal.listing-modal .modal-title {
    font-size: 17px;
}
.modal.listing-modal .button-area {
    margin-bottom: 50px;
}
.modal.listing-modal .modal-footer {
    border-top: none;
}

/*modal css end*/
.form-view p {
    font-size: 13px;
}
.form-view p span {
    display: block;
    color: #36c6d3;
    font-size: 11px;
    margin-bottom: 5px;
}
.page-wrapper-new .form-area.no-tab-content {
    padding: 0;
}
.page-wrapper-new p.mandatory-text {
    font-size: 15px;
    color: #595f6d;
    padding-left: 35px;
    border-bottom: solid 3px #37c6d4;
    padding-bottom: 25px;
    margin-top: 50px;
}
.page-wrapper-new .mandatory {
    color: #ff0030;
}
.registration-area {
    padding: 30px 0 0 30px;
    width: calc(100% - -14px);
    margin-left: 1px;
}
.registration-des {
    padding: 30px 10px;
}
.registration-des {
    text-align: center;
}

/*radio css start*/
.page-wrapper-new .md-radio label {
    line-height: 21px;
}
.page-wrapper-new .md-radio {
    margin-bottom: 20px;
}
.page-wrapper-new .md-radio label>.box {
    border: 2px solid #b2b2b2;
}
/*radio css end*/

/*checkbox css start*/
.page-wrapper-new .md-checkbox label {
    line-height: 21px;
}
.page-wrapper-new .md-checkbox label>.box {
    border: 2px solid #b2b2b2;
}
.decrement-checkbox {
    margin: 30px 0 40px;
}
/*checkbox css end*/

/*add product table css start*/
.add-product-table {
    min-width: 1500px;
}
.page-wrapper-new .add-product-table .btn-default {
    background-color: #fff;
    border-color: #c2c2c2;
    color: #434343;
}
.page-wrapper-new .add-product-table .btn-default.active, .page-wrapper-new .add-product-table .btn-default.active:focus, .page-wrapper-new .add-product-table .btn-default.active:hover, .page-wrapper-new .add-product-table .btn-default:active.focus, .page-wrapper-new .add-product-table .btn-default:active:focus, .page-wrapper-new .add-product-table .btn-default:active:hover, .page-wrapper-new .add-product-table .open>.btn-default.dropdown-toggle.focus, .page-wrapper-new .add-product-table .open>.btn-default.dropdown-toggle:focus, .page-wrapper-new .add-product-table .open>.btn-default.dropdown-toggle:hover {
    background-color: #e6e6e6;
    border-color: #c2c2c2;
    color: #000;
}
.page-wrapper-new .add-product-table .btn {
    min-width: initial;
    border-radius: 0px !important;
    width: 37px;
    height: 32px;
    padding: 0;
    line-height: 36px;
}
.page-wrapper-new .add-product-table .btn.dropdown-toggle {
    width: 100%;
    font-size: 12px;
    line-height: 32px;
    height: 34px;
}
/*.page-wrapper-new .add-product-table .btn-group {
    line-height: 38px;
    width: 75px;
}*/
.page-wrapper-new .add-product-table .form-group {
    margin-bottom: 0;
}
.page-wrapper-new .add-product-table .gnlff-medsign, .page-wrapper-new .add-product-table .gnlff-package {
    font-size: 20px;
}
.page-wrapper-new .add-product-table .gnlff-cancel {
    font-size: 25px;
}
.page-wrapper-new .add-product-table th {
    padding: 14px 7px;
    background-color: #dcdcdc;
    font-size: 14px;
    color: #434343;
}
.page-wrapper-new .add-product-table td.greyborbot3 {
    padding: 10px 6px;
    background-color: #f7f7f7;
}
.add-product-internal-table td {
    padding: 0 3px;
    text-align: center;
}
.add-product-internal-table td:nth-child(1) {
    width: 13%;
}
.add-product-internal-table td:nth-child(2) {
    width: 20%;
}
.add-product-internal-table td:nth-child(3) {
    width: 10%;
}
.add-product-internal-table td:nth-child(4) {
    width: 8%;
}
.add-product-internal-table td:nth-child(5) {
    width: 8%;
}
.add-product-internal-table td:nth-child(6) {
    width: 10%;
}
.add-product-internal-table td:nth-child(7) {
    width: 8%;
}
.add-product-internal-table td:nth-child(8) {
    width: 11%;
}
.add-product-internal-table td:nth-child(9) {
    width: 8%;
}

.add-product-internal-table .bootstrap-switch {
    width: 76px !important;
}
.add-product-internal-table .bootstrap-switch .bootstrap-switch-handle-on, .add-product-internal-table .bootstrap-switch .bootstrap-switch-handle-off, .add-product-internal-table .bootstrap-switch .bootstrap-switch-label {
    font-size: 12px;
    width: 38px !important;
    padding: 6px 8px;
}
/*.page-wrapper-new .add-product-table .membership-drop {
    width: 13%;
}
.page-wrapper-new .add-product-table .membership-drop .btn-group {
    width: 100%;
}*/
/*.page-wrapper-new .add-product-table .membership-period-drop {
    width: 160px;
}
.page-wrapper-new .actual-area {
    width: 60px;
    margin: 0 auto;
}*/
.page-wrapper-new .add-product-table .bootstrap-select .caret {
    margin-top: -15px!important;
}
.page-wrapper-new .add-product-table .gnlff-cancel.cursor.redclr12 {
    color: #d81e03;
    position: relative;
    top: 5px;
    right: 9px;
}
.page-wrapper-new .add-product-table .add-more {
    padding: 10px 6px;
}
.page-wrapper-new .add-product-table .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 12px;
}
.page-wrapper-new .add-product-table .fa.fa-plus-circle {
    font-size: 24px;
    position: relative;
    top: 3px;
}
/*.discounted-price {
    width: 60px;
    margin: 0 auto;
}
.min-max-area {
    width: 50px;
    margin: 0 auto;
}*/
.page-wrapper-new .add-product-table .internal-scroll>tbody {
    display: block;
    max-height: 355px;
    overflow-y: auto;
}
.page-wrapper-new .add-product-table .internal-scroll>thead, .page-wrapper-new .add-product-table .internal-scroll>tbody>tr, .page-wrapper-new .add-product-table .add-product-internal-table>tbody>tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
/*add product table css end*/

/*select2 css start*/
.page-wrapper-new .select2-container--bootstrap .select2-selection {
    border: none;
    padding: 0 0 15px 20px;
    color: #434343;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection--single .select2-selection__rendered, .page-wrapper-new .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
    color: #434343;
}
.morris-hover.morris-default-style .morris-hover-point, .select2-container--bootstrap .select2-results__group, .select2-container--bootstrap .select2-selection {
    font-family: arial;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
    display: none;
}
/*.add-product-internal-table .w167 {
    width: 167px;
}*/
.add-product-internal-table .w167 .form-control {
    width: 60%;
}

/*select2 css end*/
.table.table-light.view-table>thead>tr>th, .table.table-light.view-table>tbody>tr>td {
    padding: 11px 0px;
    text-transform: none;
    font-family: arial;
    font-size: 13px;
}

.table.table-light.view-table>thead>tr>th {
    border-bottom: solid 2px #e4e4e4 !important;
    color: #323232;
    font-weight: bold;
}

/*priya start here*/

.table.table-light>tbody>tr>td {
    border: 0;
    border-bottom: 1px solid #9e9e9e91;
    /*Orignal color changed by priya 17/10/19

    color: #8896a0;


*/

color: #50555f;

overflow-wrap: break-word;
}
.table.table-light>thead>tr>th{

    overflow-wrap: break-word;
}
/*priya end here*/



.view-table-area h5 {
    font-family: arial;
    font-size: 14px;
    color: #323232;
    margin: 30px 0 15px;
    font-weight: bold;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.help-block, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~i, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label, .form-group.form-md-line-input.has-success .form-control.form-control-static~.help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static~i, .form-group.form-md-line-input.has-success .form-control.form-control-static~label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label, .form-group.form-md-line-input.has-success label {
    color: #36c5d3;
    font-size: 11px;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection ul, .page-wrapper-new .select2-container--bootstrap .select2-selection li {
    margin: 0;
    padding: 0;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection ul {
    padding-left: 20px;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection li {
    margin-right: 2px;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 30px;
    padding: 0 0 15px 0px;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection.select2-selection--multiple {
    padding: 0;
    border-bottom: solid 2px #37c6d4;
}
.page-wrapper-new .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder{
    color: #434343;
}
.page-wrapper-new .multiple-select-label {
    position: relative;
    border-bottom: solid 2px #37c6d4;
}
.page-wrapper-new .multiple-select-label label {
    padding-left: 20px;
}
.page-wrapper-new .select2-container--bootstrap {
    width: 100% !important;
}
.select2-results__option .wrap:before{
   font-family:fontAwesome;
   color:#999;
   content:"\f096";
   width:25px;
   height:25px;
   padding-right: 10px;
   
}
.select2-results__option[aria-selected=true] .wrap:before{
   content:"\f14a";
}
.page-wrapper-new .form-group.form-md-line-input.date-icon .date-picker {
    cursor: pointer;
}
.page-wrapper-new .internal-text {
    margin: 30px 0;
}
.page-wrapper-new .internal-text h5 {
    font-weight: bold;
    color: #000;
    border-bottom: solid 1px #e8e8e8;
    padding: 13px 20px;
}
.page-wrapper-new .internal-text p {
    padding-left: 20px;
    font-style: italic;
}
.search-area .form-control.search-box {
    background-color: #fafafa;
    height: 46px;
    border: none;
    border-bottom: solid 2px #f2f2f2;
    padding-left: 45px;
	margin-bottom: 7px;
}
.search-area {
    position: relative;
}
.search-area:before {
    content: '';
    background: url(../../layouts/layout/img/search-icon.png);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
}
.search-area .search-box::placeholder
{
    font-size: 15px;
    color: #e2dcdc;
}
.inner-title h5 {
    font-weight: bold;
    color: #999999;
    margin: 30px 0;
}
.page-wrapper-new .table.table-light.listing-table.large-table>thead>tr>th, .page-wrapper-new .table.table-light.listing-table.large-table>tbody>tr>td {
    vertical-align: top;
    text-align:left !important;
}
.inner-profile-content {
    padding: 35px;
}
/* 
.page-wrapper-new .btn, .modal.listing-modal .btn.btn-upload {
    min-width: 130px;
}
*/
.page-wrapper-new .dropzone .dz-preview.dz-error:hover .dz-error-message {
    display: none;
}
.page-wrapper-new #my-dropzone.dropzone.dropzone-file-area.dz-clickable.dz-started {
    display: block;
}
.page-wrapper-new #my-dropzone.dropzone.dropzone-file-area.dz-clickable .dz-preview.dz-image-preview {
    /*margin-top: 20px;*/
}
.page-wrapper-new #my-dropzone.dropzone.dropzone-file-area.dz-clickable .dz-preview .dz-image {
    /*width: auto;
    height: auto;
    display: inline-block;*/
    border: solid 1px #ebebeb;
    margin-top: 10px;
}
.uploaded-files {
    display: inline-block;
    margin-right: 15px;
}
.uploaded-files .gnlff-cancel {
    font-size: 22px;
    color: #d81e03;
    position: relative;
    top: 6px;
}
.status-icons {
    margin-top: 24px;
}
.status-icons .gnlff-cancel {
    font-size: 30px;
    top: 3px;
    position: relative;
}
.status-icons .fa {
    font-size: 26px;
    color: #7ac943;
    margin-right: 10px;
}   
.page-wrapper-new .dropzone .btn {
    cursor: pointer;
    /*margin-top: 20px;*/
    border-radius: 0px !important;
    min-width: 120px;
}
.page-wrapper-new #my-dropzone.dropzone.dropzone-file-area.dz-clickable.dz-started h3 {
    margin-top: 0;
}
.main-inner-title h1 {
    padding: 20px 0 20px 40px;
}
.pt-0 {
    padding-top: 0 !important;
}
/*left tab css*/
.page-wrapper-new .tabs-left {
    background-color: #f4f4f4;
    margin-bottom: 0;
    border-top: 1px solid #d4d9dd;
    border-bottom: 1px solid #d4d9dd;
}
.page-wrapper-new .tabs-left.nav-tabs>li>a {
    border: none;
    margin: 0;
    color: #000;
    border-bottom: 2px solid #d4d9dd;
    position: relative;
    font-size: 13px;
}
.page-wrapper-new .tabs-left.nav-tabs>li.active>a:after, .page-wrapper-new .tabs-left.nav-tabs>li:hover>a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background-color: #36c6d3;
}
.page-wrapper-new .tabs-left.nav-tabs>li>a:focus, .page-wrapper-new .tabs-left.nav-tabs>li>a:hover {
    background-color: #fff;
    color: #36c6d3;
}
.page-wrapper-new .tabs-left.nav-tabs>li>a .fa {
    margin-right: 10px;
}
.page-wrapper-new .tabs-left li {
    /*border-bottom: 2px solid #d4d9dd;
    border-left: 2px solid #d4d9dd;*/
    margin: 0 !important;
}
.page-wrapper-new .tabs-left.nav-tabs>li.active, .page-wrapper-new .tabs-left.nav-tabs>li:hover {
    /*border-left: 2px solid #36c6d3;*/
}
.page-wrapper-new .left-tab-main {
    border: 1px solid #d4d9dd;
    padding: 0 !important;
}
.page-wrapper-new .left-tab-main .tab-content {
    padding: 15px 15px 15px 0px;
}
.page-wrapper-new .tabs-left.nav-tabs>li.more-payment>a:focus, .page-wrapper-new .tabs-left.nav-tabs>li.more-payment>a:hover {
    background-color: #f4f4f4;
}
.page-wrapper-new .tabs-left.nav-tabs>li.more-payment.active>a:after, .page-wrapper-new .tabs-left.nav-tabs>li.more-payment:hover>a:after {
    background-color: transparent;
}
.page-wrapper-new .tabs-left li.more-payment a {
    border-bottom: none;
}
.page-wrapper-new .left-tab-main .col-md-9.col-sm-9.col-xs-12.pl0 {
    padding-left: 0;
}
.page-wrapper-new .left-tab-main.portlet {
    margin-bottom: 0;
}
.page-wrapper-new .left-tab-main.portlet .portlet-body {
    padding: 0;
}
.page-wrapper-new .invoice-large-table-area .table.table-light.listing-table>thead>tr>th, .page-wrapper-new .invoice-large-table-area .table.table-light.listing-table>tbody>tr>td {
    font-size: 12px;
}
.page-wrapper-new .table.table-light.listing-table.large-table.invoice-large-table-area>thead>tr>th:nth-child(9), .page-wrapper-new .table.table-light.listing-table.large-table.invoice-large-table-area>tbody>tr>td:nth-child(9) {
    width: 105px;
}
.page-wrapper-new .invoice-large-table-area .dropdown-icon:after, .modal-large-table .dropdown-icon:after {
    right: 0px;
    top: 8px;
}
.page-wrapper-new .invoice-large-table-area .dropdown-icon .form-control, .modal-large-table .dropdown-icon .form-control {
    border: none;
    background-color: transparent;
    font-size: 13px;
}

.table-scrollable-borderless.large-table-area.invoice-large-table-area:after {
    padding: 28px .6em;
}
.modal-large-table .decrement-checkbox {
    margin: 0;
}
.modal.listing-modal.table-body-modal .modal-body {
    padding: 20px;
}
.modal.listing-modal.table-body-modal .button-area {
    margin: 10px 0;
}
.modal.listing-modal.table-body-modal .table.table-light.listing-table {
    margin-top: 0 !important;
}
.modal.listing-modal.table-body-modal .table-scrollable-borderless:after {
    top: 0;
}

.modal.listing-modal.confirmation-modal .button-area {
    margin-bottom: 20px;
    margin-top: 20px;
}   
.modal.listing-modal.confirmation-modal p {
    font-size: 15px;
    margin-bottom: 0;
}
textarea.form-control {
    height: 60px;
    border:solid 1px #c2cad8;
}
textarea.form-control::placeholder {
    color: #8896a0;
    font-size: 12px;
}
.btn.members-btn {
    border-radius: 0 !important;
    margin-top: 12px;
}

.btn.members-btn .fa {
    margin-right: 10px;
}
.amount-membership {
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
.digital-balance-top {
    padding: 20px 20px 0;
}
.digital-balance-area p {
    margin: 0;
    color: #121111;
    padding-left: 30px;
}
.digital-balance-area p span {
    color: #ff9600;
}
.digital-balance-area .decrement-checkbox {
    margin: 15px 0 15px 30px;
    border-bottom: dashed 1px #c6c5c5;
    padding-bottom: 10px;
}
.digital-icon {
    position: relative;
}
.digital-icon:after {
    content: '';
    background: url(../../layouts/layout/img/digital-icon.png) no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
}
.digital-balance-area ul {
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
}
.digital-balance-area li {
    width: 49%;
    margin: 0;
    padding: 20px 10px;
    font-size: 11px;
    color: #fff;
    background-color: #213c54;
    display: inline-block;
    border-radius: 3px !important;
}
.digital-balance-area li.total-balance {
    background-color: #335d82;
}
.digital-balance-area li span {
    font-size: 20px;
    display: block;
}
.modal.listing-modal.table-body-modal .table-scrollable-borderless.remove-patch {
    margin-top: 0 !important;
}
.modal.listing-modal.table-body-modal .table-scrollable-borderless.remove-patch:after {
    background-color: transparent;
    border-bottom: none; !important;
    padding: 0;
    width: 0;
}
.page-wrapper-new .tabs-left.add_scroll_1 {
    height: 295px;
    overflow-y: auto;
}
#company-collection {
    /*width: 450px;*/
}
.shadow-box {
    -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 15px;
    background-color: #fff;
}
.chart-title {
    font-weight: bold;
    font-size: 12px;
    color: #1f355b;
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 5px;
    margin-top: -8px;
    height: 40px;
    line-height: 34px;
    margin-bottom: 15px;
}
.company-chart-area select.form-control {
    border: none;
    font-weight: normal;
    font-size: 12px;
    padding-right: 35px;
    color: #9a9a9a;
}
.company-chart-area .dropdown-icon:after {
    top: -1px;
}
.chart-title span {
    display: inline-block;
    padding: 0 6px;
}
.chart-title .dropdown-icon {
    display: inline-block;
}
.mt-30 {
    margin-top: 30px;
}
#total-paid-amount {
    width: 300px;
    margin: 0 auto;
}
.live-members-area, .amount-due-area {
    margin-top: 15px;
    padding-bottom: 50px;
    text-align: center;
    height: 155px;
    position: relative;
}
.amount-due-area canvas {
    width: 100px !important;
    height: 100px !important;
}
.live-members-area input[value], .amount-due-area input[value]{
    color:#000000 !important;
    font-size: 30px !important;
    font-weight: bold !important;
    width: auto !important;
    height: auto !important;
    z-index: 1 !important;
    margin: 0 auto !important;
    left: 50%;
    transform: translateX(-50%);
    max-width: 200px;
    bottom: 20px;
}
.chart-value-label {
    font-size: 12px;
    color: #5d6175;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.customise-w-area .col-md-3.w-30 {
    width: 30%;
}

/*switch start*/
.switch {
    margin-top: 10px;
}    
.switch label {
    cursor: pointer;
    font-size: 12px;
}
.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    background-color: #eeeeee;
    -webkit-border-radius: .9375rem !important;
    border-radius: .9375rem !important;
    margin-right: .625rem;
    vertical-align: middle;
    margin: 0 1rem;
    width: 2.5rem;
    height: .9375rem;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}
.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    background-color: #f1f1f1;
    -webkit-border-radius: 1.3125rem;
    border-radius: 1.3125rem;
    left: -.3125rem;
    top: -.1875rem;
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0,0,0,.4);
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0,0,0,.4);
    width: 1.3125rem;
    height: 1.3125rem;
    -webkit-transition: left .3s ease,background .3s ease,-webkit-box-shadow 1s ease;
    transition: left .3s ease,background .3s ease,-webkit-box-shadow 1s ease;
    -o-transition: left .3s ease,background .3s ease,box-shadow 1s ease;
    transition: left .3s ease,background .3s ease,box-shadow 1s ease;
    transition: left .3s ease,background .3s ease,box-shadow 1s ease,-webkit-box-shadow 1s ease;
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: #eeeeee;
}
.switch [type=checkbox]:checked, .switch [type=checkbox]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #4c84ff;
    left: 1.5rem;
}
/*switch end*/
.col-md-6.graph-chart-area {
    width: 40%;
}
.col-md-6.graph-chart-area img {
    position: absolute;;
    left: 30px;
    top: 15px;
    z-index: 1;
}
#Monthly-invoice-graph {
    height: 230px;
}
.datepicker .new {
    top: 0;
    left: 0;
}
.graph-top-area {
    margin-bottom: 30px;
}
.graph-top-area img {
    position: absolute;
    left: 30px;
    top: 15px;
    z-index: 1;
}

/* priya hide here 5/11/2019
.switch {
    position: absolute;
    right: 30px;
    top: 15px;
    width: 100%;
    text-align: right;
    z-index: 1;
}
*/
.page-wrapper-new .has-success .select2-container--focus .select2-selection, .page-wrapper-new .has-success .select2-container--open .select2-selection, .page-wrapper-new .select2-container--bootstrap .select2-selection {
    box-shadow: none;
    border-color: transparent;
}
.product-name, .product-type {
    color: #000;
    font-weight: bold;
}
.border-top-0 {
    border-bottom: none;
}
.page-wrapper-new .multi-select-box .ms-choice, .page-wrapper-new .multi-select-box .ms-choice:focus {
    border: none;
    outline: none;
}
.page-wrapper-new .form-group.form-md-line-input.form-md-floating-label.multi-select-box .form-control~label {
    top: 0;
    color: #36c5d3;
    font-size: 11px;
}
.page-wrapper-new .multi-select-box .ms-drop.bottom {
    left: 0;
}
.page-wrapper-new .multi-select-box .ms-choice > span {
    padding-left: 20px;
}
.form-group.form-md-line-input.multi-select-box .form-control~.form-control-focus:after, .form-group.form-md-line-input.multi-select-box .form-control~label:after {
    visibility: visible;
    left: -20px;
    width: 100%;
    background: #36c6d3;
}
.page-wrapper-new .multi-select-box li label span, .page-wrapper-new .multi-select-box .ms-select-all label {
    color: #434343;
    font-size: 13px;
}
.page-wrapper-new .multi-select-box .placeholder {
    color: #434343;
    font-size: 13px;
}
.page-wrapper-new .multi-select-box .ms-drop input[type="checkbox"] {
    vertical-align: middle;
    /* Priya comment  here 3/9/2020
    margin: 0 5px 5px 0;
     */
}

/*priya start here 24/10/19
.profile-sidebar-portlet .ltr-fl {
    width: 20px;
}
*/
.profile-sidebar-portlet .ltr-fl.margleft10 {
    max-width: 195px;
    width: 100%;
    margin-left: 5px;
    margin-top: 6px;
}
.leftpanelbgwht .ltr-fl:first-child {
    width: 90%;
}
.page-wrapper-new .add-product-table .internal-scroll {
    background-color: #f7f7f7;
}

/*Deepak css starts 30-04-2019*/
.corpmembg {background-color:#0098cc; padding-left:5px; padding-right:5px; padding-bottom: 3px;}
/*Deepak css ends 30-04-2019*/

/*Deepak css starts 14-05-2019*/
.wavoldbg {background-color: red; color: #fff; padding-top: 5px; padding-bottom:3px;}
/*Deepak css ends 14-05-2019*/

/*Deepak css starts 23-05-2019*/
.modal.listing-modal .modal-body {
    padding: 0 0 0 60px;
}
.verbg {background-color: #f0f0f0; border-bottom: 1px solid #e4e4e4; padding: 10px 10px 10px ;}
.margbot10 {margin-bottom:10px;}
.gryclr38{color:#c1bebf;}
.padrl25 {padding-right:25px;}
.gryclr39{color:#656062;}
.verselbg {background-color: #f7f9e1; padding: 5px 0;}
.orngclr4 {color:#febd3a !important;}

/*priya starts here 07/08/2019*/
.tt0{
	        padding: 9px 20px;
			    color: #000;
}
.tt{
	        padding: 9px 20px;
}
.tt1{
	border: 1px solid #8080801f;
    box-shadow: 1px 2px 2px 2px #80808033;
}
.t1{
	    border-bottom: 1px solid #80808040;
}

/*priya ends here*/


/*priya starts here 08/08/2019*/
.ppt{
	padding: 16px 26px;
    width: 27%;
    box-shadow: 1px 2px 2px 2px #80808033;
}

.pt1{
	padding: 10px 20px;
    background: #80808059;
    color: #000000;
    font-size: 12px;
}
.pt01{
	    padding: 10px 20px;
        font-size: 12px;
}

.rou1{
	padding:3px 2px;
	font-size: 10px;
	display: inline-block;
    background: #32c5d2;
    color: white;
    border-radius: 25px;
}
.m1{
   height: 23px!important;
}
/*priya ends here*/

/*Juilee css start here 7/8/19*/
.ttd0{
	        padding: 4px 19px;
			color:#b2b2b2;
			font-size: 11px;
}
.ttd{
	        padding:5px 5px 1px 13px;
			font-size: 11px;
}
.ttd1{
	border: 1px solid #ededed;
    box-shadow: 1px 2px 2px 2px #ededed;
	/*border-right-width: 89px;*/
}
.td1{
	    border-bottom: 1px solid #ededed;
}
/*Juilee css end here 7/8/19*/

/*Juilee start here 8/8/19 */
.h05-color{
    font-size: 13px;
    /*min-width: 277px; */
    padding: 0px 7px;
    background-color: #f0f0f0;
    color: black;
    min-height: 30px;
}
.bluebar{
  background-color:#32c5d23b;
  color:black;
}
/*Juilee end here 8/8/19*/

/*Juilee start here 9/8/19*/
.payment-for{margin-top:0px; padding: 0px 20px;}

.img-width{width: 0px;}

.textcenter{text-align:center;}
/*Juilee end here*/

/*priya starts here 09/08/2019*/
.bt1{
background: white;
   border: 1px solid #d01010;
   color: #d02020;
      border-radius: 2px !important;
   font-weight: 600;
   padding: 5px 14px;
}
.bt2{
background: white;
   border: 1px solid #17b171;
   color: #159e65;
       border-radius: 2px !important;
   font-weight: 600;
   padding: 5px 12px;
  
}
.bt1:hover{
    background-color:#d02020;
    color:white;
    
}
.bt2:hover{
    background-color:#159e65;
    color:white;
    
}
.trpp{
border-left: 1px solid white;
   border-right: 1px solid white;
}

.font_{
   font-size: 12px;
   font-weight: 100;
}
.cor{
   color: gray;
}
.boxx{
box-shadow: 1px 2px 2px 2px #80808033 !important;
   width: 84%;
   padding: 21px !important;
}
/*priya ends here  09/08/2019   */

/*Juilee start here 10/8/19
.red-box{padding: 10px; width: 571px; color: red; font-size: 14px; margin-top: 23px; margin-bottom: -27px;}
.color-black{color:black; margin-top: -23px;}
.h06a-color{font-size: 13px; min-width: 176px; padding: 0px 7px; background-color: #f0f0f0; color: black; margin-top: -51px;}
.checkbox-blue{color: #0098cc;}
Juilee end here*/

/* Deepak css starts here  10/08/2019   */
.seltab-bor {border-left:1px solid #a3c1c3 !important; border-right:1px solid #a3c1c3 !important; color: #000;}
.seltab-bor td { background-color: #f0f0f0; border-bottom: 1px solid #a3c1c3 !important; font-size: 13px !important; }

.amount-box {
    font-size: 13px;
    font-weight: bold;
    min-width: 230px;
    padding: 10px 75px;
    background-color:#f0f0f0;
    color:black;
    /*border-radius: 3px !important; */
    text-align: center;
    margin-top: -10px;
    border-top: 1px solid #cfd2d6;	
}
.amount-box.new-total {
    background-color: #335d82;
    margin-top: 5px;
}
.total-amount-membership {
    text-align: center;
    background-color: #f7f7f7;
    padding: 20px;
    border: solid 1px #d9d9d9;
}
.total-amount-membership p {
    font-size: 15px;
    color: #595f6d;
    margin-bottom: 10px;
}

/* Deepak css ends here  10/08/2019   */


/*priya start here 10/8/19*/

.tab_o{
border-bottom: 2px solid white  !important;;
}

.bac_2{
    
}
.margt0{
   margin-top: -16px;
}

.mgg{
       margin-top: 16px;
   margin-bottom: -21px;
   margin-top: 50px;
}

.mgg1{
   margin-bottom: -21px;
   margin-top: 50px;
}

.mgg2{
   margin-bottom: -21px;
   margin-top: 50px;
}

.note.note-info1 {
   background-color: #c0edf1;
   border-color: #58d0da;
   color: #010407;
}

.note.note-info2 {
   background-color: #fef7f8;
   border-color: #f0868e;
   color: #010407;
}
.note.note-info3 {
       background-color: #faeaa9;
   border-color: #f3cc31;
   color: #010407;
}

.b_1{
border: 2px dashed #028AF4;
   background: #fff;
   text-align: center;
   width: 54%;
   
   color: black;
  
   padding: 8px 8px;
}

.b_2{
   font-weight: 700!important;
   font-size: 23px !important;;
}


.tk_1{
   border: 2px solid #80808021;
}

.tk_2{
padding: 5px 20px;
   border-bottom: 2px solid #80808026 !important;
}
.tk_3{
   padding: 7px 20px;
}

.tk_4{
float: right;
   background: white;
   color: #10c0d0;
   border: 1px solid #13a6b3;
   padding: 4px 10px;
   border-radius: 5px !important;
}

/*priya ends here 10/8/19*/

/* Deepak css starts here 12/8/19 */
.labblue {
    display: block;
    color: #36c6d3;
    font-size: 11px;
   /* margin-bottom: 5px; 8*/
}

.marglr20 {margin-left:20px;}   
.greybgrnd {background: #e2e3e7; border-radius: 5px !important; padding:7px;}

.aprejtab {border:1px solid #ededed;  box-shadow: 2px 2px 2px #ededed;}
/* Deepak css ends here 12/8/19 */

/*Juilee css start here 13/8/19*/
.box-height{height: 366px; overflow-y: auto;}
/* Juilee css ends here 13/8/19 */

/*priya ends here 18/8/19*/
.rdp{
	font-size: 12px;
}
/*priya ends here 18/8/19*/

/*Juilee css start here 19/8/19*/
.bg-darkblue{background-color: #55565B; color: white;}
.table1{padding: 8px!important; line-height: 1.42857!important; vertical-align: top!important; }
.tj{ border-top:none !important;}
.darkgrey-bg{background-color:#e3e3e3; color:black; font-family: arial; font-size: 13px;}
.font13{font-size: 13px !important;}
.padding14{padding: 14px!important;;}
.width22{width:22%;}
.cursor1{cursor: pointer;}
/* Juilee css ends here 19/8/19 */

/*Juilee css start here 21/8/19*/
.amount2-box {
    font-size: 13px;
    font-weight: bold;
    min-width: 230px;
    padding: 10px 61px;
    background-color:#55565B;
    color:white;
    /*border-radius: 3px !important; */
    text-align: center;
    margin-top: -10px;
    border-top: 1px solid #cfd2d6;	
}
/* Juilee css ends here 21/8/19 */

/*Juilee css start here 22/8/19*/
.margright35 {
    margin-right: 35px;
}
.border-r{border-right:1px solid #e4e4e4;}
/* Juilee css ends here 22/8/19 */

/*Juilee css start here 24/8/19*/
.svg-icon:hover{fill:#43C8D2;}
.svg-style1{
    background-color: #383838;
    padding: 4px;
    opacity: 0.8;
    filter: alpha(opacity=60); 
    float:right; 
    margin-top: 24px;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    margin-right: -10px;
    cursor: pointer;
}
/* Juilee css ends here 24/8/19 */


/*priya css start here 24/8/19*/

.corp1{
	margin-bottom: -63px;
	width: 100%; 
	margin-top: -54px;
}
/* priya css ends here 24/8/19 */

/*priya css start here 26/8/19*/
.bttn:hover{
 color: #fff !important;
background-color: #1f9da9 !important;
border-color:#1f9da9 !important;
}
.bttn{
    padding: 10px 30px;
}

.bttn1{
    padding: 10px 30px;
    min-width: 130px !important;
    }
    .bttn2{
        padding: 10px 30px;
        min-width: 130px !important;
        background: #bbbaba;
        color: white;
    } 


.bttn1:hover{
color: #fff !important;
background-color:  #03779e !important;
border-color:#03779e !important;
}
.bttn2:hover{
 background-color: #929191 !important;
border-color: #929191 !important;
color: #fff !important;
}
/* priya css ends here 26/8/19 */

/*Juilee css start here 27/8/19*/
.h-icon:hover{color:#c11d07 !important;}
/*.h-underline:hover{
    text-decoration: underline;
}*/
.h-green-plus:hover{color:#3ca341 !important;}
.h05-color:hover{background-color:#d6d6d6 !important;}
a:hover {text-decoration: underline;}
/* Juilee css ends here 27/8/19 */

/*priya css start here 27/8/19*/ 
.icon_:hover{fill:#b71f0b!important; cursor: pointer; }
.icon_p:hover { fill: #00579c!important;cursor: pointer; }
.fp{ float: right; }	
.ip{ height: 25px !important;}
   

 /* priya css ends here 27/8/19 */

 /*priya css start here 28/8/19*/
 .hop:hover{
    fill:#000000;
    cursor: pointer;
         }

        
 /* priya css ends here 28/8/19 */
 
 /*priya css start here 12/09/19*/

 .marglr13{
            margin-right: 13px!important;

         }

.tabbable-line>.nav-tabs>li.active {
    background: 0 0;
    border-bottom: 2px solid #36c6d3;
    position: relative;
}

    

.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover {
    background: 0 0;
    border-bottom: 2px solid #9fe4ea;
}

/*priya css ends here 12/09/19*/

/*Juilee css start here 30/8/19*/
.info-svg{
    margin-left: 43%; 
    height: 120px;
}
.product_center{
    text-align: center;
    font-size: 16px;
    color: #808080;
    font-family: sans-serif;
}
.PT{
    font-size: 15px;
    color: #878787;
    font-family: arial;
}
.dark-grey1{
  color:#747474; 
  font-size: 14px !important; 
  font-family: sans-serif;
  border-top: 1px solid #e7ecf1 !important;
}

.bg-darkblue {
    background-color: #55565B !important;
    color: white;
}
 /* Juilee css ends here 30/8/19 */

 /*Juilee css start here 3/9/19*/
/*table css start*/
.table-scrollable1{
     width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 10px 0!important;
}
.table-scrollable1-borderless1.large-table-area:after {
    padding: 29px .6em;
}
.table.table-light1.listing-table1>tbody, .table.table-light1.listing-table1>thead {
    display: block;
}
.table.table-light1.listing-table1>thead {
    background-color: #f0f0f0;
}
.table.table-light1.listing-table1>tbody {
   max-height: 152px;
   overflow-y: auto;
}
.table.table-light1.listing-table1 {
    margin-top: 20px !important;
    font-family: arial;
    /*min-width: 1014px;*/
}
.table.table-light1.listing-table1>thead>tr>th {
    color: #000;
    font-weight: bold;
}
.table.table-light1.listing-table1>thead, .table.table-light1.listing-table1>tbody>tr { 
    display:table;
    width:100%;
    table-layout:fixed;
}
.table.table-light1.listing-table1>thead {
    width: calc( 100% - 1em )
}
.table.table-light1.listing-table1>thead>tr>th, .table.table-light1.listing-table1>tbody>tr>td {
    padding: 9px 15px;
    text-transform: none;
    font-family: arial;
    font-size: 13px;
    white-space: normal;
    vertical-align: top;
}
.table.table-light1.listing-table1>tbody>tr:last-child>td {
    border-bottom: 1px solid #F2F5F8;
}
/*table css end*/
 /*Juilee css end here 3/9/19*/

/*Juilee css start here 9/9/19*/
.negamargtop22{margin-top: -22px !important;}
/*Juilee css end here 9/9/19*/

/*Juilee css start here 16/9/19*/
.live-member{
    font-size: 30px;
    color: black;
    position: absolute;
    bottom: 16px;
    margin-left: -66% !important;
    width: 100%;
}
/*Juilee css end here 16/9/19*/

/*Juilee css start here 20/9/19*/
.marglr20-pc{
    margin-right: 20%;
}
.marglr27-pc{
    margin-right: 27%;
}

.marglr5{
margin-left: 5px;
}
/*Juilee css end here 20/9/19*/

/*priya css start here 30/9/19*/
.bt_print{
    background-color: #f5f5f5;
border: 1px solid #ccc;
color: #000000;
font-size: 14px;
margin-left: -5px;
padding: 5px 20px;

border-radius: 50px !important;
display: inline-block;
 }
 .bt_print:hover{
 text-decoration: none;

 }
/*priya css end here 30/9/19*/

/*Juilee css start here 10/10/19*/
.view-centers-sold{
width: 35% !important; 
margin-left: 17% !important;
}

.view-center-ul{
margin-left: -11% !important;
margin-bottom: -12% !important;
cursor: pointer;
}

.view-center-ul :hover{ 
    background-color : rgb(167, 165, 165);
color: white; }

.view-center-button{
    margin-right: 5px !important;
    margin-top: 4px !important;
   }  

.popup-header{
    border-bottom: 1px solid #EFEFEF;
    padding: 2px;
}
/*Juilee css end here 10/10/19*/


/*Juilee css start here 14/10/19*/
.negamarglr40{
margin-left: -40px;
}

.margrl20{
    margin-right: 20px;
}
/*Juilee css end here 14/10/19*/

/*Juilee css start here 16/10/19*/
.search-area1 .form-control.search-box1 {
    background-color: #aaaaaa24;
    height: 46px;
    border: solid 1px #9e9e9e91;
}
.search-area1 {
    position: relative;
}

.search-area1:before {
    content: '';
    background: url(../../layouts/layout/img/search-icon.png);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
}

.search-area1 .search-box1::placeholder
{ 
    font-size: 15px;
    color: grey;
}

.button-1{
    min-width: 100px;
    padding: 13px 25px;
    border: 1px solid transparent;
    font-size: 14px;
    color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#5fe3ec), to(hsl(184, 41%, 51%)));
    font-weight: 600;
}
.search-bar-1{
    padding-left: 40px !important; 
}
/*Juilee css end here 16/10/19*/

/*changed in components.min.css for making radio button in grey color for upgrade2-cont-test.html 16/10/2019 */
.md-radio label>.box {
    top: 0;
    /*border: 2px solid #666;  original value*/
    border: 2px solid #ccc; /* updated value */
    height: 20px;
    width: 20px;
    border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
    z-index: 5;
}

.md-radio label {
    cursor: pointer;
    padding-left: 30px; /* updated value*/
}

.msgbg {background-color: #faeaa9; border-left: 4px solid #f3cc31;}
.msgbg-blue {background-color: #f5f8fd; border-left: 4px solid #8bb4e7;}
.font118 { font-size: 18px; }

/* deepak css ends here .  */

 /*priya start here 17/10/19 */
select{
    color: #50555f !important;
}
/*priya end here 17/10/19 */

/*Juilee css start here 18/10/19*/
.center-select{
    width: 80%;
    margin-left: 3%;
    margin-top: 5%;
}
.negmarglr73{
    margin-left: -73px !important;
}
/*Juilee css end here 18/10/19*/ 

/*priya start here 18/10/19 */
.modal-backdrop.in {
    opacity: .7 !important;
    filter: alpha(opacity=10);
}

        .loader,
.loader:after {
  border-radius: 50% !important;
  width: 70px;
    height: 70px;
    top:50%;
    left: 50%;
}
.loader {
 
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 6px solid rgba(255, 255, 255, 0.2);
  border-right: 6px  solid rgba(255, 255, 255, 0.2);
  border-bottom:  6px  solid rgba(255, 255, 255, 0.2);
  border-left: 6px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  outline: none;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*priya end here 18/10/19 */

/*Juilee css start here 24/10/19*/
.negamarglr30{margin-left: -30px;}
.negamarglr15{margin-left: -15px !important; }
.marglr15{ margin-left: 15px;}
/*Juilee css end here 24/10/19*/

/*priya end here 25/10/19 */
.height_prt{height: 60px;}
/*priya end here 25/10/19 */

/*Juilee css start here 26/10/19*/
.bttn-curved{border-radius: 50px !important;}
.refund-date{
    margin-top: -26px;
    margin-left: 7%;
}
/*Juilee css end here 26/10/19*/

/*Juilee css start here 30/10/19*/
.cboEmrGrp .select2.select2-container.select2-container--bootstrap {
    border: 1px solid #c2cad8 !important;
    box-shadow: none !important;
}

.cboEmrGrp .select2-selection__rendered {text-align: left !important; padding-top: 7px !important;}

.cboEmrGrp .select2-selection__arrow {display: block !important;}

.tooltip1 {position: relative;display: inline-block;}
  
  .tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 530px;
    background-color: white;
    color: #333;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -11px;
    left: 110%;
    box-shadow: -1px 0px 6px 1px #888888;
  }
  
  .tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #888888 transparent transparent;
  }
  
  .tooltip1:hover .tooltiptext1 {visibility: visible;}

  .info-credit{cursor: pointer;margin-top: -3px;margin-left: -11px;}

  .marglr11{margin-left :11px;}
  /*Juilee css end here 30/10/19*/

/*Juilee css start here 5/11/19*/
.dot{
    height: 4px;
    width: 4px;
    background-color: #060606;
    border-radius: 50% !important;
    display: inline-block;
  }

.product-svg{ 
 width: 90%;
 height: 60%;
}
 /*Juilee css end here 5/11/19*/

/*Juilee css start here 11/11/19*/
.width435{width: 435px !important;}
.padlr2{padding-left: 2px;}
.padlr17{padding-left: 17px;}
.padrl17{padding-right: 17px;}
.padlr47{padding-left: 47px;}
.margrl40{margin-right: 40px;}
.negamarglr17{margin-left: -17px !important;}
 /*Juilee css end here 11/11/19*/

 /*Juilee css start here 19/11/19*/
 .swal-title {
    color: rgba(0, 0, 0, .65);
    font-weight: 600;
    text-transform: none;
    position: relative;
    display: block;
    padding: 13px 16px;
    font-size: 27px;
    line-height: normal;
    text-align: center;
    margin-bottom: 0;
 }
 .swal-text {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, .64);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
 }
 /*Juilee css end here 19/11/19*/

/*Juilee css start here 27/11/19*/


/*Juilee css start here 27/11/19*/

/*Juilee css start here 28/11/19*/
.rou2{
    padding: 3px 8px;
    font-size: 13px;
    display: inline-block;
    background: #32c5d2;
    color: white;
    border-radius: 25px;
}
.negamargrl10{margin-right: -10px;}
/*Juilee css end here 28/11/19*/

/*Deepak css start here 06/12/19*/
.bluehoki
{
    background: #337AB7 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 11px;
    min-width: 50px;
    padding: 4px;
    text-align: center;
}

.bluehoki:hover 
{
    background: #2E6DA4 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 11px;
    min-width: 50px;
    padding: 4px;
    text-align: center;
}

.vemlwid {width: 110px; max-width: 160px;}
.vemlwid:hover {overflow: visible;}
.emlmsgsgrey {background: #F7F5F6; }
.emlmsgswht {background: #fff; min-height:400px; }

/*Deepak css ends here 06/12/19*/

/*Deepak css starts here 07/12/19*/

.topbar {height:8px;}
.redclr4 {color: #C8102E}
.blueclr5 {color:#337AB7}
.greenclr7 {color: #358732;}

.bgredclr4 {background-color: #C8102E}
.bgblueclr5 {background-color:#337AB7}
.bggreenclr7 {background-color: #358732;}

/*Deepak css ends here 07/12/19*/

/*Deepak css starts here 10/12/19*/
.corpbg3{background-color: #439644; padding:5px;} 
.corpbg4{background-color: #0083d7; padding:5px;} 
.corpbg5{background-color: #4F6168; padding:5px;} 
.margrl4 {margin-right:4px;}  
/*Deepak css ends here 10/12/19*/

/*Deepak css starts here 13/12/19*/
.suspendbg { background-color: #616161; padding:3px; width: 75px;} 


/* priya starts here 17/12/2019 */

.marglr45 {
    margin-left: 45px;
}

/* priya ends here */

/* priya starts here 26/12/2019 */
.marglr175{
    margin-left: 175px;

}
/* priya ends here */

/* priya starts here 3/01/2020*/

.form-group.form-md-line-input.form-md-floating-label .form-control~label {
    font-size: 13px;
    top: 25px;
    transition: .2s ease all;
    color: #999;
}



.portlet.box.blue>.portlet-title,
.portlet>.portlet-body.blue {
    background-color: #59c3c9;
}

.portlet.box.blue {
    border: none;
    border-top: 0;
}

#panel {
    padding: 50px;
    display: none;
}

.portlet>.portlet-title>.tools {
    float: right;
    display: inline-block;
    padding: 12px 0 8px;
}

.cre_ {
    box-shadow: 1px 1px 7px 4px #d8d5d5;
    padding-bottom: 20px;
}

.colr_ {
    color: #000000;
    font-weight: 600;
    font-size: 16px;

}
.bord {
    border-bottom: 2px solid #42c6d4;
    width: 6%;
    /* left: -18px; */
    margin-left: -14px;
}

.bord_ {
    border-bottom: 2px solid #42c6d4;
    width: 11%;
    /* left: -18px; */
    margin-left: -14px;
}

.bord_0 {
    border-bottom: 2px solid #42c6d4;
    width: 13%;
    /* left: -18px; */
    margin-left: -14px;
}

.bord_1 {
    border-bottom: 2px solid #42c6d4;
    width: 16%;
    /* left: -18px; */
    margin-left: -14px;
}
.bord_2 {
    border-bottom: 2px solid #42c6d4;
    width: 19%;
    /* left: -18px; */
    margin-left: -14px;
}


.butt {
    padding: 6px 15px !important;
    background: #47CBD7;
    color: white;
    border: 1px solid #59c3c9;
}

.butt0 {
    padding: 6px 15px !important;
    color: #525252;
    background: white;
    border: 1px solid #afacac;

}

.butt0:hover {
    background: white;
    color: #28919c;
    border: 1px solid #28919c;
   
}


.butt:hover {
    background: white;
    color: #28919c;
    border: 1px solid #28919c;

}

.form-control_ {
    height: 60px;
    border: solid 1px #47CBD7;
    width: 100%;

}


.green-border-focus .form-control_:focus {
    border: 1px solid #3ef927 !important;
}
.ad_s {
    color: #000000 !important;
}

.margb10 {
    margin-bottom: 10px;
}

.dash_{
    border-top: 1px dashed #9aa7c6;
padding: 15px 0px;
}
.backg{
    background: #DFDFDF;

}

/* priya ends here */

/* priya starts here 6/01/2020*/
.padd_drop {
    padding: 0px !important;
    border:none !important; 
    margin-top: -5px;
}
/* priya ends here */

/* Deepak starts here 10/01/2020*/
.formpanel {border: 1px solid #f1f1f1;}
.formpanel .headbg {
    /* background-color: #d7d7d7;  */
     background-color: #b6becb;
    padding: 10px;
}
.formcont > ul {margin: 0px; padding: 0px;}

.formcont > ul > .imptxt
{
    float: left;
    padding-right: 7px;;
    width: 5px;
}

.formcont > ul > .formcont-list-item 
{
    float: left;
    padding-right: 7px;;
    width: 125px;
}

.formcont > ul > .txtarea
{
    float: left;
    padding-right: 7px;;
    width: 70%;
}

.formcont > ul > .formcont-list-tb 
{
    float: left;
    padding-left: 12px;;
    width:50% !important;;
}
.formcont > ul > .formcont-list-tb-smll 
{
    float: left;
    padding-left: 12px;;
    width:25% !important;;
}

.formcont > ul > .formcont-list-tb-mid 
{
    float: left;
    padding-left: 12px;;
    width:37% !important;;
}

/* Deepak ends here 10/01/2020*/

/* Deepak starts here 11/01/2020*/
.wid-bor {min-width: 130px; border-right: 1px solid #ccc;}

.advncdcrt .leftbgcolor {background: #f1f1f1;}
.advncdcrt .leftdrkbgcolor {background: #bfbfbf;}

/* Deepak ends here 11/01/2020*/

/* Deepak starts here 13/01/2020*/

.prodtab tr.selctd {  background-color:#F5F5F5;    border-bottom: 2px solid #DFE7F0;
}
.dashed-border {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

    .dashed-border span {
        border-bottom: 1px dashed #d7d7d7;
        width: 100%;
        display: block;
        padding-bottom: 2px;
    }
/* Deepak ends here 13/01/2020*/

.dashborcapt {
    border: 1px dashed #888282 !important;
}

.opacity5 {opacity: 0.5;}

/* Deepak ends here 14/01/2020*/

/* Deepak starts here 15/01/2020*/

/*.nobortab td.nobortop {border-top:none !important;} */
.nobortab td div.margrl22 {margin-left:22px !important; }
.nobortab th {background-color: #E4E7EE; }

/* Deepak starts ends 15/01/2020*/

/* Deepak starts ends 16/01/2020*/
.campboxshadow {
    /* border: 1px solid #ddd; */
   /* padding-bottom: 20px; */
}

.brndbg { background-color: #BCC5D7 !important; padding: 8px;border-top: 1px solid #e7ecf1; color: #50555e !important;}
.nobortab th.nobortop {border-top:none !important; }
.nobortab th.drkbg {background-color: #B6BECB; }
.nobortab .padtopbot10 {padding: 15px 10px;}
.ctrlht {height: 35px !important;}
.nobortab .wid49pc {width: 49%;}


/* Deepak ends ends 16/01/2020*/

/* priya starts here 17/01/2020*/

.bttn_2{
    padding: 10px 30px;
  
    background: #bbbaba;
    color: white;
} 

.bttn_2:hover {
    background-color: #929191 !important;
    border-color: #929191 !important;
    color: #fff !important;
}

.margleft70 {margin-left: 70px;}


.buttn_G{
    min-width: 75px !important;
    font-size: 13px;
     }

    
/* priya ends here */


/* Deepak ends starts 17/01/2020*/
.marglr30pc {margin-left: 30%;}


/* Deepak ends ends 17/01/2020*/


/* Deepak css starts 20/01/2020*/
.marg0 {margin:0px !important;}
.negamargtop20 {margin-top:-20px !important;}
.table.table-light.listing-table {
   /* margin-top: 20px !important; */
    font-family: arial;
    /*min-width: 1014px;*/
}
.wid110 {width: 130px !important; }

.table.table-light.listing-table > thead > tr > th, .table.table-light.listing-table>tbody>tr>td {
    padding:8px;
    text-transform: none;
    font-family: arial;
    font-size: 13px;
    white-space: normal;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
}

.bs_border > thead > tr > th , .bs_border > tbody > tr > td{
    border: 1px solid #dddddd !important;
    border-top: none !important;  
    /* border-left: none !important;   */
    
}

/* Deepak css ends 20/01/2020*/

/* priya starts here 21/01/2020*/
.multigroup li:not(.ms-select-all) label:not(.optgroup){
    padding-left:25px !important;
    }

/* priya ends here */

/* Deepak starts here 21/01/2020*/

.table.table-light.listing-table > thead > tr.headbg > th.drkbg {width: 130px;}
.table.table-light.listing-table > tbody > tr.selctd > td.wid {width: 130px;}


/* Deepak ends here 21/01/2020*/


/* priya starts here 23/01/2020*/

.optionGroup {
    font-weight: bold;
   
}

.Refral_package{
   
    height: 26px;
}
    


.table.table-light.listing-table > thead > tr.headbg_1 > th.drkbg {width: auto;}
.table.table-light.listing-table > tbody > tr.selctd_1 > td.wid {width: auto;}

.prodtab tr.selctd_1 {
    background-color: #BAC8D7;
    border-bottom: 1px solid #DFE7F0;
}


.prodtab th {
   
    border-top: 1px solid #dddddd !important;
}

/* priya ends here */


/* priya  starts here 28/01/2020*/

.txt_color
     {
        color:#000000;
        font-weight: 500;
       
     }

     .margbot50 {
        margin-bottom: 50px;
    }

    /* priya ends here */

    /* priya  starts here 29/01/2020*/
    .filter_bg{
        border: 1px solid #ebebeb;
    background: #F8F8F8;
    }
   /* priya ends here */


    /* priya  starts here 31/01/2020*/
   .Redborleft{
    border-left: 4px solid #e75059 !important;
    }
   .Gedborleft{
    border-left: 4px solid #616161 !important;
      }
    .bluborleft {
       border-left: 4px solid #33cbf4 !important;
          }
     .font_btn{
        font-weight: 600;
     }   
     
     .width_input{
         widows: 422px !important;
     }
 /* priya ends here */


    /* priya  starts here 3/02/2020*/
 .inactive{
    opacity: 0.4;
}
.offermax-w{
    max-width:75%; 
}
   /* priya ends here */

   
/* deepak  starts here 5/02/2020*/
    .aquabg-big {background: #5ac3c9; width: 45px; height: 45px; border-radius:22px !important;}
    .cent-txt{font-size:25px; color: #fff; text-align: center;  padding:10% 0; font-weight: bold;}
    .marglr15 {margin-left: 15px;}
    .aquabg-borbot-8{border-bottom:4px solid #5ac3c9 !important;}
    .aquabg-bortop-2{border-bottom:2px solid #5ac3c9 !important;}
    .padleftright10{padding-left: 20px; padding-right: 20px;}
    .bortop-sngl {margin-top: 28px;}
    .prods-diffrntor { border-top: 2px solid #DADDE7; margin: 2px;}

   /* deepak  ends here 5/02/2020*/

/* priya  starts here 11/02/2020*/


   .font1_Gets{
    color: #2181CC;
    font-size: 38px;
    font-weight: 500;
    font-family: Arial;
   }
   
   .font2_Gets{
    color: #232323;
    font-size: 25px;
    font-weight: 500;
    font-family: Arial;
   }
   .font3_Gets{
    color: #616161;
    font-size: 13px;
   
    font-family: Arial;
   }
   .Gets_bg{
    background: transparent linear-gradient(269deg, #2181CC 0%, #2AA2CF 49%, #33C5D2 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 5px #00000059;
    opacity: 1;
    padding: 50px 0px;
   }
   .white_col{
    color: #FCFCFC !important;
    font-size: 25px;
   }
   .Gets_box{
    box-shadow: 1px 1px 5px 2px rgb(105, 104, 104);
    padding: 40px 0px;
    background-color: #fff;
    cursor: pointer;
   }
   .Gets_box:hover{
    background-color: #33c5d2;
    color: #fff;
   }
   .text_color{
    color: #2b2b2b;
    font-weight: 600;
    font-size: 17px;

   }
   .text_color:hover{
    color: #fff;
   }
   .Gets_bg_color{
    background: #F5F5F5;
    padding: 50px 0px;
   }
   .tex_col{
    color: #33C5D2;
    font-size: 21px;
   }

   
   .chatbox-holder {
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    height: 0;
  }
  
  .chatbox {
    width: 400px;
    height: 400px;
    margin: 0 20px 0 0;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    display: flex;
    flex-flow: column;
    border-radius: 10px 10px 0 0;
    background: white;
    bottom: 0;
    transition: .1s ease-out;
  }
  
  .chatbox-top {
    position: relative;
    display: flex;
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
    background: rgba(0, 0, 0, .05);
  }
  
  .chatbox-icons {
    padding: 0 10px 0 0;
    display: flex;
    position: relative;
  }
  
  .chatbox-icons .fa {
    background: rgba(220, 0, 0, .6);
    padding: 3px 5px;
    margin: 0 0 0 3px;
    color: white;
    border-radius: 0 5px 0 5px;
    transition: 0.3s;
  }
  
  .chatbox-icons .fa:hover {
    border-radius: 5px 0 5px 0;
    background: rgba(220, 0, 0, 1);
  }
  
  .chatbox-icons a, .chatbox-icons a:link, .chatbox-icons a:visited {
    color: white;
  }
  
  .chat-partner-name, .chat-group-name {
    flex: 1;
    padding: 0 0 0 95px;
    font-size: 15px;
    font-weight: bold;
    color: #30649c;
    text-shadow: 1px 1px 0 white;
    transition: .1s ease-out;
  }
  
  .chatbox-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  
  .chat-messages {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding: 10px;
    overflow: auto;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    flex: 1;
  }
  
  .message-box-holder {
    width: 100%;
    margin: 0 0 15px;
    display: flex;
   
    align-items: flex-end;
  }
  
  .message-sender {
    font-size: 12px;
    margin: 0 0 15px;
    color: #30649c;
    align-self: flex-start;
  }
  .message-reciver {
    font-size: 12px;
    margin: 0 0 90px;
    color: #30649c;
    
  }
  
  
  .message-box {
    padding: 6px 10px;
    border-radius: 6px 0 6px 0;
    position: relative;
    background: rgba(100, 170, 0, .1);
    border: 2px solid rgba(100, 170, 0, .1);
    color: #6c6c6c;
    font-size: 12px;
  }
  
  .message-box:after {
      content: "";
      position: absolute;
      border: 10px solid transparent;
      border-left: 10px solid rgba(100, 170, 0, .2);
      right: -22px;
      top: -1px;
  }
  
  .message-partner {
    background: rgba(0, 114, 135, .1);
    border: 2px solid rgba(0, 114, 135, .1);
    align-self: flex-start;
  }
  
  .message-partner:after {
      right: auto;
      bottom: auto;
      top: -2px;
      left: -12px;
      border: 10px solid transparent;
      border-right: 10px solid rgba(0, 114, 135, .2);
      border-left: none;
  }
  
  .chat-input-holder {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, .1);
  }
  
  
  .chat-input:focus, .message-send:focus {
    outline: none;
  }
  
  .message-send::-moz-focus-inner {
      border:0;
      padding:0;
  }
  
  .padding_getstart{
    padding: 50px 150px;
   
  }
  
     /* priya ends here */



/* priya  starts here 12/02/2020*/

.packtab {
    width: 3000px;
    }
    .packtab th {
        padding: 8px;
    }
    .packtab > tbody > tr >  td {
        padding: 8px;
    }


.packageaddtable{
    min-height: 430px;
    overflow-x: auto;
    overflow-y: auto;
   
}
 

.packtabsngl { width: 100%;}
.packtabsngl th { padding: 8px;}
.packtabsngl > tbody > tr >  td { padding: 8px;} 

/* Deepak css ends here - 17 Feb 2020 */

/* Deepak css starts here - 18 Feb 2020 */
.alignright {text-align: right;}

.input-icon.right-left>i {
    left: auto;
    right: 12px;
    float: right;
    font-size: 20px;
    color: #666666;
    cursor: pointer;
}
.input-icon>.form-control {
    padding-left: 13px;
}

/*priya start here 25/02/2020*/
.shift_txt_color{
    font-size: 12px;
    color: #696969;
    font-weight: 500;
}
.btn_popup{
    font-size: 12px;
    padding: 4px 11px;
    background: #bbbaba;
    color: #080808;
    max-width: 78px;
}

.btn_popup_1{
    font-size: 12px;
    padding: 4px 11px;
    max-width: 78px;
}
.text_optioncolor{
    color: #37a5af;
}
.popup_display{
    display: inline-flex;
}

.negmarglr25{
    margin-left: -25px !important;
}

.negmarglr15{
    margin-left: -15px !important;
}
.negmarglr45{
    margin-left: -45px !important;
}

.uploadbtn{
    padding: 2px 6px !important;
}

.select_opacity {
    opacity: 0.6;
}
/*end here */
  
/* Deepak css starts here - 04 Mar 2020 */

.greyborbot4 {
    border-bottom: 2px solid #eaf0f7;
}

.create_profile_page_updt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f6f8fa;
    border-color: -moz-use-text-color #f1f2f6 #f1f2f6;
    border-image: none;
    border-width: 0 10px 10px;
    height: auto;
    display: inline-block;
    width: 100%;
}

.margbot30 {
    margin-bottom: 30px;
}
.table.table-light.listing-table > thead {
    /* background-color: #f0f0f0;
    border-bottom: solid 1px #bababa !important; */
    padding-top: 6px;
    padding-bottom: 6px;
}
.padcont { padding: 30px ; min-height: 20px;  border:1px solid #ff00ff; }
.greydahed-bor {    border-bottom: 1px dashed #aaaaaa;     margin-top: 10px;     margin-bottom: 15px;}
.shadow-box-nobot {
    -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding-top: 15px;  padding-left: 15px;  padding-right: 15px;  padding-bottom: 0px;
}
.adcritbg { background-color: #bdc5d8; }
.padbot15 {padding-bottom:15px;}
.padtop15{padding-top: 15px;}
.addbggreen {
    background-color: #339266;
    width: 57px;
    height: 27px;
    border-radius: 2px !important;
}
    .addbggreen:hover {
        background-color: #1f5a3f;
        width: 57px;
        height: 27px;
        border-radius: 2px !important;
    }

.confi_bgcolor {
    background-color: #F6F8FF !important;
    /* padding: 10px 10px !important; */
    /*padding-top: 5% !important;*/
}
.assign_bgcolor {
    background-color: #FFF !important;
}
.upprcase {
    text-transform: uppercase;
}

/* Deepak css starts here  - mar 12 2020 */
.shadow-box-nobot {
    -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding-top: 15px;  padding-left: 15px;  padding-right: 15px;  padding-bottom: 0px;
    background-color: #fff;
} /* updtd from above */

.panel-body .brndbg { background-color: #BCC5D7; padding:10px;border-top: 1px solid #e7ecf1;}  /* updtd from above */
.marglr15{ margin-left: 15px;}
.packselbg {background-color: #ddf7f4; padding: 3px 5px; border-radius: 3px !important;}
.greenclr8 {color: #6eceb8;}
.yellowclr1 {color: #f4cc5c;}
.prodselbg {background-color: #f4efc7; padding: 3px 5px; border-radius: 3px !important;}
.advncrlbl{ text-align: right; font-weight: bold; }
.camplbl{
    text-align: right;
    font-weight: bold;;
}


/* priya css starts here  - mar 13 2020 */

.padd60{
    padding: 0px 60px;
}
.popup_table{
    height: 365px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* priya css starts here  - mar 13 2020 */

.padd15{
    padding: 0px 15px;
}
.popup_table{
    height: 365px;
    overflow-y: auto;
    overflow-x: hidden;
    /* width: 1200px;; */
}

.font_editatt{
    font-size: 17px;
    color: #4b4c4e;
    font-weight: 500;

}

/* Deepak css starts here  - mar 14 2020 */
.redfilt {filter: invert(17%) sepia(44%) saturate(7486%) hue-rotate(358deg) brightness(103%) contrast(129%);}
.prodtab tr.selctd_1 {
    background-color: #BAC8D7;
    border-bottom: 1px solid #DFE7F0;
    word-break: break-all; /*added this */
} /* updtd from above */
.table.table-light.listing-table>thead>tr>th {
    color: #525B82;
    font-size:13px;
}/* updtd from above */

.propactab th {
  border-top: 1px solid #dddddd !important;
  font-size: 13px!important;
  padding: 15px;
  
}
.propactab td {
    border-top: 1px solid #dddddd !important;
    font-size: 13px!important;
}
.propactab .headbg {
    /* background-color: #d7d7d7;  */
     background-color: #E4E7EE;
}
/* Deepak css starts here  - mar 17 2020 */
.blueclr1 {color: #2d9cdb;}
.stockselbg {background-color: #d5ebf8; padding: 3px 5px; border-radius: 3px !important;}

/*Priya start here 8/04/2020 */
.offerlstpan-new {border:1px solid #efefef;  border-radius: 5px !important; box-shadow: 0px 3px 10px 0px #efefef; 
    /* border-right:4px solid #59c996; */ padding: 10px 0px; 
}
.disply_flex{
    display: flex !important;
}
.margtop23{
    margin-top: 23px;
}
/*Priya Ends here 8/04/2020 */

/* Deepak css starts here  - Apr 07 2020 */
.pad20lr {padding:0px 0px 0px 20px}
.ht430 {height:430px;}
.resp-img {max-width: 100%; height: auto;}

.addtncbtn {
    min-width: 50px;
    border-radius:5px;
    text-align: center;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
}
.addtncbtn:hover {
    min-width: 50px;
    border-radius:5px;
    text-align: center;
    color: #333;
    background-color: #dcdcdc;
    border: 1px solid #ddd;
    padding: 10px;
}    

/* Deepak css starts here  - Apr 13 2020 */
.workflowbg {background-color:#fff; border:1px solid #eceeed; border-radius:5px !important; min-height:420px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);}
.workflowbg-mid {background-color: #f5f6f8; min-height: 300px; border-top: 1px solid #dddee0; border-bottom: 1px solid #dddee0; }
.ht60 {height: 60px;}
.wid200{width:200px;}

/* Deepak css starts here  - Apr 14 2020 */
.wrkflborder {border:1px solid #dde1e4;}
.orandbg {border:1px solid #dde1e4; background-color:#fff; padding: 2px;  border-radius:15px !important; font-weight:bold;}
.anaprvr:hover{color: #000;}
.prodbatch:hover {background-color: #e6e6e6;}
.prodbatch a {color:#50555f;}

/*Priya start here 17/04/2020 */
.portlet {
    margin-top: 0;
    margin-bottom: 0px !important;
}
.portlet>.portlet-title {
    border-bottom: none;
}
.padtblr{
padding: 15px 20px;

}
.font30{
    font-size: 30px;
}
.negmargtop5 {margin-top:-5px !important;}
.negamarglr35{margin-left: -35px;}
.marglr8{
    margin-left: 8px;
}
/*Priya Ends here 17/04/2020 */

/*Priya Ends here 30/04/2020 */
.add-btn{
    border-radius: 5px !important;
    min-width: 80px;
}

/*Priya start here 30/04/2020 */


/*Priya Ends here 6/05/2020 */

  .brownclr{
    color: #8D6E63;
  }

/*Priya start here 6/05/2020 */

/*Deepak starts here 4/06/2020 */

#threeblock .thblokactive {border: 1px solid #5AC3C9;  background-color: #fff; height: 352px; }
#threeblock .thblokinactive {border: 1px solid #E4E7EE;  background-color: #fff; height: 352px; }
#threeblock .padcon {padding:15px 0px; }
#threeblock .padcon .tick {color: #128E95; font-size:18px; }
#threeblock .actcont { padding: 0px 180px;}
#threeblock .maintxt {font-size: 20px; font-weight: bold; margin-top: 60px;}
#threeblock .act-color{color: #128E95;}   
#threeblock .conttxt {color: #50555F;}
#threeblock .opa2 {opacity: 0.2;}
#threeblock .comngbutn {background-color: #5AC3C9; padding: 12px 17px; border-radius:24px !important; } 
#threeblock .comngbutn:hover {background-color: #45A0A5;}
#threeblock .comngbutn .btntext { font-size:14px; color: #fff; }

#input-container {position: relative; padding: 0; margin: 0;}
#input-container .inputtxt {width:100%; background-color: #fff; border: 1px solid #C2CAD8 !important;  padding: 25px; color: #000; font-size: 15px; padding-left:40px;}
#input-container #input-img { position: absolute; bottom: 15px; right: 35px;  width: 20px; height: auto!important; }

#chtemp {list-style-type: none; }
#chtemp li {display: inline-block; border: 1px solid #C2CAD8; width: 300px; height: 300px; margin-right:39px; position: relative; padding: 40px;}

/*Deepak ends here 4/06/2020 */

/*Deepak starts here 10/06/2020 */
.sellchn-selbg {background-color: #EEEEEE; padding: 20px;}
.spwid-40pc {width: 40%;}
.ht-min330 {min-height:390px;}
.size20n {font-size:20px;}
.padtopbot10 {padding:10px 0px;}

.popup_table-2{
    /* min-height:600px; */
    overflow-y: auto;
    overflow-x: hidden;
    width: 1200px;
}

.ht550 {height:400px; overflow-y: auto;}
/*Deepak ends here 10/06/2020 */

/*Deepak starts here 16/06/2020 - memb-details-subscription */
.mem-details-status .selected {
    background-color: #eaebef;
    display: inline-block;
    float: left;
    padding: 15px;
    width: 100%;
}
.bill_tab_content_listing {
    min-height: 170px;
    position: relative;
}
.bill_tab_content_listing .flex-cont {display: flex; flex-wrap: wrap;}
.bill_tab_content_listing .flex-cont > div {background-color: #EEEEEE; width: 100px; min-height:75px; border-radius:5px !important; margin:15px; text-align: center; padding:7px; font-size:14px;}
/* .bill_tab_content_listing .flex-cont > div:hover {background-color: #DBDBDB;} */

.bill_tab_content_listing .leftbot { position: absolute; bottom: 0px; min-width:80px; left: 15px; } 
.bill_tab_content_listing .rightbot { position: absolute; bottom:0px; min-width:80px; right: 10px; } 

.inv-history-cont {margin: 0 auto; width: 97%;}
.invhist th , td  {font-size:13px !important; cursor: pointer;}

/*Deepak ends here 16/06/2020 - memb-details-subscription */

/*priya start here 19june2020 */
.border-box{
    border: 2px solid #42c6d3 !important;
}
.roundtick{
    background: #42c6d3;
    padding: 6px;
    color: #fff;
    border-radius: 25px;
}
.margrl50{
    margin-right: -50px;
}
.negmargtop45{
    margin-top: -45px;
}
 /*priya end here 19june2020 */

 /* Deepak css starts here 06 Aug 2020 */
 .camplbl-lr{
    text-align: left;
    font-weight: bold;
}

textarea.form-control-wh {
    border:solid 1px #c2cad8;
    width: 100%;
}

textarea.form-control-wh:focus {
    outline: none !important;
    border: 1px solid #93A1BB !important;
    
}
/* Deepak css ends here 06 Aug 2020 */

/* Deepak css starts here 27 Aug 2020 */

.curvdwhtpatch1 .blokbig {width: 184px;}
.curvdwhtpatch1 .bloksmll {width: 128px;}
.wrdwrap {word-break: break-word;}
.margrl3 {margin-right:3px;}  

/* Deepak css starts here 27 Aug 2020 */

/* Deepak css starts here 08 Oct 2020 */

.add-product-internal-table td:nth-child(10) {
    width: 8%;
}
.add-product-internal-table td:nth-child(11) {
    width: 8%;
}
.add-product-internal-table td:nth-child(12) {
    width: 8%;
}
.add-product-internal-table td:nth-child(13) {
    width: 8%;
}
/* Deepak css starts ends 08 Oct 2020 */

/***************************************************************** ***************************************************************
************************************* MEDIA  QUERY STARTS HERE *********************************************************************/

/*********** max-width:1300px & min-width:1300px starts ***********/

@media (min-width: 1365px) 
{
    #greybor {width:550px}
    #srchclnt {width:530px}
}

@media (min-width: 1300px) and (max-width: 1365px)
{
    #greybor {width:540px}
    #srchclnt {width:520px}
}

@media (min-width:1201px) and (max-width:1300px) {
    
    .size20{
        font-size: 13px;
    }
    .size14 {
        font-size: 12px;
    }

    span.rate-n {
        display: inline-block;
        margin-top: 5px;
    }

    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-book,
    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-edit {
        margin-top: 0;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-text {
        width: 61%;
    }

    #greybor {width:400px}
    #srchclnt {width:380px}
}
/*********** max-width:1300px ends ***********/

/*********** max-width:1200px starts ***********/

@media all and (max-width:1200px) {
    
    .size20{
        font-size: 13px;
    }
    .size14 {
        font-size: 12px;
    }

    .page-header-top .input-icon {
        width: 36%;
    }

    .top-content span:last-child {
        float: left;
        margin-top: 4px;
    }

    .bill_tab_content_invoice {
        margin-top: 0;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {
        width: 16%;
        text-align: left;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {
        width: 44%;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-status {
        width: 35%;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .wd-min {
        width: 100% !important;
        margin-top: 5px;
    }

    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-date {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }

        .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-date p {
            width: auto;
            float: left;
            padding: 0 10px;
        }

        .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-date span {
            line-height: 12px;
            font-size: 16px;
            float: left;
            width: auto;
        }

    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details {
        width: 100%;
        border: 0;
        padding: 5px 10px;
    }

    .caption i {
        float: left;
        width: 15px;
    }

    .portlet.light > .portlet-title > .caption > .caption-subject {
        font-size: 14px;
        float: left;
    }

    .portlet.light > .portlet-title > .caption {
        width: 100%;
    }

    .refferrals-list li {
        width: 100%;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-text {
        width: 100%;
        display: inline-block;
    }

    .list-wd {
        padding: 0px 0 !important;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item {
        margin-bottom: 18px;
    }

    .follow-up-content {
        width: 48%;
    }

    .renewal-right, .renewal-left {
        width: 100%;
        float: none;
        margin-top: 11px;
        display: table;
    }

    .general-info span {
        margin-left: 24px;
    }

    .client-form .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime,
    .client-form .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-status {
        float: left;
        width: auto;
    }

    .renewal-left .open, .renewal-left .closed {
        width: auto;
        margin-left: 0;
    }
}
/*********** max-width:1200px ends ***********/

/*********** max-width:1024px starts ***********/

@media screen and (min-width: 992px) and (max-width: 1024px) {

    .size20n {font-size:15px;}
    .size25 {font-size:18px;}

    .renewal-right ul li {
        width: 100%;
    }
    .related-members li a {
        margin-left: 10px;
    }

    .table.table-light.listing-table {
        min-width: 1014px;
    }
    .shadow-box {
        padding: 10px;
    }
    .switch {
        margin-top: 0;
        right: 20px;
        top: 8px;
    }
    .switch label {
        cursor: pointer;
        font-size: 10px;
    }
    .graph-top-area img {
        width: 25px;
        left: 20px;
        top: 5px;
    }
    .col-md-6.graph-chart-area img {
        width: 25px;
    }
    .switch label .lever {
        margin: 0 .3rem;
    }
    #Monthly-invoice-graph {
        height: 220px;
    }
    .page-wrapper-new .portlet.light>.portlet-title>.nav-tabs>li>a {
        font-size: 12px;
        padding: 12px 5px 25px;
    }
    .page-wrapper-new .profile-content .portlet.light {
        padding: 40px 0 0 30px;
    }
    .page-wrapper-new .form-area {
        padding: 0px 30px 35px;
    }
    .table-scrollable-borderless:after {
        right: -330px;
    }
    .table-scrollable-borderless.large-table-area:after {
        right: -310px;
    }

    #greybor {width:268px}
    #srchclnt {width:245px}


    /*Priya start here 7/04/2020 */
   
   .size20{
    font-size: 13px;
    }
   .size14 {
    font-size: 12px;
     }
   .size16 {
    font-size: 13px;

     }
    /*Priya ends here 7/04/2020 */
     /*Priya start here 14/04/2020 */

     .modal, .modal.container, .modal.modal-overflow {
        top: 1%;
       
        width: 700px !important;
    }
    .modal.listing-modal{
        top: 22% !important;
    }
 /*Priya Ends here 14/04/2020 */
 
  /*Priya start here 20/04/2020 */
  .negamarglr35{margin-left: 0px;}
   /*Priya Ends here 20/04/2020 */
}

/*********** max-width:1024px ends ***********/

/*********** max-width:991px starts ***********/

@media all and (max-width:991px) {
    .choose-freeze span {
        font-size: 15px;
        padding: 0;
    }

    .page-header-top .input-icon {
        width: 23%;
    }

    .transfer-search-content ul li {
        border-bottom: 1px solid #ccc !important;
        border-top: 0 !important;
    }

    .top-content span:first-child {
        width: 100%;
    }

    .follow-up-content {
        width: 33%;
    }

    .renewal-left .open, .renewal-left .closed {
        margin-left: 0;
    }

    .refferrals-list li {
        width: 47%;
    }

    #responsive .form-follow .form-group label {
        padding: 0 15px;
    }

    .tabw .col-sm-1 {
        width: 14%;
        display: inline;
    }


    .caption span.caption-subject {
        padding-left: 10px;
    }

    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-book {
        width: auto;
    }

    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-name {
        font-size: 14px;
    }

    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-instuctor,
    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-details > .appoint-time {
        font-size: 12px;
    }

    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-book,
    .mt-element-list .list-default.mt-list-container ul.appointment li > .appoint-edit {
        margin-top: 12px;
    }

    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-text {
        padding: 0 0 6px 0;
    }

    .profile_overly span {
        text-align: center !important;
    }

    .profile-sidebar .profile-other, .profile-sidebar .profile-usertitle {
        width: 50%;
        display: inline-block;
    }

    .profile-sidebar .clearfix::after {
        display: none;
    }

    .related-members li a {
        margin-left: 10px;
    }

    .renewal-left .open {
        margin-left: 222px;
    }

    .renewal-left .closed {
        margin-left: 210px;
    }

    
  /*Priya start here 20/04/2020 */
  .negamarglr35{margin-left: 0px;}
  /*Priya Ends here 20/04/2020 */
}
/*********** max-width:991px ends ***********/

/*********** max-width:767px starts ***********/

@media all and (max-width:768px) {
    
    .pad20lr {padding:0px !important; margin-top:10px !important;}

    .packageaddtable {
        width: 614px;
    }
    .advncrlbl {
        text-align: left;
        font-weight: bold;
    }
    .camplbl {
        text-align: left;
        font-weight: bold;
    }
    .size20 {
        font-size:15px;
    }
    
    .freeze-block {
        margin-bottom: 10px;
    }

    .freeze-block {
        padding: 0;
    }

    .freezing-comment {
        margin-top: 10px;
    }

    .main-content-new .portlet.light {
        border: 0 none !important;
        padding: 10px 0 0;
    }

    .follow-up-new {
        margin: 0 6px 64px;
    }

    #help-support .modal-dialog, #task-list .modal-dialog {
        width: 92%;
    }

    #task-list .tasks-content {
        height: 100%;
    }

    #task-list .portlet.light {
        padding: 12px 0;
    }

    #task-list .mt-actions .mt-action .mt-action-body {
        padding-right: 10px;
    }


    /*.nav.pull-right > li > .dropdown-menu{
        left: 0;
        right: auto;
        margin-left: -30px;
        max-width: 333px !important;
    }*/
    .new-fitness ul li:nth-child(1) {
        min-height: 409px;
    }

    .page-header-top .input-icon {
        width: 61%;
    }

    .main-content-upgrade {
        padding: 15px 15px;
    }

    .mem-details-right > div {
        margin-top: 10px !important;
    }

    .page-footer .footer-setting .f-right-icon {
        margin-right: 10px;
    }

    .bill_tab_content_invoice {
        width: 100%;
    }

    .bill_tab_content {
        padding: 10px 15px;
    }

    .profile-other .space15 {
        margin: 10px 0 !important;
    }

    .more-payment {
        height: auto;
    }

    .bill_tab_content_invoice .invoice table {
        margin: 0 !important;
    }

    .btn-bill button {
        padding: 5px 7px;
    }

    .bill_tab_content_invoice {
        padding-top: 6px;
    }

    .tabs-left.nav-tabs {
        border: 0 none;
    }

    .page-wrapper-top .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-inbox {
        margin-right: 5px;
    }

    .enquiry_part1_text .added-list {
        margin-bottom: 10px;
    }

    .input-field {
        padding-left: 0;
        margin-top: 10px;
    }

    .add_follow_up .text_area_padding {
        padding: 0 15px;
    }

    #responsive .form .form-body {
        padding: 0;
    }

    #responsive .caption span.caption-subject {
        padding-left: 0;
    }

    .client-forms-create-form .form-horizontal label.control-label {
        font-size: 14px;
    }

    #responsive .modal-body {
        padding: 15px 15px 0;
    }

    #responsive .caption {
        margin-bottom: 10px;
    }

/*Priya start here 7/04/2020 */
    
    .margtop-media39 {
        margin-top: 39px !important;
    }
    .margtop-media12 {
        margin-top: 12px !important;
    }
    .size16 {
        font-size: 12px;
    }

    .size14 {
        font-size: 12px;
    }
    /*Priya Ends here 7/04/2020 */
        
/*Priya start here 14/04/2020 */

    .modal, .modal.container, .modal.modal-overflow {
      
       
        width: 700px !important;
        left: 50%;
        
    }
    .modal.listing-modal{
        top: 35% !important;
    }
 /*Priya Ends here 14/04/2020 */

  /*Priya start here 20/04/2020 */
  .negamarglr35{margin-left: 0px;}
   /*Priya Ends here 20/04/2020 */
}

/*********** max-width:767px ends ***********/
/***************************************************************** ***************************************************************
************************************* MEDIA  QUERY ENDS HERE *********************************************************************/


 /*Priya start here 12/05/2020 */
.marglr38-pc{
    margin-left: 38% !important;
}
.marglr41-pc{
    margin-left: 41% !important;
}
.padd5-30{
    padding: 8px 30px !important;
}
.padd5-25{
    padding: 5px 25px !important;
}
.fa-angle-down-icon{
    font-size: 15px;
    font-weight: 800;
}
.marglr33-pc{
    margin-left: 33% !important;
}
.padd5-55{
    padding: 5px 55px !important;
}
.marglr36-pc{
    margin-left: 36% !important;
}
.packtab100 {
    width: 100%;
    }
    
    .packtab100 th {
        padding: 8px;
    }
    .packtab100 td {
        padding: 5px;
    }
   .bordertop{
    border-top: 1px solid #dddddd;
   }

   .select_opacity05 {
    opacity: 0.5;
}
.packageaddtable-new{
  height: 530px;
    overflow-x: auto;
    overflow-y: auto;
   
}
.brand-center{
    background: #dedfe1;
    padding: 5px;
    font-size: 16px;
    font-weight: 700;
}
.backgroundclr-td{
    background-color:#9eacbb;
}
.padd0-10{
    padding: 0px 10px;
}
.greenclr6 {
    color: #207c46;
}


 /*Priya start here 20/05/2020 */
.textmore{
    vertical-align: top !important;
}
.textmore:hover .the_one{
display: block;
}
.the_one{
display: none;
position: absolute;
}

.negmarglr40{
    margin-left:-40px; 
}
.search-btn {
    /* min-width: 100px; */
    padding: 7px 22px;
    border: 1px solid transparent;
    font-size: 14px;
    color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#5fe3ec), to(hsl(184, 41%, 51%)));
    font-weight: 600;
}
 /*Priya start here 20/05/2020 */
.negmarglr30{
    margin-left: -30px !important;
}
.eyeicon{
    font-size: 14px;
    color: #1572e6;
}
.packtab-popup {
    width: 2000px !important;
}
.packageaddtable-popup {
    /* min-height: 430px; */
    overflow-x: auto;
    overflow-y: auto;
}
.negmargtop22 {
    margin-top: -22px;
}
.marglr65 {
    margin-left: 65px;
}
.bill_tab_content_invoice .invoice table {
    border-bottom:none !important;
    margin:0px !important;
}

 .bill_tab_content_invoice .invoice table tr td {
    padding: 11px 8px !important;
}  
.table-payment {
    font-size: 13px !important;
    border-top: none !important;
    padding: 15px 8px !important;
    color: #B2B2B3 !important;
}

.negamargtop20{
    margin-top: -20px !important;
}

.imgwid{
    height: 300px;
    width: 300px;
}

/*Priya start here 18/06/2020 */	
.roundcss{	
    background: #d8d8d8;	
    height: 55px;	
    width: 55px;	
    text-align: center;	
    border-radius: 55% !important;	
    padding: 18px 0px;	
    color: #4c4c4c;	
    font-weight: 800;	
}	
.paddlr6:before{	
    content: '';	
    position: absolute;	
    display: block;	
    width: 2px;	
    background: #e3dfdf;	
    top: -35px;	
    bottom: 55px;	
    right: 120px;	
}	
.paddlr6:after{	
    content: '';	
    position: absolute;	
    display: block;	
    width: 2px;	
    background: #e3dfdf;	
    top: 0px;	
    bottom: -41px;	
    right: 120px;	
    margin-top: 55px;	
 }	
.paddlr6{	
    padding-right: 6%;	
}	
.btnpadd{	
    padding: 6PX 25PX;	
    font-weight: 600;	
}	
.cyanclr{	
    color: #42c6d3 !important;	
}	
.margrl40per{	
    margin-right: 40%;	
}	
/*Priya start here 27/06/2020 */	
.margtop110{	
    margin-top: 110px;	
}	
 .hgt210{	
    height: 210px;	
 }	
 	
 .boxtext {	
    width: 270px;	
    height: 476px;	
    position: absolute;	
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);	
    display: flex;	
    flex-flow: column;	
    background: white;	
    bottom: 173px;	
    right: 104px;	
    transition: .1s ease-out;	
    padding: 0px 20px;	
    font-size: 13px;	
    line-height: 23px;	
}	
 .boxinsidetxt{	
    /* overflow: auto; */	
    display: flex;	
    flex-flow: row wrap;	
    align-content: flex-start;	
    flex: 1;	
    margin-top: 45px;	
 }	
 .negmargtop40{	
    margin-top: -40px;	
}	
/*Priya start here 03/07/2020 */	
.padd2-10{	
    padding: 2px 10px !important;	
}	
.step {	
    background: #ff8d4429;	
    border-radius: 100% !important;	
    -moz-border-radius: 0.8em;	
    -webkit-border-radius: 0.8em;	
    color: #f2682d;	
    display: inline-block;	
    margin-left: 5px;	
    text-align: center;	
    width: 57px;	
    height: 57px;	
    padding: 16px;	
    font-size: 20px;	
    margin-top: 10px;	
    font-weight: 700;	
    }	
.iconbox{	
    background: #c2dcf1;	
    padding: 10px 14px;	
}	
.iconbox1{	
    background: #ccedd6;	
    padding: 10px 20px;	
}	
.iconbox2{	
    background: #ffedd2;	
    padding: 10px 15px;	
}	
.iconbox3{	
    background: #f9c2be;	
    padding: 10px 21px;	
}	
.yellow_col {	
    color:#fba930 !important;	
    font-size: 25px;	
    padding: 0px 145px;	
}

/* Custom Arrow */
/* .prev{
	color: #999;
	position: absolute;
	top: 38%;
	left: 1em;
	font-size: 1.5em;
		
}
.next{
	color: #999;
	position: absolute;
	top: 38%;
	right: 1em;
	font-size: 1.5em;
} */

/*Priya start here 13/08/2020 */
.wid100{
    width: 100%;
}
/*Priya start here 13/08/2020 */
.disflex{
    display: inline-flex;
}
.wid70{width: 70%;}