/* ===================
    Custom stylesheet
===================*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

body {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #666;
    padding: 0px !important;
    background: #fff;
    display: flex !important;
    flex-direction: column;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

a {
    color: #2d4b7b;
}

    a:hover {
        text-decoration: none;
        color: #ed3237;
    }

a, p, h2, button, .btn, :before, :after,
.user-box-left .dropdown-menu,
header .navbar-brand img,
header .nav.navbar-nav.menu-top,
.bg-white .stats-icon i,
.widget.widget-stats.bg-white,
.custom-title .btn.btn-white,
.btn.btn-warning i,
.plans-wrp .plan-single,
.plans-wrp .plan-single .plan-head h2,
.plans-wrp .btn,
.contact-no-box li:before,
.about-single-box .about-icon-box img,
header, .hero-slider-wrp .carousel-control,
b.caret,
.indexing-box,
.user-manual-video a,
.user-manual-video a:after,
.ams-chat-bot, .other-box .view-btn:after,
.navbar-toggle .icon-bar,
.ess-utilities .icon,
.ess-utilities .dscb,
.ess-utilities p,
.feedback-box,
.single-sup-device,
.user-manual-video,
.upload-btn-box span i,
.upload-btn-box,
.document-repositary-box li .icon,
.geofence-list-box .geofence-list,
.geofence-list-box .geofence-list span.geo-set-location,
.geofence-list-box .geofence-list:before,
.birthday-list > li > a .wish-card,
.about-single-box,
.advantages-single-box,
.advantages-icon-box img,
.advantages-man img,
.social-links li a i,
.step-process-wrp li .icon img,
.step-list li .icon i,
.parsley-success,
.login-wrp .login-form-box,
.wizard-box,
.support-content .step-list li,
.cost-saving-wrp .single-cost-saving,
.case-list li,
.helpdesk-list .single-request,
.single-version,
.single-version .ver-number,
.single-version .ver-number h4,
.single-version .ver-number p,
.login-form-box,
.cp-dress .dress-sizes li,
.advantages-single-box,
.facilitation-map-box .facilitation-single-user,
.facilitation-map-box .facilitation-single-user a h4,
.facilitation-map-box .facilitation-single-user a p,
.facilitation-map-box .facilitation-single-user a:before, .single-cis-box, .single-joiner-box,
.payment-opt li img,
.user-manual-video .user-manual-video-pic img,
.enterprise-plan-box,
.step-list li .icon:before {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

i {
    font-style: normal;
}

label {
    color: #666;
}

::selection {
    background: #ed3237;
    color: #fff;
}

.readonly {
    background: #fff !important;
}

div#page-container {
    flex: 1 0 auto;
}

/*==== Login Pages =====*/
.login.login-with-news-feed, .register.register-with-news-feed {
    overflow: hidden;
    height: 100%;
}

    .login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
        right: 400px;
    }

    .login.login-with-news-feed .right-content,
    .register.register-with-news-feed .right-content {
        width: 400px;
    }

    .login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header {
        padding: 50px 0px 0px 50px;
    }

    .login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content {
        padding: 30px 50px;
    }

.modal {
    z-index: 999999;
    overflow-y: auto;
}
.modal-dialog.modal-dialog-scrollable .modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
}
.modal-title .alert {
    font-size: 12px;
    padding: 8px 30px 8px 15px !important;
    margin-top: 5px;
    width: auto !important;
    display: inline-block;
}
.small-title {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #5c4113;
    font-weight: 400;
}
.small-title i{
    width: 20px;
    height: 20px;
    background: #8a6d3b;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
}
/* ================== Begin New Login Design =============*/
.login-slider-box .carousel-inner > .item > a > img, .login-slider-box .carousel-inner > .item > img {
    width: 100%;
    height: auto;
    max-width: inherit;
}

.login-wrp {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.login-slider-box {
    width: 100%;
    padding-right: 400px;
    height: 100%;
}

    .login-slider-box .carousel, .carousel-inner, .carousel-inner > .active {
        height: 100%;
    }

        .login-slider-box .carousel .carousel-indicators {
            position: absolute;
            bottom: 0px;
            right: 30px;
            float: right;
            left: inherit;
            width: auto;
        }

            .login-slider-box .carousel .carousel-indicators li {
                float: left;
                width: 20px;
                height: 5px;
                margin: 0px 5px;
                background: rgba(0, 0, 0, .3);
                border: 0px;
            }

                .login-slider-box .carousel .carousel-indicators li.active {
                    background: red;
                    border-color: red;
                }

    .login-slider-box .caption {
        position: absolute;
        bottom: 30px;
        height: auto;
        width: 100%;
        padding: 0px 20px;
    }

        .login-slider-box .caption .container {
            width: 100%;
        }

        .login-slider-box .caption .dscb-box h2 {
            color: #fff !important;
            margin: 0px 0px 10px;
            font-size: 28px;
        }

        .login-slider-box .caption .dscb-box h3 {
            color: #fff !important;
            font-weight: 300;
        }

        .login-slider-box .caption .dscb-box h4 {
            color: #fff !important;
            font-size: 16px;
        }

        .login-slider-box .caption .dscb-box h2 dd {
            display: inline-block;
            margin-left: 2px;
        }

        .login-slider-box .caption .dscb-box span {
            color: yellow;
        }

        .login-slider-box .caption .dscb-box .btn-box {
            margin-top: 25px;
        }

            .login-slider-box .caption .dscb-box .btn-box a {
                border: 1px solid #fff;
                padding: 4px 20px 6px 45px;
                border-radius: 4px;
                font-size: 17px;
                color: #fff;
                margin-right: 10px;
                text-decoration: none;
                float: left;
                position: relative;
            }

                .login-slider-box .caption .dscb-box .btn-box a.white-bg {
                    background: #fff;
                    color: #2d4b7b;
                }

                .login-slider-box .caption .dscb-box .btn-box a:hover {
                    background: #ed3227;
                    border-color: #ed3227;
                    color: #fff;
                }

                .login-slider-box .caption .dscb-box .btn-box a i {
                    margin-right: 5px;
                    position: absolute;
                    left: 15px;
                    top: 10px;
                    font-size: 22px;
                    line-height: 25px;
                }

                .login-slider-box .caption .dscb-box .btn-box a.play-store i {
                    background-image: url(../img/play_store_icon.png);
                    width: 17px;
                    height: 22px;
                    float: left;
                    background-size: 18px;
                }

                .login-slider-box .caption .dscb-box .btn-box a.play-store:hover i {
                    background-position: 0px -30px;
                }

        .login-slider-box .caption .btn-box a.play-store span {
            color: #2d4b7b;
        }

        .login-slider-box .caption .btn-box a span {
            color: #fff;
            line-height: 18px;
            float: left;
        }

        .login-slider-box .caption .btn-box a.play-store span small {
            color: #666;
            opacity: 1;
        }

        .login-slider-box .caption .btn-box a span small {
            display: block;
            font-size: 12px;
            color: #fff;
            opacity: .8;
        }

        .login-slider-box .caption .btn-box a.play-store:hover span, .hero-slider-wrp .caption .btn-box a.play-store:hover span small {
            color: #fff;
        }

        .login-slider-box .caption .dscb-box .dscb h3 {
            margin: 0px;
            font-size: 22px;
        }

.login-wrp .login-form-box .form-group {
    position: relative;
}
/* ====== Login Form CSS ======*/
.login-wrp .login-form-box {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 650px;
    height: 475px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: auto;
    box-shadow: 0px 0px 30px #000;
    -webkit-box-shadow: 0px 0px 30px #000;
}

    .login-wrp .login-form-box.MainHeightAdjust {
        height: 535px;
    }

    .login-wrp .login-form-box .left-sidebar {
        position: absolute;
        width: 300px;
        height: 90%;
        background: #304b7b;
        background: -webkit-gradient(linear, left top, right top, from(#6b4265), to(#304b7b));
        background: -webkit-linear-gradient(left, #304b7b, #6b4265);
        background: -moz-linear-gradient(left, #304b7b, #6b4265);
        background: -ms-linear-gradient(left, #304b7b, #6b4265);
        background: -o-linear-gradient(left, #304b7b, #6b4265);
        top: 5%;
        left: -50px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        overflow: hidden;
    }

        .login-wrp .login-form-box .left-sidebar img {
            margin-left: -28%;
            margin-top: 3px;
        }

    .login-wrp .login-form-box .right-sidebar {
        padding-left: 250px;
    }

    .login-wrp .login-form-box .form-head {
        text-align: center;
        padding: 15px;
        border-bottom: 1px solid #ddd;
    }

        .login-wrp .login-form-box .form-head img {
            float: none;
            display: inline-block;
        }

    .login-wrp .login-form-box .form-body {
        padding: 25px 40px;
        float: left;
        width: 100%;
    }

        .login-wrp .login-form-box .form-body .heading-box {
            margin-bottom: 20px;
        }

            .login-wrp .login-form-box .form-body .heading-box h3 {
                margin: 0px 0px 5px;
                font-size: 20px;
            }

            .login-wrp .login-form-box .form-body .heading-box:after {
                display: none;
            }

        .login-wrp .login-form-box .form-body .form-control {
            height: 36px;
            border: 0px;
            border-bottom: 1px solid #ccc;
            border-radius: 0px;
            padding: 0px;
            box-shadow: none !important;
        }

        .login-wrp .login-form-box .form-body .btn {
            width: 100%;
            padding: 10px;
            background: #2d4b7b;
            color: #fff;
            font-size: 16px;
            border-color: #2d4b7b;
        }

            .login-wrp .login-form-box .form-body .btn:hover {
                background: #ed3237;
                border-color: #ed3237;
            }

            .login-wrp .login-form-box .form-body .btn i {
                margin: 0px 10px;
            }

        .login-wrp .login-form-box .form-body p {
            font-size: 14px;
        }

            .login-wrp .login-form-box .form-body p a i {
                margin: 0px 10px;
            }

            .login-wrp .login-form-box .form-body p a:hover {
                color: #ed3237;
            }

        .login-wrp .login-form-box .form-body .plan-list-popup-box p {
            font-size: 13px;
            line-height: 16px;
        }

        .login-wrp .login-form-box .form-body .plan-list-popup-box span {
            margin: 5px;
            float: left;
        }

.login-form-box .parsley-errors-list {
    bottom: 100%;
}
/* ================== End New Login Design =============*/
/* ================== Begin New Register Design =============*/
.login-wrp.register-wrp {
}

    .login-wrp.register-wrp .login-slider-box {
        padding-right: 500px;
    }

    .login-wrp.register-wrp .login-form-box {
        width: 800px;
        height: 600px;
    }

    .login-wrp.register-wrp .caption {
        height: auto;
    }

.login-wrp .login-form-box .form-group .hint {
    position: absolute;
    right: 0px;
    bottom: calc(50% - 6px);
    font-size: 14px;
}
.login-wrp .login-form-box .form-group .hint {
    right: 36px;
}
.login-wrp.register-wrp .form-body .radio.radio-css span {
    margin-right: 20px;
}

.login-wrp.register-wrp .radio.radio-css {
    margin-bottom: 0px;
}

    .login-wrp.register-wrp .radio.radio-css label, .login-wrp.register-wrp .checkbox.checkbox-css label {
        font-size: 12px;
        font-weight: 600;
        opacity: 1;
    }

.login-wrp.register-wrp .plans-wrp {
    background: transparent;
    padding: 0px;
}

    .login-wrp.register-wrp .login-form-box .selected-plan .carousel-indicators, .login-wrp.register-wrp .login-form-box .selected-plan .carousel .carousel-control, .login-wrp.register-wrp .plans-wrp.selected-plan .heading-box .form-control {
        display: none;
    }

    .login-wrp.register-wrp .plans-wrp.selected-plan .heading-box h2 {
        float: none;
        text-align: center;
    }

    .login-wrp.register-wrp .plans-wrp .container {
        width: 100%;
        padding: 10px 0px;
        height: 100%;
        position: relative;
    }

    .login-wrp.register-wrp .plans-wrp .heading-box {
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        padding: 19px 15px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

        .login-wrp.register-wrp .plans-wrp .heading-box .form-control {
            float: right;
            width: 70px;
            height: 28px;
            padding: 0px;
            margin: -3px 0px;
            background: rgba(255, 255, 255, .2);
            color: #fff;
            border-color: rgba(255, 255, 255, .2);
        }

            .login-wrp.register-wrp .plans-wrp .heading-box .form-control option {
                color: #666;
            }

        .login-wrp.register-wrp .plans-wrp .heading-box h2 {
            float: left;
        }

    .login-wrp.register-wrp .plans-wrp h2 {
        color: #fff !important;
        margin-bottom: 0px;
        font-size: 20px;
    }

        .login-wrp.register-wrp .plans-wrp h2 span {
            color: #fff;
        }

.login-wrp.register-wrp .checkbox.checkbox-css label:before {
    top: -2px;
}

.login-wrp.register-wrp .checkbox.checkbox-css label:after {
    top: -2px;
}

.login-wrp.register-wrp .row {
    text-align: center;
}

.login-wrp.register-wrp .col-md-4 {
    width: 260px;
    display: inline-block;
    float: none;
    margin: 0px 7px;
}

.login-wrp.register-wrp .plan-single {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .login-wrp.register-wrp .plan-single .plan-dscb {
        padding: 7px 15px 15px;
    }

.login-wrp.register-wrp .verified-modal-box {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px 40px 30px;
    box-shadow: none;
}

    .login-wrp.register-wrp .verified-modal-box .register-header {
        color: #333 !important;
        font-size: 24px;
        text-align: left;
        margin: 0px;
    }

        .login-wrp.register-wrp .verified-modal-box .register-header small {
            font-size: 14px;
            margin: 5px 0px;
            color: #666;
        }

    .login-wrp.register-wrp .verified-modal-box .modal-body {
        padding: 0px;
    }

.login-wrp.register-wrp .plans-wrp font {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.login-wrp.register-wrp .plan-single .plan-dscb .radio.radio-css label {
    padding-left: 10px;
}

.login-wrp.register-wrp .login-form-box .form-body .slimScrollDiv {
    overflow: visible !important;
}

    .login-wrp.register-wrp .login-form-box .form-body .slimScrollDiv .slimScrollBar {
        right: -25px !important;
    }

.login-wrp.register-wrp .login-form-box .carousel {
    height: 440px;
    width: 100%;
    float: left;
}

    .login-wrp.register-wrp .login-form-box .carousel .carousel-control {
        background: rgba(255, 255, 255, .4);
        height: 40px;
        opacity: 1;
        width: 40px;
        border-radius: 50%;
        bottom: 0px;
        top: inherit;
        left: 15px;
        opacity: .5;
    }

        .login-wrp.register-wrp .login-form-box .carousel .carousel-control:hover {
            opacity: 1;
        }

        .login-wrp.register-wrp .login-form-box .carousel .carousel-control.right {
            left: inherit;
            right: 15px;
        }

.login-wrp.register-wrp .login-form-box .carousel-indicators {
    bottom: 0px;
}

    .login-wrp.register-wrp .login-form-box .carousel-indicators li {
        margin: 1px 3px;
        background: #fff;
        opacity: .3;
    }

        .login-wrp.register-wrp .login-form-box .carousel-indicators li.active {
            opacity: 1;
        }

.login-wrp.register-wrp .login-form-box .carousel .carousel-control span.glyphicon {
    font-size: 16px;
    margin: 0px;
    width: 40px;
    height: 40px;
    left: 0px;
    top: 0px;
    line-height: 40px;
    text-shadow: none;
    cursor: pointer;
}

.login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(1) .plan-single .plan-dscb .radio.radio-css input:checked + label:after {
    color: #dc9b18;
}

.login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(2) .plan-single .plan-dscb .radio.radio-css input:checked + label:after {
    color: #e16e51;
}

.login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(3) .plan-single .plan-dscb .radio.radio-css input:checked + label:after {
    color: #73bb45;
}

.login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(4) .plan-single .plan-dscb .radio.radio-css input:checked + label:after {
    color: #9458e3;
}

.login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(5) .plan-single .plan-dscb .radio.radio-css input:checked + label:after {
    color: #5290f3;
}

.plan-lodaer {
    color: rgba(255, 255, 255, .8);
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -40px;
    margin-left: -10px;
}

/*captcha*/
.capbox {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
    height: 40px;
}

    .capbox #captcha {
        width: auto;
        float: left;
        cursor: none;
    }

    .capbox input {
        border: 0px !important;
        padding: 2px 0px 2px 15px !important;
        border-left: 1px solid #ddd !important;
        border-radius: 0px !important;
        margin-top: 11px;
        outline: none;
    }

/*captcha end*/
.login-wrp .parsley-success, .login-wrp .parsley-error:focus, .login-wrp .parsley-success:focus {
    background: transparent !important;
    border-color: #2d4b7b !important;
}

.login-wrp .parsley-error {
    background: transparent !important;
    border-color: #ed3237 !important;
}

.field-icon {
    float: right;
    margin-right: 0px
}

.login-form-box.forgot {
    width: 400px;
    height: 420px;
}

.sweet-alert .btn.btn-success {
    color: #fff;
    background: #ed3237;
    border-color: #ed3237 !important;
}

.sweet-alert .btn.btn-success:hover {
    background: #f59100;
    border-color: #f59100 !important;
}

.sweet-alert .btn {
    width: 100px;
    font-size: 14px;
    color: #333;
    margin-right: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0px;
    height: 36px;
}

    .sweet-alert .btn.btn-default:hover {
        background: #f59100;
        border-color: #f59100;
        color: #fff;
    }

.sweet-alert .lead.text-muted {
    padding: 0px 30px;
}

.vierifed-email-success {
    background: #fff url(/assets/img/success-check.png) no-repeat center left;
    height: 50px;
    width: 100%;
    float: left;
    margin: 0px;
    margin-bottom: 10px;
    position: inherit;
    opacity: 1 !important;
    padding-top: 11px;
    text-align: left;
    margin-top: 10px;
    background-size: 50px;
    padding-left: 60px;
}

.alredy-register-box {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 30px 20px;
    border-radius: 4px;
    background: rgba(237, 50, 55, 0.1);
}

.alredy-register-box {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 30px 20px;
    border-radius: 4px;
    background: rgba(237, 50, 55, 0.1);
}

    .alredy-register-box p {
        line-height: 20px;
    }

        .alredy-register-box p a {
            color: #ed3237;
        }

        .alredy-register-box p strong {
            color: #444;
            font-size: 16px;
        }

.otherinput {
    margin-top: 3px;
}

#formRegister .otherinput {
    position: absolute;
    bottom: 0px;
    width: 90%;
    background: #fff !important;
}

/*.login-wrp.register-wrp .parsley-errors-list {
    position: absolute;
    z-index: 999;
    bottom: 60px;
}*/
.login-wrp.register-wrp .parsley-errors-list {
    position: absolute;
    z-index: 999;
    bottom: 30px;
}

.login-form-box.forgot .form-group {
    position: relative;
}

    .login-form-box.forgot .form-group .parsley-errors-list {
        position: absolute;
        z-index: 999;
        bottom: 36px;
        width: 126px;
    }

.login-wrp.register-wrp .small .parsley-errors-list {
    bottom: 30px;
}
/* ================ Plan Register  ============= */
.login-wrp.register-wrp .plans-wrp .plan-single .plan-dscb .radio.radio-css {
    padding: 10px 30px;
    margin-top: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    background: #2d4b7b;
    border: 0px;
    border-radius: 4px;
}

.login-wrp.register-wrp .plans-wrp .plan-single:hover .plan-dscb .radio.radio-css {
    background: #304b7b;
    background: -webkit-gradient(linear, left top, right top, from(#794060), to(#304b7b));
    background: -webkit-linear-gradient(left, #304b7b, #794060);
    background: -moz-linear-gradient(left, #304b7b, #794060);
    background: -ms-linear-gradient(left, #304b7b, #794060);
    background: -o-linear-gradient(left, #304b7b, #794060);
    color: #fff;
}

.login-wrp.register-wrp .plans-wrp .plan-single .plan-dscb .radio.radio-css label {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

    .login-wrp.register-wrp .plans-wrp .plan-single .plan-dscb .radio.radio-css label:before {
        height: 26px;
        width: 26px;
        top: 7px;
        left: 10px;
        background: transparent;
        border-color: #fff;
        border-radius: 50%;
        border-width: 2px;
    }

.login-wrp.register-wrp .plans-wrp .plan-single .plan-dscb .radio.radio-css input:checked + label:before {
    background: #fff;
    border-color: #fff;
}

.login-wrp.register-wrp .plans-wrp .plan-single .plan-dscb .radio.radio-css input:checked + label:after {
    width: 12px;
    height: 12px;
    top: 9.5px;
    left: 14px;
    background: transparent;
    content: "\f00c";
    color: #ed3237;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.login-wrp.register-wrp .plans-wrp .plan-single, .login-wrp.register-wrp .plans-wrp .plan-single:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    position: relative;
    z-index: 99;
    box-shadow: none;
    margin: 0px 15px;
}

.login-wrp.register-wrp .login-form-box .carousel .plan-single .plan-head h2 {
    padding: 25px;
}

.login-wrp.register-wrp .login-form-box .carousel .plan-single .plan-head p {
    padding: 10px;
}

.login-wrp.register-wrp .form-group {
    text-align: left;
}

    .login-wrp.register-wrp .form-group .hint {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 999;
        font-size: 16px;
    }

.login-wrp .login-form-box.verify {
    width: 400px;
    height: 450px;
}

    .login-wrp .login-form-box.verify .virified-box {
        margin: 30px 0px;
    }
/* ================== End New Register Design =============*/
/*====== Dashboard CSS ======*/
header.affix {
    width: 100%;
    background: #fff;
    z-index: 9999;
}

.header.navbar {
    min-height: 55px;
    /*box-shadow: none;*/
    z-index: 99999;
}

#header.header.navbar.affix {
    box-shadow: 0 0 24px rgba(0, 0, 0, .15);
}

.header .navbar-brand {
    height: auto;
    text-align: center;
    position: relative;
    padding: 11px 15px;
}

    .header .navbar-brand img {
        display: inline-block;
    }

    .header .navbar-brand:after {
        content: "";
        width: 1px;
        height: 55px;
        background: #ddd;
        position: absolute;
        right: 0px;
        top: 0px;
    }

.brand-sub-title {
    font-size: 18px;
    color: #2d4b7b !important;
    float: left;
    margin: 15px 12px;
    font-weight: 700;
}
.brand-sub-title .text-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: normal;
}
.brand-sub-title .letter {
    transform-origin: 0 100%;
    display: inline-block;
}




.header .nav.navbar-nav.navbar-right {
    margin-top: 5px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background: #ed3237;
}

.page-header-fixed {
    padding-top: 55px;
}

.content {
    padding: 15px 20px 35px;
    min-height: 97%;
}
.content:before {
    content: "";
    background: #d9e0e7;
    position: absolute;
    width: 100%;
    height: 194px;
    left: 0px;
    top: 55px;
    z-index: -1;
}
.sidebar-bg {
    z-index: 9;
}

.sidebar {
    z-index: 99;
}

.sidebar,
.sidebar-bg {
    background: #fff;
    padding-top: 54px;
}

.sidebar .nav > li.nav-profile {
    color: #0790e8;
    background: #ffffff;
}

.sidebar .nav > li.nav-profile ul.sub-menu {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
}

.sidebar .nav > li.nav-profile ul.sub-menu:before {
    display: none;
}

.sidebar .nav > li.nav-profile ul.sub-menu li a {
    padding: 10px 0px;
}

.sidebar .nav > li.nav-profile ul.sub-menu li a:before, .sidebar .nav > li.nav-profile ul.sub-menu li a:after {
    display: none;
}

    .sidebar .nav > li > a {
        color: #5b6e88;
        font-size: 13px;
        padding: 8px 7px 8px 16px;
    }

.sidebar .nav > li.expand > a,
.sidebar .nav > li > a:focus,
.sidebar .nav > li > a:hover {
    color: #ed3237;
    background: transparent;
}

.sidebar .sub-menu {
    background: #ffffff;
}
.sidebar .has-sub.active .sub-menu {
    border-bottom: 1px solid #e3e3e3;
}
.sidebar .has-sub.active .sub-menu .sub-menu {
    border-bottom: 0px;
}
.sidebar .sub-menu > li > a {
    color: #5b6e88;
    font-size: 12px;
    font-weight: 400;
}
.sidebar .sub-menu > li.active > a, .sidebar .sub-menu > li.active > a:focus, .sidebar .sub-menu > li.active > a:hover, .sidebar .sub-menu > li > a:focus, .sidebar .sub-menu > li > a:hover {
    color: #ed3237;
}
.sidebar .sub-menu:before {
    background: #e3e3e3;
    width: 1px;
}

.sidebar .sub-menu > li > a:before .control-label {
    display: none;
}

.sidebar .nav > li.nav-profile {
    overflow: hidden;
    padding: 0px;
}

.sidebar .sub-menu > li > a i {
    margin-right: 7px;
}

.sidebar .sub-menu > li.active > a {
    font-weight: 600;
    opacity: 1;
}

.text-theme, .sidebar .sub-menu > li.active > a:before {
    color: #ed3237;
    content: "\f111";
}

.sidebar .sub-menu > li > a:hover {
    opacity: 1;
}
.sidebar .nav > li li.has-sub.active > a {
    color: #ed3237;
}
.navbar.navbar-inverse .navbar-brand,
.sidebar .nav > li.active > a,
.sidebar .nav > li.active > a:focus,
.sidebar .nav > li.active > a:hover,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.label.label-theme {
    background: transparent;
    border: 1px solid #ffdbdb;
    color: #ed3237;
    font-weight: 600;
}
.sidebar .nav > li.active > a:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    background: #ed3237;
    left: 0px;
    top: 0px;
    border-radius: 0px 6px 6px 0px;
}
.btn-scroll-to-top {
    background: #2d4b7b !important;
}

    .btn-scroll-to-top:hover {
        background: #ed3237 !important;
    }

.sidebar-minify-btn {
    padding: 5px 5px 5px 10px !important;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-right: 0px;
}

.sidebar-minify-btn i {
    font-size: 18px !important;
    margin: 0 !important;
    color: #2d4b7b;
}

.sidebar-minify-btn span {
    color: #fff;
}

.sidebar-minify-btn:focus, .sidebar-minify-btn:hover {
    background: #f59100 !important;
}
.sidebar-minify-btn:focus i, .sidebar-minify-btn:hover i{
    color:#fff;
}

/* Begin Dropdown Sub Menu CSS */
.sidebar.ess-menu .slimScrollDiv, .sidebar.ess-menu .slimScrollDiv .active {
    overflow: visible !important;
}

.sidebar.ess-menu .dropdown:hover .dropdown-menu {
    display: block;
    left: 100%;
    top: 50%;
    transform: translate(0%, -50%);
    padding: 10px;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
}

.sidebar.ess-menu .dropdown .dropdown-menu:before {
    content: "";
    border: 8px Solid #fff;
    border-bottom: 8px Solid transparent;
    border-top: 8px Solid transparent;
    border-left: 8px Solid transparent;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translate(-0%, -50%);
}

.sidebar.ess-menu .dropdown .dropdown-menu a {
    font-size: 13px;
    color: #555;
}

.sidebar.ess-menu .dropdown .dropdown-menu a:hover, .sidebar.ess-menu .dropdown .dropdown-menu a:focus, .sidebar.ess-menu .dropdown .dropdown:hover a, .sidebar.ess-menu .dropdown .dropdown .dropdown-menu a:hover {
    background-color: rgba(237, 50, 55, .1);
    color: #ed3237;
}

.sidebar.ess-menu .dropdown .dropdown .dropdown-menu {
    display: none;
    left: 100%;
    top: 0px;
    padding: 10px;
}

.sidebar.ess-menu .dropdown .dropdown:hover .dropdown-menu {
    display: block;
}

.sidebar.ess-menu .dropdown .dropdown .dropdown-menu a {
    background: transparent;
    color: #555;
}

.page-sidebar-minified .sidebar .nav > li > a {
    padding: 7px 20px;
}
.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
    
    background: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / .2);
    -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / .2);
    border-radius: 0px 4px 4px 0px;
    padding-left:4px;
}
.page-sidebar-minified .sidebar .nav li.has-sub .sub-menu:before {
   display:none;
}
.page-sidebar-minified .sidebar .nav > li.has-sub:focus > a, .page-sidebar-minified .sidebar .nav > li.has-sub:hover > a {
    background: #fff;
    overflow: visible;
}
.page-sidebar-minified .sidebar .nav > li.has-sub:focus > a i, .page-sidebar-minified .sidebar .nav > li.has-sub:hover > a i {
    color: #ed3237;
}
/* End Dropdown Sub Menu CSS */


.user-box-left a.bg {
    height: 70px;
    background: transparent !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

.user-box-left a .image {
    margin-right: 10px !important;
    position: absolute;
    top: 20px;
    z-index: 9;
    background: #e5e5e5;
}

.user-box-left a .info {
    padding-top: 8px;
    padding-left: 44px;
    padding-right: 10px;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    z-index: 9;
}

b.caret {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    width: 20px;
    height: 20px;
    margin: 0px !important;
}

    b.caret:before {
        content: '\f105';
        display: block;
        text-align: center;
        transition: all .2s linear;
        opacity: .5;
        font-family: 'FontAwesome';
        font-size: 15px;
    }

.user-box-left a .info b.caret {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 9px !important;
}

.page-sidebar-minified .sidebar .caret {
    border: 0px;
    top: 7px;
    right: 3px;
}
li.has-sub.expand b.caret,
.user-box-left.open b.caret {
    transform: rotate(90deg);
}

li.has-sub.expand .sub-menu b.caret {
    transform: rotate(0deg);
}

li.has-sub.expand b.caret:before,
.user-box-left.open b.caret:before,
.user-box-left:hover b.caret:before {
    opacity: 1;
}

li.has-sub.active b.caret:before {
    opacity: 1 !important;
}
.user-box-left a.bg:hover:after {
    background: rgba(45, 53, 60, 0.5);
}

.user-box-left .dropdown-menu {
    height: 0px;
    padding: 0px 0px;
    position: inherit;
    background: #2d353c;
    width: 100%;
    z-index: 1;
    display: block;
    margin: 0px;
    border-radius: 0px;
}

.user-box-left.open .dropdown-menu {
    height: 138px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.user-box-left .dropdown-menu li a {
    color: #a8acb1;
    line-height: 20px;
    padding: 7px 26px !important;
}

    .user-box-left .dropdown-menu li a:hover,
    .user-box-left .dropdown-menu li a:focus {
        color: #fff;
        background: transparent;
    }

    .user-box-left .dropdown-menu li a i {
        font-size: 14px;
        margin-right: 10px;
    }

.sidebar .nav > li > a .new-tag.hint {
    line-height: 0px;
    padding: 4px;
    display: inline-block;
    margin-left: 5px;
    /*border-radius: 0px;
    transform: rotate(45deg);*/
}

.sidebar .sub-menu > li > a .new-tag {
    animation: inherit;
    color: #fff;
    line-height: 16px;
    padding: 0px 7px;
}

.sidebar .nav > li.active > a .new-tag.hint {
    background: #fff;
    animation: inherit;
}
/* End Left Sidebar Menu */
/* Begin Page header */
.page-header {
    font-size: 24px;
    margin: 0 0 15px;
    padding: 0;
    border: none;
    line-height: 32px;
    font-weight: 500;
}

/*.panel.panel-inverse {
    box-shadow: 0px 0px 10px rgba(204, 204, 204, .5);
}*/
.panel {
    float: left;
    width: 100%;
}
.breadcrumb > li a {
    color: rgba(255, 255, 255, .8);
    text-decoration: none !important;
    border: 1px solid transparent;
    padding: 0px 4px;
    border-radius: 4px;
}

    .breadcrumb > li a:hover {
        background: #ed3237;
        color: #fff;
        border-color: #ed3237;
    }

.breadcrumb > li {
    color: rgba(255, 255, 255, .8);
}
/* ================== 
 Begin Colored Boxes
  ==================*/

.bg-gradient-orange {
    background: #f7b048 !important;
    background: -moz-linear-gradient(top, rgba(247, 176, 72, 1) 0, rgba(245, 156, 26, 1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(247, 176, 72, 1) 0, rgba(245, 156, 26, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(247, 176, 72, 1) 0, rgba(245, 156, 26, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7b048', endColorstr='#f59c1a', GradientType=0) !important;
}

.bg-gradient-blue {
    background: -moz-linear-gradient(-45deg, rgba(81, 136, 218, 1) 0, rgba(52, 135, 226, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(81, 136, 218, 1) 0, rgba(52, 135, 226, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(81, 136, 218, 1) 0, rgba(52, 135, 226, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5188da', endColorstr='#3487e2', GradientType=1) !important;
}

.bg-gradient-purple {
    background: #8457f3 !important;
    background: -moz-linear-gradient(-45deg, rgba(132, 87, 243, 1) 0, rgba(114, 124, 182, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(132, 87, 243, 1) 0, rgba(114, 124, 182, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(132, 87, 243, 1) 0, rgba(114, 124, 182, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8457f3', endColorstr='#727cb6', GradientType=1) !important;
}

.bg-gradient-black {
    background: #586169 !important;
    background: -moz-linear-gradient(-45deg, rgba(88, 97, 105, 1) 0, rgba(45, 53, 60, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(88, 97, 105, 1) 0, rgba(45, 53, 60, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(88, 97, 105, 1) 0, rgba(45, 53, 60, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#586169', endColorstr='#2d353c', GradientType=1) !important;
}

.widget.widget-stats {
    padding: 12px 15px;
}

    .widget.widget-stats .stats-progress.progress {
        background: rgba(0, 0, 0, .5);
        margin: 10px 0px;
    }

    .widget.widget-stats h4 {
        color: rgba(255, 255, 255, .7) !important;
        margin: 5px 0;
        font-weight: 400;
    }

.widget-stats .stats-info p {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}

.new-stats-icon {
    background: url(../img/device_icon.png) no-repeat right bottom;
    height: 130px !important;
    width: 140px !important;
    opacity: 1 !important;
    margin-right: -15px;
}

    .new-stats-icon.plan {
        background: url(../img/plan_icon.png) no-repeat right bottom;
    }

    .new-stats-icon.mobiles {
        background: url(../img/mobiles_icon.png) no-repeat right bottom;
        top: 6px;
    }


/* ================== 
 End Colored Boxes
  ==================*/

.btn.btn-default, .btn.btn-success {
    color: #fff;
    background-color: #5b6e88;
    border-color: #5b6e88;
}

.btn.btn-default:hover, .btn.btn-success:hover, .btn.btn-default:focus, .btn.btn-success:focus {
    background-color: #f59100;
    border-color: #f59100;
}
.custom-form .note-cstm {
    margin-top: 10px;
    color: red;
}

.btn.btn-secondary:hover {
    background: #ed3237;
    color: #fff;
}

.checkbox.checkbox-css label:before {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    top: 0px;
}

.checkbox.checkbox-css input:checked + label:before {
    background: #ed3237 !important;
    border-color: #ed3237 !important;
}

.radio.radio-css input:checked + label:before {
    background: #ed3237;
    border-color: #ed3237;
}

.custom-form .form-group .checkbox.checkbox-css {
    display: inline-block;
    margin: 0 0px 0px 6px;
}

    .custom-form .form-group .checkbox.checkbox-css label {
        min-height: auto;
    }

        .custom-form .form-group .checkbox.checkbox-css label:before,
        .custom-form .form-group .checkbox.checkbox-css input:checked + label:after {
            top: 1px;
        }

.checkbox.checkbox-css input:checked + label:after {
    left: 1px;
    top: 0px;
}

.text-primary {
    color: #2d4b7b !important;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
    content: '\f07c';
    color: #ed3237;
}

.panel-expand .content .row [class*=col-] {
    position: initial;
}

.main-loader {
    display: block !important;
    opacity: .7 !important;
}


/* ===================
    Form stylesheet
===================*/

.custom-form .checkbox label,
.custom-form .radio label {
    min-height: 27px;
}

.custom-form .input-daterange .form-control {
    text-align: left;
}

.custom-form .form-group {
    margin-bottom: 10px;
}

.custom-form .btn-box {
    width: 100%;
    float: left;
    padding: 20px 20px 10px 0px;
}

.btn-box.fixed {
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    background: #efefef;
    padding-left: 220px;
    border-top: 1px solid #ccc;
    padding: 15px 0px 15px 220px;
}

.btn.btn-inverse {
    color: #fff;
    background: #5b6e88;
    border-color: #5b6e88;
}

.btn.btn-white {
    border-color: #ccd0d4;
    color: #2d4b7b;
}

.btn.btn-inverse:hover,
.btn.btn-white:hover {
    background: #f59100 !important;
    border-color: #f59100;
    color: #fff;
}

.btn-hwb {
    font-size: 16px;
    color: #ee9b20;
    background: transparent;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
}

    .btn-hwb:hover {
        color: #fff;
        background-color: #d58512;
        border-color: #985f0d;
    }

.custom-form .media-left {
    margin: 0px;
    display: block;
    float: right;
    margin: 0px 0px 0px 10px;
    position: relative;
}

    .custom-form .media-left img {
        width: auto !important;
        border: 1px solid #efefef;
        padding: 3px;
        height: 70px;
    }

.input-daterange .input-group-addon i {
    color: #000000;
}


/* ===================
    modal popup stylesheet
===================*/

.custom-form .modal-header {
    background: #111;
}

    .custom-form .modal-header .modal-title {
        color: #fff;
    }

    .custom-form .modal-header .close {
        margin-top: 2px;
        color: #fff;
        opacity: 1;
    }

    .custom-form .modal-header h3 {
        margin: 0px;
        color: #fff;
    }
.modal-body-scroll {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

/*.custom-form .modal-body .form-group:nth-last-child(1), .custom-form .modal-body .form-group:nth-last-child(2) {
 margin-bottom: 0px;
}*/


/* ===================
    Border form stylesheet
===================*/

.form-horizontal.form-bordered .custom-form .form-group > div {
    padding: 7px 15px;
}

.form-horizontal.form-bordered .custom-form .form-group > .control-label {
    padding: 15px 15px;
}

.custom-form .form-group .bootstrap-select {
    margin-bottom: 0px !important;
}

.custom-form .form-group .checkbox.checkbox-css.bottom {
    display: block;
    margin: 7px 0px 0px;
}

.custom-form .wysihtml5-toolbar .modal-body {
    padding: 15px 30px;
}

.custom-form .wysihtml5-toolbar {
    padding: 0px;
}

.custom-form .form-group .col-md-6,
.custom-form .form-group {
    position: relative;
}

    .custom-form .form-group .input-group {
        position: initial;
    }

/*.parsley-errors-list {
    position: absolute;
    z-index: 999;
    bottom: 77%;
    width: 126px;
}*/
.from-date {
    position: relative;
}

.up-to-date {
    position: relative;
}

    .from-date .parsley-errors-list, .up-to-date .parsley-errors-list {
        bottom: 100%;
    }

.parsley-errors-list {
    position: absolute;
    z-index: 999;
    bottom: calc(100% - 22px);
    width: auto;
    max-width: 100%;
}

    .parsley-errors-list li {
        position: relative;
        background: rgba(255, 91, 87, 0.9);
        color: #FFF;
        padding: 2px 5px !important;
        font-size: 11px;
        width: 100%;
        border: 1px solid #ff5b57;
        /*-moz-animation: cssAnimation 0s ease-in 2s forwards;
        -webkit-animation: cssAnimation 0s ease-in 2s forwards;
        -o-animation: cssAnimation 0s ease-in 2s forwards;
        animation: cssAnimation 0s ease-in 2s forwards;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;*/
    }

        .parsley-errors-list li:after {
            content: "";
            border: 6px solid rgba(255, 91, 87, 0.71);
            border-left: 0px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 6px solid transparent;
            position: absolute;
            top: 20px;
            left: -1px;
            /*-moz-animation: cssAnimation 0s ease-in 2s forwards;
            -webkit-animation: cssAnimation 0s ease-in 2s forwards;
            -o-animation: cssAnimation 0s ease-in 2s forwards;
            animation: cssAnimation 0s ease-in 2s forwards;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;*/
        }

.editor .parsley-errors-list {
    bottom: calc(100% - 45px);
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}

.autoscroll-custom {
    height: 340px;
    overflow-y: auto;
    display: block;
    width: 100%;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    width: 60px !important;
}

table.table-bordered.dataTable th:nth-last-child(2), table.table-bordered.dataTable th:nth-last-child(2), table.table-bordered.dataTable td:nth-last-child(2), table.table-bordered.dataTable td:nth-last-child(2) {
    width: 40px !important;
}

table.table-bordered.dataTable.no-status th:nth-last-child(2), table.table-bordered.dataTable.no-status th:nth-last-child(2), table.table-bordered.dataTable.no-status td:nth-last-child(2), table.table-bordered.dataTable.no-status td:nth-last-child(2) {
    width: auto !important;
}

table.table-bordered.dataTable.no-action th:last-child, table.table-bordered.dataTable.no-action td:last-child {
    width: auto !important;
}


.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    background: #ed3237;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {
    padding-left: 30px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child .child {
    padding-left: 15px;
    padding-right: 15px;
}

table.dataTable > tbody > tr.child ul {
    width: 100%;
}

table.dataTable > tbody > tr.child ul li {
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0;
    padding-top: 0.5em;
    overflow: hidden;
    word-wrap: break-word;
}

table.dataTable > tbody > tr.child span.dtr-title {
    float: left;
    width: 40%;
    display: inline-block;
    min-width: inherit;
    font-weight: bold;
    max-width: 160px;
}

table.dataTable > tbody > tr.child span.dtr-data {
    display: block;
    float: left;
    width: 60%;
}
table.table-bordered.dataTable.three-btn-table td:last-child, table.table-bordered.dataTable.three-btn-table td:last-child {
    width: 100px !important;
}
.login-content .login-buttons .btn {
    color: #FFF !important;
    background: #ff5b57 !important;
    border-color: #ff5b57 !important;
}

.login-content .login-buttons .btn:hover {
    background: #ed3237 !important;
    border-color: #ed3237 !important;
}

.login.login-v2 .login-header .brand {
    text-align: center;
}

.login-box-fixed {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 260px;
    margin: auto;
    width: 451px;
}

    .login-box-fixed .login.login-v2 {
        margin: 0px;
        left: 0px;
    }

.custom-title .btn.btn-white {
    background: transparent;
    color: #fff;
    border: 0px;
    border-right: 1px solid #445152;
    border-radius: 0px;
    padding: 3px 15px 3px 15px;
    margin-right: 5px;
    margin-top: -2px;
}

    .custom-title .btn.btn-white:hover {
        background: #445152;
    }

div.dataTables_wrapper div.dataTables_filter input {
    width: 242px !important;
}

.spinner,
.spinner-small {
    border-top: 2px solid #e85854;
}

.navbar-user a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.input-group-addon:last-child {
    font-weight: 700;
    color: #333;
}

.forgot-box h3 {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 15px;
}

.forgot-box h3 {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 15px;
}

.forgot-box p {
    color: #c1c1c1;
    margin: 15px 0px;
    font-size: 13px;
}

.forgot-box .form-group {
    position: relative;
}
.other-link {
    color: #f9b0ae !important;
}
.multiselect-native-select {
    width: 100%;
}
.multiselect-native-select .btn-group {
    width: 100%;
}
.multiselect-native-select .btn-group .multiselect.dropdown-toggle {
    width: 100%;
    text-align: left;
    overflow: hidden;
    padding-right: 30px;
    background: #fff;
    box-shadow: none;
    position: relative;
    color: #666;
}
.multiselect-native-select .btn-group.open .multiselect.dropdown-toggle b.caret {
    transform: rotate(90deg);
}
.multiselect-native-select .btn-group .multiselect.dropdown-toggle .multiselect-selected-text {
    width: 100%;
    float: left;
    overflow: hidden;
}
.multiselect-native-select .btn-group .multiselect.dropdown-toggle .caret {
    position: absolute;
    right: 4px;
    top: 5px;
}
.multiselect-native-select .multiselect-filter .input-group-addon,
.multiselect-native-select .multiselect-filter .input-group-btn {
    display: none;
}
.multiselect-container > li > a:focus,
.multiselect-container > li > a:hover {
    background: #348fe2;
}
.multiselect-container > li > a:hover label {
    color: #fff;
}
.multiselect-container > li > a > label.checkbox {
    padding: 6px 10px 6px 38px;
}
/*.multiselect-native-select .multiselect-filter {
        position: absolute;
        width: 100%;
        top: 5px;
    }*/
.open > .multiselect-container1 {
    display: block;
}
.open > .multiselect-container-div > .dropdown-menu {
    display: block;
}
.multiselect-native-select .multiselect-filter .input-group {
    width: 100%;
    padding: 5px 5px 2px;
    float: left;
}
.multiselect-native-select .multiselect-filter .input-group input {
    margin-bottom: 3px;
    height: 26px;
    border: 1px solid #ccd0d4;
    border-radius: 4px !important;
}
.multiselect-container-div {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 35px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .2);
}
.multiselect-native-select .multiselect-filter {
    display: none;
}
span.multiselect-native-select .open .multiselect-filter {
    display: block;
    width: 100%;
    float: left;
}
.multiselect-native-select .multiselect-container.dropdown-menu {
    position: initial;
    height: 200px;
    z-index: 999999;
    overflow-x: auto;
    top: -9px;
    background: #fff;
    width: 100%;
    box-shadow: none;
}
.sidebar .slimScrollBar, .sidebar .slimScrollRail {
    right: 0px !important;
    background: #2d4b7b !important;
    opacity: .7 !important;
    width: 7px !important;
}
.slimScrollBar, .slimScrollRail {
    right: 13px !important;
    background: #ed3237 !important;
    opacity: 1 !important;
}
/*li.has-sub.active a .caret {
    transform: rotate(90deg);
}*/
li.has-sub.active.rotate a .caret {
    transform: rotate(0deg);
}
li.has-sub.rotate a:first-child {
    background: transparent;
    border: 1px solid #ffdbdb;
    color: #ed3237;
    font-weight: 600;
}
li.has-sub.rotate:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 100%;
    background: #ed3237;
    left: 0px;
    top: 0px;
    border-radius: 0px 6px 6px 0px;
}

.donut-chart-home {
    background-image: linear-gradient(90deg, rgba(218, 218, 218, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(222, 222, 222, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
    background-size: 10px 10px;
}
.table-last-col-edit > thead > tr > th:last-child,
.table-last-col-edit > tbody > tr > td:last-child {
    width: 58px !important;
}
.radio.radio-css label:before {
    top: 2px;
}
.radio.radio-css input:checked + label:after {
    top: 6px;
}
.radio.radio-css.radio-effect {
    margin-top: 26px;
}
.radio.radio-css.option {
    margin-top: -2px;
    margin-bottom: 7px;
}
.row.option .radio.radio-effect {
    margin-top: -5px;
}
@media only screen and (max-width: 991px) {
    .custom-form .btn-box {
        padding: 20px 20px 10px 35%;
    }
}
@media only screen and (max-width: 767px) {
    .custom-form .btn-box {
        padding: 20px 20px 10px 0%;
    }
}


/* ===================
    Custom stylesheet
===================*/

.control-label {
    text-align: left !important;
}


/*.btn.btn-default {
    color: #0790e8;
    background-color: #fff;
    border-color: #ccd0d4;
}*/

.custom-form .note-cstm {
    margin-top: 10px;
    color: red;
}

.panel-expand .content .row [class*=col-] {
    position: initial;
}

.main-loader {
    display: block !important;
    opacity: .7 !important;
}


/* ===================
    Form stylesheet
===================*/

.panel-inverse > .panel-heading h4 {
    color: #333 !important;
    font-size: 16px;
}

.panel-inverse > .panel-heading p {
    color: #666;
    font-size: 12px;
    margin: 0px;
}
.panel-inverse > .panel-heading h4 small {
    color: #666;
    font-weight: 400;
    margin-left: 5px;
    font-size: 14px;
}

.panel-inverse > .panel-heading h4 small:before {content: "( ";opacity: .5;}

.panel-inverse > .panel-heading h4 small:after {content: " )";opacity: .5;}

.custom-form .checkbox label,
.custom-form .radio label {
    min-height: auto !important;
}

.custom-form .checkbox label strong {
    color: #2d4b7b;
}
.custom-form .input-daterange .form-control {
    text-align: left;
    padding: 6px 2px 6px 5px;
}

.custom-form .form-group {
    margin-bottom: 10px;
}

.custom-form .btn-box {
    width: 100%;
    float: left;
    padding: 20px 20px 10px 0px;
}

    .custom-form .btn-box .btn {
        padding: 8px 40px;
    }

/*.btn-box.fixed {
    position: fixed;
    bottom: 0px;
    width: calc(100% - 220px);
    right: 0px;
    background: #f2f2f2;
    padding-left: 220px;
    padding: 10px 0px 8px 10px;
    box-shadow: 6px -2px 10px rgb(175, 175, 175);
    border: 0px;
    z-index: 99;
    text-align: center;
    left: inherit;
}*/
.btn-box.fixed {
    position: fixed;
    bottom: 0px;
    width: calc(100% - 220px);
    right: 0px;
    background: #f0f5fb;
    padding: 10px 0px 8px 10px;
    border: 0px;
    z-index: 99;
    text-align: center;
    left: inherit;
    box-shadow: 0px 0px 10px #ddd;
}
.page-sidebar-minified .content .btn-box.fixed {
    width: calc(100% - 60px);
}

.btn-box.fixed .btn {
    margin: 0px 5px;
    height: 36px;
    padding: 0px 40px;
    font-weight: 600;
}

.btn-hwb {
    font-size: 16px;
    color: #ee9b20;
    background: transparent;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
}

.btn-hwb:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.input-daterange .input-group-addon i {
    color: #2d4b7b;
}


/* ===================
    modal popup stylesheet
===================*/

.custom-form .modal-header {
    background: #ececec;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    padding: 8px 10px 8px 20px;
}

    .custom-form .modal-header .modal-title {
        color: #2d4b7b !important;
        font-weight: 700;
        font-size: 16px;
    }

    .custom-form .modal-header p {
        color: #fff;
        font-size: 14px;
        margin: 0px;
    }

    .custom-form .modal-header .close {
        margin-top: 2px;
        color: #2d4b7b;
        opacity: 1;
        outline: none;
    }

    .custom-form .modal-header h3 {
        margin: 0px;
        color: #fff;
    }


/*.custom-form .modal-body .form-group:nth-last-child(1), .custom-form .modal-body .form-group:nth-last-child(2) {
 margin-bottom: 0px;
}*/

.panel-body.panel-form.custom-form {
    padding: 15px 15px 5px !important;
    /*height: calc(100vh - 200px);
    overflow-y: auto;*/
}
.panel-body.panel-form.custom-form.without-head {
    height: calc(100vh - 173px);
}
.panel-body.panel-form.custom-form.without-head-second{
    height: calc(100vh - 155px);
}
.panel-body.panel-form.custom-form.report-panel {
    min-height: calc(100vh - 215px);
    height:auto;    
    overflow-y: visible;
}
.panel-body.panel-form.custom-form.without-table {
    height: calc(100vh - 215px);
}

.custom-form .modal-footer {
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    padding: 9px 15px 9px;
}

.modal-footer .btn-box {
    padding: 0px !important;
}

.modal-footer .btn-box .btn {
    padding: 0px 20px;
    height: 36px;
    min-width: 100px;
}

.modal-footer .btn-box .btn.big {
    width: auto;
}


/* ===================
    Border form stylesheet
===================*/

.form-horizontal.form-bordered .custom-form .form-group > div {
    padding: 7px 15px;
}

.form-horizontal.form-bordered .custom-form .form-group > .control-label {
    padding: 15px 15px;
}

.custom-form .form-group .bootstrap-select {
    margin-bottom: 0px;
}

.custom-form .form-group .checkbox.checkbox-css.bottom {
    display: block;
    margin: 7px 0px 0px;
}


/* ====================================
    bootstrap select option stylesheet
======================================*/

.bootstrap-select .selectpicker.dropdown-toggle {
    background: #fff !important;
    box-shadow: none !important;
    border: 1px solid #ccd0d4;
}

.bootstrap-select .selectpicker span {
    color: #888888;
    font-size: 12px;
}

.bootstrap-select .selectpicker li a:hover span,
.bootstrap-select .selectpicker li a:focus span {
    color: #fff;
}

.bootstrap-select .selectpicker li.selected a {
    color: #fff;
    background: #ed3237;
}

    .bootstrap-select .selectpicker li.selected a span {
        color: #fff;
    }

.bootstrap-select.btn-group .dropdown-menu li.active > a span {
    color: #fff;
}

.bootstrap-select-searchbox,
.bootstrap-select .bs-actionsbox {
    padding: 2px 4px;
}

    .bootstrap-select-searchbox input {
        margin-bottom: 3px;
        height: 26px;
        border: 1px solid #ccd0d4
    }


/*ul.multiselect-container.dropdown-menu {
    max-height: 180px;
    overflow-y: auto;
    min-height: 83px;
    max-width: 350px;
    padding-top: 36px;
}
.bootstrap-select .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 0px 0;
}*/


/* ===================
    Editor stylesheet
===================*/

.custom-form .wysihtml5-toolbar .modal-body {
    padding: 15px 30px;
}

.custom-form .wysihtml5-toolbar {
    padding: 0px;
}

.custom-form .form-group .col-md-6 {
    position: relative;
}

.custom-form .form-group .checkbox.checkbox-css {
    display: inline-block;
    margin: 0 0px 0px 6px;
}

    .custom-form .form-group .checkbox.checkbox-css label {
        min-height: auto;
    }


/*.custom-form .form-group .checkbox.checkbox-css label:before, .custom-form .form-group .checkbox.checkbox-css input:checked + label:after {
            top: 8px;
        }*/


/* ===================
    switch stylesheet
===================*/

.switchery {
    height: 20px !important;
    width: 40px !important;
}

    .switchery > small {
        height: 20px !important;
        width: 20px !important;
        border: 3px solid #d9e0e7;
    }

.autoscroll-custom {
    height: 340px;
    overflow-y: auto;
    display: block;
    width: 100%;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
    width: 110px;
}

.login-content .login-buttons .btn {
    color: #FFF !important;
    background: #0790e8 !important;
    border-color: #0790e8 !important;
}

    .login-content .login-buttons .btn:hover {
        background: #0377c2 !important;
        border-color: #0377c2 !important;
    }

.login.login-v2 .login-header .brand {
    text-align: center;
}

.login-box-fixed {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 260px;
    margin: auto;
    width: 451px;
}

.login-box-fixed .login.login-v2 {
    margin: 0px;
    left: 0px;
}

.custom-title .btn.btn-white {
    background: #ed3237;
    color: #fff;
    border: 0px;
    padding: 3px 15px 3px 15px;
    margin-right: 0px;
    margin-top: -2px;
    border-radius: 4px;
    margin-left: 6px;
}
.custom-title .btn{
    position:relative;
}
.custom-title .btn .introjs-hint-dot {
    background: #4CAF50;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -2px !important;
    left: -2px !important;
    border-radius: 50%;
}
.custom-title .btn.btn-white.pending {
    background: #f59100 !important;
}
.custom-title .btn.btn-white.pending:hover {
    background: #d27e04 !important;
}
.custom-title .btn.btn-white.filter-btn {
    background: #5b6e88;
}
.custom-title .btn.btn-white.export-btn {
    background: #4caf50;
}
.custom-title .btn.btn-white.import-btn {
    background: #03a9f4;
}
.custom-title .btn.btn-white.send-btn, .table .btn.btn-warning.send-btn {
    background: #a856f3;
    border-color: #a856f3;
}
.custom-title .btn.btn-white.download-btn, .table .btn.btn-warning.download-btn {
    background: #e64d81;
    border-color: #e64d81;
}
.custom-title .btn.btn-white:hover {
    background: #f59100;
}

.panel-title {
    font-size: 14px;
}

.breadcrumb-box {
    padding: 10px 21px 7px;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}

    .breadcrumb-box .page-header {
        margin: 0px;
        font-size: 20px;
        text-transform: capitalize;
        font-weight: 600;
        color: #fff;
    }

    .breadcrumb-box .breadcrumb {
        margin: 2px 0px 0px;
    }

.breadcrumb > .active {
    color: #fff;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 242px !important;
}

.spinner,
.spinner-small {
    border-top: 2px solid #e85854;
}

.navbar-user a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.input-group-addon:last-child {
    font-weight: 700;
    color: #333;
}

.forgot-box h3 {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 15px;
}

.forgot-box h3 {
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 15px;
}

.forgot-box p {
    color: #c1c1c1;
    margin: 15px 0px;
    font-size: 13px;
}

.forgot-box .form-group {
    position: relative;
}

.other-link {
    color: #f9b0ae !important;
}


.donut-chart-home {
    background-image: linear-gradient(90deg, rgba(218, 218, 218, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(222, 222, 222, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
    background-size: 10px 10px;
}

.table-last-col-edit > thead > tr > th:last-child,
.table-last-col-edit > tbody > tr > td:last-child {
    width: 58px !important;
}

.with-sr-table {
}

.week-off-box .checkbox {
    float: left;
    margin: 0px !important;
}

.week-off-box .checkbox span {
    position: relative;
    margin-right: 25px;
}

.week-off-box .checkbox span:last-child {
    margin-right: 0px;
}

.week-off-box .radio-btn-box {
    float: left;
}

.week-off-box {
    padding: 15px 0px 0px;
    border-top: 1px solid #efefef;
    overflow: hidden;
}

.week-off-box .form-group {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(227, 227, 227, .4);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.week-off-box .radio-btn-box span:last-child {
    margin: 0px;
}

.week-off-box .radio.radio-css {
    float: left;
    margin: 0px 40px 0px 20px;
}

.week-off-box .radio.radio-css span {
    margin-right: 25px;
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

.week-off-box .radio.radio-css span:last-child {
    margin-right: 0px;
}

.radio.radio-css label:before {
    top: 2px;
}

.radio.radio-css input:checked + label:after {
    top: 6px;
}

.week-off-box .checkbox.checkbox-css.first {
    width: 110px;
}

.week-off-modal-body .nav.nav-tabs {
    background: transparent;
}

.week-off-modal-body .tab-content {
    border: 1px solid #e3e3e3;
    margin: 0px;
    padding: 10px;
}

.week-off-modal-body .nav-tabs > li > a {
    padding: 6px 20px;
}

.week-off-modal-body .nav-tabs > li.active > a {
    background: #ed3237;
    color: #fff !important;
}

.week-off-modal-body .datepicker-inline {
    width: 100%;
    padding: 0px;
}

.week-off-modal-body .datepicker-inline thead {
    margin-bottom: 10px;
}

.week-off-modal-body .datepicker-inline th.dow {
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    background: #f0f3f5;
    padding: 7px;
    color: #2d4b7b;
    border-radius: 0px;
}
.week-off-modal-body .datepicker-inline td.day {
    border: 1px solid #e3e3e3 !important;
    border-radius: 0px;
}
.week-off-modal-body .height-sm {
    height: 250px !important;
}

.week-off-modal-body .height-sm .tagit.ui-widget {
    border: 0px !important;
}

.week-off-modal-body .selected-dates {
    border-left: 1px solid #efefef;
    margin-left: 12px;
    width: 30%;
}
.weekoff-manual-box {
    margin: -10px;
    overflow: hidden;
}
.weekoff-manual-box .calendar-box {
    width: calc(100% - 220px);
    float: left;
    border-right:1px solid #e3e3e3;
}
.weekoff-manual-box .slimScrollBar {
    right: 3px !important;
}

.weekoff-manual-box .selected-date-list-box .tagit.ui-widget {
    border: 0px !important;
    padding: 10px !important;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: #ffdbdb !important;
    color: #ed3237;
}
.datepicker table tr td span {
    border: 1px solid #e3e3e3;
}
.weekoff-manual-box .selected-date-list-box .tagit.ui-widget li {
    width: 100%;
}
.datepicker table tr td span.active.active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active:hover:hover,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open .dropdown-toggle.datepicker table tr td.active:hover {
    background: #ed3237 !important;
    color: #fff !important;
    border-color: #ed3237 !important;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    color: #ffffff !important;
    background-color: #ed3237 !important;
    border-color: #ed3237 !important;
}


/*============================================================*/

.shift-roster-box .checkbox span {
    position: relative;
    margin-right: 20px;
}

    .shift-roster-box .checkbox span:last-child {
        margin-right: 0px;
    }

.shift-roster-box .radio-btn-box {
    float: left;
}


/*.shift-roster-box {
    padding: 15px 0px;
    border-top: 1px solid #efefef;
    margin-top: 15px;
}*/

.shift-roster-box .form-group {
    float: left;
    width: 100%;
}

.shift-roster-box .radio-btn-box span:last-child {
    margin: 0px;
}

.shift-roster-box .radio.radio-css {
    float: left;
    margin: 0px;
}

.shift-roster-box span {
    position: relative;
}

.shift-roster-box .checkbox {
    float: left;
    margin: 0px !important;
}

    .shift-roster-box .checkbox span {
        position: relative;
        margin-right: 10px;
    }

        .shift-roster-box .checkbox span:last-child {
            margin-right: 0px;
        }

.shift-roster-box .radio-btn-box {
    float: left;
}

.shift-roster-box {
    /*padding: 15px 0px 0px;
    border-top: 1px solid #efefef;
    margin-top: 15px;*/
    overflow: hidden;
}

    .shift-roster-box .form-group {
        float: left;
        width: 100%;
    }

    .shift-roster-box .radio-btn-box span:last-child {
        margin: 0px;
    }

    .shift-roster-box .radio.radio-css {
        float: left;
        margin: 0px 10px 0px 8px;
    }

        .shift-roster-box .radio.radio-css span {
            margin-right: 15px;
        }

            .shift-roster-box .radio.radio-css span:last-child {
                margin-right: 0px;
            }

    .shift-roster-box .checkbox.checkbox-css.first {
        width: 94px;
    }

.shift-roster-modal-body .nav.nav-tabs {
    background: transparent;
}

.shift-roster-modal-body .tab-content {
    border: 1px solid #efefef;
    margin: 0px;
}

.shift-roster-modal-body .nav-tabs > li > a {
    padding: 6px 20px;
}

.shift-roster-modal-body .nav-tabs > li.active > a {
    background: #efefef;
}

.shift-roster-modal-body .datepicker-inline {
    width: 100%;
    background: #f7f7f7;
    padding: 0px;
    border: 1px solid #ddd;
}

.shift-roster-modal-body .datepicker-inline thead {
    margin-bottom: 10px;
}

.shift-roster-modal-body .datepicker-inline th.dow {
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.shift-roster-modal-body .height-sm {
    height: 250px !important;
}

.shift-roster-modal-body .height-sm .tagit.ui-widget {
    border: 0px !important;
}

.shift-roster-modal-body .selected-dates {
    border-left: 1px solid #efefef;
    margin-left: 12px;
    width: 35%;
}

.table .btn.btn-warning {
    color: #fff;
    background: #5b6e88;
    border-color: #5b6e88;
}

.table .btn.btn-warning {
    height: 22px;
    width: 24px;
    line-height: 22px;
    padding: 0px;
    cursor: pointer;
}
.table .btn.btn-white {
    height: 22px;
    width: 30px;
    line-height: 22px;
    padding: 0px;
    cursor: pointer;
}
.table .btn.btn-white:hover {
    background: #fff;
}
.btn.btn-white.btn-sm.auto {
    width: auto;
    padding: 0px 10px;
}
.table .btn img {
    width: 80%;
    position: relative;
    top: -1.5px;
}
.table .btn.btn-warning.btn-success {
    background: #00acac !important;
    border-color: #00acac !important;
}

.table .btn.btn-warning.btn-danger {
    background: #ed3237 !important;
    border-color: #ed3237 !important;
}

.table .btn.btn-warning:hover i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.table .btn.btn-warning:hover, .table .btn.btn-warning:focus, .table .btn.btn-warning:active {
    background: #f59100;
    border-color: #f59100;
}

.table .btn-success, .table .btn-danger {
    height: 22px;
    width: 24px;
    padding: 1px;
}

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

/*.navbar-nav > li > a .label {
    background: yellow;
    color: #0790e8;
    font-weight: 600;
}*/

/*.other-box {
    border-top: 1px solid #ccd0d4;
    margin: 20px 0px;
    padding-top: 10px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccd0d4;
    padding-bottom: 10px;
}*/
.other-box {
    margin: 2px 0px 10px;
    padding-top: 0px;
    width: 100%;
    float: left;
    padding-bottom: 0px;
    border: 1px solid #dce6f3;
    border-radius: 4px;
}

    .other-box .heading {
        position: relative;
        background: #f0f5fb;
        padding: 10px;
        border-color: #dce6f3;
        cursor: pointer;
    }

        .other-box .heading h3 {
            font-size: 16px;
            margin: 0px;
        }

        .other-box .heading h4 {
            padding-right: 150px;
        }

    .other-box .modal-body {
        padding: 20px 50px;
    }

    .other-box .view-btn {
        background: transparent;
        color: #ed3237;
        border: 0px;
        padding: 0px;
        position: absolute;
        top: 10px;
        right: 11px;
        font-size: 12px;
    }

        .other-box .view-btn:hover {
            background: transparent;
            color: #ed3237;
        }

        .other-box .view-btn:after {
            content: "\f101" !important;
            font-family: 'FontAwesome' !important;
            display: inline-block;
            margin-left: 5px !important;
        }

.view-btn.open-other:after {
    transform: rotate(90deg);
}

.other-box .collapse {
    -webkit-border-radius: 0px 0px 4px 4px;
    float: left;
    width: 100%;
}

.other-box .heading:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    margin-left: 15px;
    position: absolute;
    right: 10px;
    top: 9px;
    transform: rotate(-90deg);
}

.other-box .heading.open-other:after {
    transform: rotate(0deg) !important;
}


.media-body .fileinput-button,
.upload-btn.btn-primary {
    position: relative;
    overflow: hidden;
    background: #2d4b7b;
    border-color: #2d4b7b;
}

    .media-body .fileinput-button:hover,
    .upload-btn.btn-primary:hover {
        background: #ed3237;
        border-color: #ed3237;
    }

.media,
.media-body {
    width: auto;
    margin-top: 5px;
}

    .media-body .fileinput-button input[type=file] {
        display: block;
        opacity: 0;
        position: absolute;
        top: 0px;
    }

    .media-body .btn.btn-success {
        color: #fff;
        background: #ed3237;
        border-color: #ed3237;
    }

.btn-scroll-to-top {
    bottom: 5px;
    width: 36px !important;
    height: 36px !important;
    line-height: 34px !important;
    font-size: 18px !important;
}

.modal-content {
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.modal-body {
    padding: 20px 30px 20px;
}

.with-check-box {
    margin-top: 30px;
}

    .with-check-box label:before,
    .with-check-box label:after {
        content: "";
        top: 1px !important;
    }

    .with-check-box .checkbox.checkbox-css input:checked + label:after {
        left: 1px;
    }

.custom-form .form-group.with-check-box .checkbox.checkbox-css label:before,
.custom-form .form-group.with-check-box .checkbox.checkbox-css input:checked + label:after {
    top: 8px;
}

.checkbox.checkbox-css input,
.radio.radio-css input {
    opacity: 0;
    margin: 0px;
    z-index: 9;
    height: 17px;
    width: 17px;
    top: 0px;
    display: block;
    position: absolute !important;
    left: 0px;
    cursor: pointer;
}

label.without-text {
    padding-left: 16px !important;
    margin-top: 8px;
}

.without-margin {
    margin-top: 0px;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 20px;
    height: 20px;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    padding: 6px;
}

.sidebar .sub-menu > li > a:before {
    color: #889097;
    left: 20px;
    top: 14.5px;
}
.sidebar .sub-menu > li > a:after {
    content: "";
    width: 16px;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    left: -3px;
    top: 14.5px;
}
.sidebar .sub-menu .sub-menu {
    border-bottom: 0px;
}

.sidebar .sub-menu > li > .sub-menu > li {
    margin-bottom: 10px;
}

    .sidebar .sub-menu > li > .sub-menu > li > a {
        padding: 0px 30px;
    }

        .sidebar .sub-menu > li > .sub-menu > li > a:after {
            top: 8px;
        }

        .sidebar .sub-menu > li > .sub-menu > li > a:before {
            top: 9px;
        }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #7b7b7b !important;
    border-color: #7b7b7b !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.multiselect-container > li > a:focus,
.multiselect-container > li > a:hover {
    background: #ed3237;
}

    .dropdown-menu > .active > a label,
    .dropdown-menu > .active > a:focus label,
    .dropdown-menu > .active > a:hover label {
        color: #fff;
    }

.dataTable thead tr th .control-label {
    padding-left: 22px;
}

.edit-single-detail-box .form-control {
    width: 150px;
    height: 24px;
    float: left;
}

.edit-single-detail-box .save-single-btn {
    line-height: 24px;
}

.edit-single-detail-box .btn.selectpicker {
    width: 150px !important;
    height: 24px;
    padding: 0px 10px;
    margin-right: 10px;
}

.edit-single-detail-box .bootstrap-select.form-control:not([class*="span"]) {
    width: 150px;
}

.edit-single-detail-box .bootstrap-select-searchbox .form-control {
    width: auto !important;
    margin-bottom: 5px;
}

.edit-single-detail-box .input-group {
    width: 150px !important;
    float: left;
    margin-right: 10px;
}

.edit-single-detail-box button {
    line-height: 24px;
    border: 1px solid;
    padding: 3px 10px;
    position: relative;
    top: 1px;
    border-radius: 4px;
}
.table.table-profile > tbody > tr > td.field {
    width: 180px;
    position: relative;
    text-align: left;
}

.table.table-profile > tbody > tr > td.field:after {
    content: ":";
    position: absolute;
    right: 20px;
}

.profile-pic-change {
    position: relative;
}


.profile-pic-change input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.referral-code-box {
    border: 1px dashed #ccc;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 700;
}

.upload-btnbox .profile-pic-change {
    width: 76%;
    float: left;
}

.upload-btnbox .upload-btn {
    width: 20%;
    float: right;
    margin: 0px;
    height: 30px;
    padding: 0px;
    line-height: 30px;
    background: #0790e8;
    border-color: #0790e8;
}

.profile-image {
    background: #fff;
    height: auto;
    border: 0px;
    line-height: initial;
    font-size: inherit;
    text-align: center;
}

.profile-image .pic {
    position: relative;
    width: 170px;
    height: 170px;
    border: 5px solid #d9e0e7;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.profile-image img {
    width: 104%;
    max-width: 104%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.profile-image .pic .profile-change {
    font-size: 16px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 170px;
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    opacity: 0;
}

.profile-image .pic .profile-change i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profile-image .pic .profile-change input[type=file] {
    opacity: 0;
}

.profile-image .pic:hover .profile-change {
    opacity: 1;
}

.profile-image .btn {
    margin-top: 10px;
}

.edit-single-detail-box textarea.form-control {
    width: 300px;
    height: 70px;
    resize: none;
}

.textarea-box a {
    margin-top: 5px !important;
    float: left;
}

.sms-setting-box tr td:nth-child(1) {
    width: 110px;
}

.modal-sm {
    width: 350px;
}

.modal-dialog.modal-md {
    width: 750px;
}

.modal-extra-lg {
    width: 1000px !important;
}
.modal-extra-big {
    width: 1100px !important;
}
.modal-extra-full {
    width: calc(100% - 50px);
}
.role-list-option span {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.form-group {
    float: left;
    width: 100%;
}

.table tr td .btn-icon.btn-xs {
    width: 8px;
    height: 8px;
    margin-top: -3px;
    margin-left: 3px;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    color: #ffffff !important;
    background-color: #ed3237 !important;
    border-color: #ed3237 !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #2d4b7b !important;
    cursor: pointer;
    color: #fff !important;
}

ul.tagit.white li.tagit-choice-editable {
    color: #444 !important;
}

.tagit.white .ui-icon-close:before {
    color: #2d4b7b;
}

.tagit-choice:hover .tagit-close .ui-icon-close:before {
    color: #ed3237 !important;
}

input.form-control.modal-otp {
    padding: 6px 10px !important;
    text-align: center;
    border: 0px;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
}


/* Upload Popup */

.uploadPopup .modal-body {
    text-align: center;
}

.uploadPopup .upload-btn {
    position: relative;
    margin-top: 20px;
}

    .uploadPopup .upload-btn input[type="file"] {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
    }

.col-md-6.import-file-show-box .upload-content {
    border-right: 1px solid #ddd;
}


/*==================================
    Landing Page CSS
==================================*/

header {
    /*box-shadow: 0px 0px 8px #bbb5b5;
    -webkit-box-shadow: 0px 0px 8px #bbb5b5;*/
    z-index: 9999;
    position: fixed;
    background: #fff;
    width: 100%;
}

    header a.navbar-brand {
        height: auto;
        padding: 12px 20px 10px 0px;
    }

.other-logo {
    float: right;
    margin: 16px 0px;
    padding-right: 0px !important;
}

    .other-logo img {
        float: right;
    }

header.affix .navbar-brand {
    height: 47px;
    overflow: hidden;
}

    header.affix .navbar-brand img {
        height: 46px;
    }

    header.affix .navbar-brand.other-logo {
        margin: 2px 0px;
    }

        header.affix .navbar-brand.other-logo img {
            height: 24px;
        }

header.affix .menu-top li a {
    padding: 7px 17px;
}

header.affix .menu-top li.has-sub a {
    padding: 6.5px 19px;
}

.menu-top-wrp {
    background: #2d4b7b;
    border-bottom: 2px solid #ed3237;
}

header .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

header .menu-top {
    float: left;
    font-weight: 700;
    margin: 0px 0px;
}

    header .menu-top li a {
        color: #fff;
        padding: 10px 17px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
        border-right: 1px solid #223d69;
    }

    header .menu-top li:last-child a {
        border: 0px;
    }

    header .menu-top li a:hover,
    header .menu-top li a:focus,
    header .menu-top li.active a, .menu-top li.has-sub:hover a {
        color: #fff;
        background: #ed3227;
        opacity: 1;
    }

    header .menu-top li a i {
        margin-right: 5px;
        font-size: 18px
    }

    header .menu-top li.menu-btn a {
        border: 1px solid #ed3227;
        color: #fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background: #ed3227;
        margin-left: 10px;
    }

        header .menu-top li.menu-btn a:hover {
            background: #cc1d12;
            color: #fff;
            border-color: #cc1d12;
        }

    header .menu-top li.menu-btn-outline a {
        border: 1px solid #2d4b7b;
        color: #2d4b7b;
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        header .menu-top li.menu-btn-outline a:hover {
            background: #cc1d12;
            color: #fff;
            border-color: #cc1d12;
        }

.content-wrp {
    padding-top: 124px;
}
/* Begin Dropdown Menu */
.menu-top li.has-sub {
    position: relative;
}

.menu-top .has-sub:hover .caret {
    transform: rotate(180deg);
}

.menu-top .has-sub .sub-menu {
    transition: 1s;
    position: absolute;
    top: 100%;
    z-index: 9999999;
    left: 0px;
    background: #ed3237;
    width: 165px;
    display: none;
}

    .menu-top .has-sub .sub-menu ul {
        padding: 0px;
    }

.menu-top .has-sub:hover .sub-menu {
    display: block;
}

.has-sub.mega-sub .sub-menu ul {
    padding: 0px;
    float: left;
    width: auto;
}

.menu-top .has-sub .sub-menu li {
    list-style: none;
}

    .menu-top .has-sub .sub-menu li a {
        display: block;
        text-transform: capitalize;
        padding: 6px 20px;
        opacity: .9;
        font-weight: 400;
        border: 0px;
    }

        .menu-top .has-sub .sub-menu li a:hover, .menu-top .has-sub .sub-menu li.active a {
            opacity: 1;
            background: #da2d25;
        }

.menu-top li.has-sub a {
    padding: 9.5px 25px;
}

.has-sub.mega-sub .sub-menu {
    width: 670px;
    padding: 10px;
}

.menu-top .has-sub .sub-menu li ul {
    padding-left: 10px;
}

.menu-top li.has-sub b.caret:before {
    transform: rotate(90deg);
}

.menu-top li.has-sub.active b.caret:before {
    transform: rotate(0deg);
}
/* End Dropdown Menu */
.login-modal {
    width: 400px;
}

    .login-modal a.link {
        color: #0790e8;
        float: right;
    }

        .login-modal a.link.center {
            color: #0790e8;
            float: none;
            display: inline-block;
        }

            .login-modal a.link.center span {
                color: #666;
            }

    .login-modal .btn {
        margin-top: 10px;
    }

    .login-modal.signup-modal {
        width: 600px;
    }
/* ============ Begin Hero Slider ============*/
.hero-slider-wrp {
    overflow: hidden;
    position: relative;
}

    .hero-slider-wrp .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        width: 100%;
    }

    .hero-slider-wrp .carousel-indicators li {
        width: 13px;
        height: 13px;
        background-color: rgba(0, 0, 0, .3);
        border: 0px;
    }

    .hero-slider-wrp .carousel-indicators .active {
        background-color: #ed3227;
        width: 15px;
        height: 15px;
    }

    .hero-slider-wrp .carousel-control {
        background: transparent !important;
        width: 5%;
    }

    .hero-slider-wrp .left.carousel-control {
        left: -10%;
    }

    .hero-slider-wrp .right.carousel-control {
        right: -10%;
    }

    .hero-slider-wrp:hover .left.carousel-control {
        left: 0%;
    }

    .hero-slider-wrp .carousel-indicators {
        position: absolute;
        bottom: 0px !important;
    }

    .hero-slider-wrp:hover .right.carousel-control {
        right: 0%;
    }

    .hero-slider-wrp .caption .listing {
        margin-top: 20px;
        overflow: hidden;
    }

        .hero-slider-wrp .caption .listing li {
            text-align: right;
            font-size: 16px;
            margin-bottom: 10px;
            border: 1px solid rgba(255, 255, 255, .4);
            padding: 7px 15px;
            clear: both;
            float: right;
            list-style: none;
        }

.img-box-full {
    text-align: center;
}
/* ====== Caption ========*/
.hero-slider-wrp .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: #fff;
}

    .hero-slider-wrp .caption span {
        color: yellow;
    }

    .hero-slider-wrp .caption .pic {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 30%;
    }

        .hero-slider-wrp .caption .pic img {
            width: 80%;
            display: block;
        }

    .hero-slider-wrp .caption .container {
        position: relative;
        height: 100%;
    }

    .hero-slider-wrp .caption .dscb-box {
        padding-top: 80px;
    }

    .hero-slider-wrp .caption h2 {
        color: #fff !important;
        font-size: 36px;
        font-weight: 400;
        margin: 0px 0px 15px;
        line-height: 36px;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
        -webkit-text-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    }

    .hero-slider-wrp .caption h3 {
        color: #fff !important;
        font-weight: 300;
        font-size: 26px;
        margin: 0px 0px 10px;
        font-weight: 400;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
        -webkit-text-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    }

    .hero-slider-wrp .caption h4 {
        color: #fff !important;
        margin: 0px 0px 10px;
        font-size: 20px;
        font-weight: 400;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
        -webkit-text-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    }

    .hero-slider-wrp .caption .btn-box {
        margin-top: 40px;
    }

        .hero-slider-wrp .caption .btn-box a {
            padding: 4px 20px 6px 50px;
            border-radius: 4px;
            font-size: 17px;
            color: #fff;
            margin-right: 10px;
            text-decoration: none;
            float: left;
            position: relative;
            background: #000;
        }

            .hero-slider-wrp .caption .btn-box a:hover {
                transform: scale(1.08);
                -webkit-transform: scale(1.08);
                box-shadow: 0px 0px 10px rgba(255, 255, 255, .5);
            }

            .hero-slider-wrp .caption .btn-box a i {
                margin-right: 5px;
                position: absolute;
                left: 15px;
                top: 10px;
                font-size: 22px;
                line-height: 25px;
            }

            .hero-slider-wrp .caption .btn-box a.white-bg {
                background: #fff;
                color: #2d4b7b;
            }

            .hero-slider-wrp .caption .btn-box a.play-store i {
                background: url(../img/play_store_icon.png) no-repeat;
                width: 24px;
                height: 26px;
            }

            .hero-slider-wrp .caption .btn-box a span {
                color: #fff;
                line-height: 18px;
                float: left;
            }

                .hero-slider-wrp .caption .btn-box a span small {
                    display: block;
                    font-size: 12px;
                    color: #fff;
                    opacity: .8;
                }
/* ============ End Hero Slider ============*/
.heading-box {
    margin-bottom: 15px;
}
    /*.heading-box:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ed3227;
    display: block;
}*/
    .heading-box h2 {
        font-weight: 400;
        font-size: 24px;
        margin: 0px 0px 6px;
    }

        .heading-box h2 span {
            color: #ed3227;
            font-weight: 700;
        }

            .heading-box h2 span span {
                color: #333;
                font-weight: 400;
            }
/* ============ Begin About Us ============*/
.about-wrp {
    padding: 30px 0px;
    background: url(../img/about_bg_parallax.png) no-repeat top right;
    background-attachment: fixed;
}

    .about-wrp p {
        font-size: 12px;
        color: #666;
        line-height: 20px;
    }

    .about-wrp .about-single-box p {
        height: 70px;
        overflow: hidden;
        margin: 0px;
        line-height: 18px;
    }

    .about-wrp .about-single-box.lg-height p {
        height: 106px;
    }

    .about-wrp .dscb {
        margin-bottom: 20px;
    }

.about-single-box {
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 20px 20px 20px 15px;
    margin-bottom: 10px;
    background: #fff;
}

    .about-single-box:hover .about-icon-box img {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }

    .about-single-box .about-icon-box {
        position: absolute;
        width: 78px;
        text-align: center;
    }

    .about-single-box .about-dscb {
        padding-left: 90px;
    }

    .about-single-box:hover {
        background: #fff8f9;
        /*transform: scale(1.05);
        -webkit-transform: scale(1.05);*/
    }

    .about-single-box h3 {
        font-size: 17px;
        margin: 0px 0px 5px;
        color: #2d4b7b !important;
        font-weight: 600;
    }
    .about-single-box:hover h3 {
        color: #ed3237 !important;
    }
/* ============ End About Us ============*/

/* ============ Begin Advantages AMS ============*/
.advantages-wrp {
    padding: 30px 0px;
    background: #f2f2f2 url(../img/advatages_bg_parallax.png) no-repeat top left;
    background-attachment: fixed;
    overflow: hidden;
}

    .advantages-wrp .container {
        position: relative;
    }

        .advantages-wrp .container .col-md-9 {
            z-index: 9;
        }

    .advantages-wrp p {
        font-size: 12px;
        color: #666;
        line-height: 20px;
    }

    .advantages-wrp .advantages-single-box p {
        height: 36px;
        overflow: hidden;
        margin: 0px;
        line-height: 18px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
    }

    .advantages-wrp .dscb {
        margin-bottom: 20px;
    }

.advantages-single-box {
    border-radius: 4px;
    box-shadow: 0px 0px 10px #ccc;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    padding: 20px 12px;
    margin-bottom: 10px;
    background: #fff;
}

    .advantages-single-box:hover .advantages-icon-box img {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }

    .advantages-single-box .advantages-icon-box{
        position: absolute;
        width: 60px;
        text-align: center;
    }
    .advantages-single-box .advantages-icon-box img, .about-single-box .about-icon-box img {
        filter: grayscale(70%);
    }

    .advantages-single-box:hover .advantages-icon-box img, .about-single-box:hover .about-icon-box img {
        filter: grayscale(0%);
    }

    .advantages-single-box .advantages-dscb {
        padding-left: 70px;
    }

    .advantages-single-box:hover {
        background: #fff8f9;
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    .advantages-single-box h3 {
        font-size: 17px;
        margin: 0px 0px 5px;
        color: #2d4b7b !important;
        font-weight: 600;
    }
    .advantages-single-box:hover h3 {
        color: #ed3237 !important;
    }
    .advantages-man {
        position: absolute;
        right: 20px;
        z-index: 1;
        bottom: -34px;
    }

    .advantages-man img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    .advantages-wrp:hover .advantages-man img {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
    }
/* ============ End Advantages AMS ============*/
/* ============ Begin Plan wrp ============*/
.plans-wrp {
    padding: 30px 0px;
    background: #fff;
}

    .plans-wrp .dscb {
        position: relative;
    }

    .plans-wrp .dscb .form-control {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 120px;
    }

    .plans-wrp font {
        color: #333;
        text-align: left;
        width: 100%;
        float: left;
        padding: 0px 10px;
    }

.three-boxes {
    text-align: center;
}

    .three-boxes .col-md-4 {
        width: 27%;
        float: none;
        display: inline-block;
        margin: 0px 20px;
    }

    .plans-wrp .plan-single {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        text-align: center;
        background: #fff;
        overflow: hidden;
        margin-bottom: 10px;
        box-shadow: 0px 0px 10px rgba(204, 204, 204, .5);
        -webkit-box-shadow: 0px 0px 10px rgba(204, 204, 204, .5);
    }

    .plans-wrp .plan-single:hover {
        box-shadow: 0px 0px 10px rgba(204, 204, 204, 1);
        -webkit-box-shadow: 0px 0px 10px rgba(204, 204, 204, 1);
        z-index: 9;
    }

    .plans-wrp .plan-single .plan-head {
        background: #2d4b7b;
    }

    .plans-wrp .plan-single .plan-head p {
        background: rgba(4, 4, 4, .1);
        color: #fff;
        font-size: 14px;
        padding: 7px;
        margin: 0px;
    }

    .plans-wrp .plan-single .plan-head h2 {
        margin: 0px;
        font-size: 34px;
        font-weight: 700;
        color: #fff !important;
        padding: 10px;
    }

    .plans-wrp .plan-single .plan-head h2 i {
        font-size: 30px;
        font-style: normal;
    }

    .plans-wrp .plan-single .plan-head h2 small {
        font-size: 14px;
        margin-left: 5px;
        display: block;
        color: #fff;
        opacity: .85;
    }

    .plans-wrp .plan-single .plan-dscb {
        padding: 0px 0px 10px;
    }

    .plans-wrp .plan-single .plan-dscb p {
        font-size: 14px;
        color: #666;
        line-height: 20px;
        overflow: hidden;
        margin-bottom: 3px;
        text-align: left;
    }

.plans-wrp .btn {
    padding: 8px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    width: auto;
    background: #2d4b7b;
    border: 0px;
    width: 90%;
}

/*.plans-wrp .col-md-3 {
    width: 25%;
    display: inline-block;
    float: none;
}*/
.plans-wrp .col-md-3 {
    width: 100%;
    float: none;
}

.plans-wrp .tab-box .tab-content .row {
    display: flex;
}

.plans-wrp .col-md-3:nth-child(1) .plan-single .plan-head, .plans-wrp .col-md-3:nth-child(1) .plan-single .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(1) .plan-single .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(1) .plan-single .plan-dscb .radio.radio-css {
    background: #dc9b18;
}
.plans-wrp .col-md-3:nth-child(1) .plan-single:hover .plan-head, .plans-wrp .col-md-3:nth-child(1) .plan-single:hover .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(1) .plan-single:hover .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(1) .plan-single:hover .plan-dscb .radio.radio-css {
    background: #c58608;
}
.plans-wrp .col-md-3:nth-child(1) .plan-single:hover, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(1) .plan-single:hover {
    box-shadow: 0px 0px 5px #c68b16;
    -webkit-box-shadow: 0px 0px 5px #c68b16;
}

.plans-wrp .col-md-3:nth-child(2) .plan-single .plan-head, .plans-wrp .col-md-3:nth-child(2) .plan-single .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(2) .plan-single .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(2) .plan-single .plan-dscb .radio.radio-css {
    background: #e16e51;
}
.plans-wrp .col-md-3:nth-child(2) .plan-single:hover .plan-head, .plans-wrp .col-md-3:nth-child(2) .plan-single:hover .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(2) .plan-single:hover .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(2) .plan-single:hover .plan-dscb .radio.radio-css {
    background: #d15232;
}
.plans-wrp .col-md-3:nth-child(2) .plan-single:hover, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(2) .plan-single:hover {
    box-shadow: 0px 0px 5px #d15232;
    -webkit-box-shadow: 0px 0px 5px #d15232;
}

.plans-wrp .col-md-3:nth-child(3) .plan-single .plan-head, .plans-wrp .col-md-3:nth-child(3) .plan-single .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(3) .plan-single .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(3) .plan-single .plan-dscb .radio.radio-css {
    background: #73bb45;
}
.plans-wrp .col-md-3:nth-child(3) .plan-single:hover .plan-head, .plans-wrp .col-md-3:nth-child(3) .plan-single:hover .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(3) .plan-single:hover .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(3) .plan-single:hover .plan-dscb .radio.radio-css {
    background: #5ba12e;
}
.plans-wrp .col-md-3:nth-child(3) .plan-single:hover, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(3) .plan-single:hover {
    box-shadow: 0px 0px 5px #5ba12e;
    -webkit-box-shadow: 0px 0px 5px #5ba12e;
}

.plans-wrp .col-md-3:nth-child(4) .plan-single .plan-head, .plans-wrp .col-md-3:nth-child(4) .plan-single .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(4) .plan-single .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(4) .plan-single .plan-dscb .radio.radio-css {
    background: #9458e3;
}
.plans-wrp .col-md-3:nth-child(4) .plan-single:hover .plan-head, .plans-wrp .col-md-3:nth-child(4) .plan-single:hover .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(4) .plan-single:hover .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(4) .plan-single:hover .plan-dscb .radio.radio-css {
    background: #7238bf;
}
.plans-wrp .col-md-3:nth-child(4) .plan-single:hover, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(4) .plan-single:hover {
    box-shadow: 0px 0px 5px #7238bf;
    -webkit-box-shadow: 0px 0px 5px #7238bf;
}

.plans-wrp .col-md-3:nth-child(5) .plan-single .plan-head, .plans-wrp .col-md-3:nth-child(5) .plan-single .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(5) .plan-single .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(5) .plan-single .plan-dscb .radio.radio-css {
    background: #5290f3;
}
.plans-wrp .col-md-3:nth-child(5) .plan-single:hover .plan-head, .plans-wrp .col-md-3:nth-child(5) .plan-single:hover .btn, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(5) .plan-single:hover .plan-head, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(5) .plan-single:hover .plan-dscb .radio.radio-css {
    background: #3372d5;
}
.plans-wrp .col-md-3:nth-child(5) .plan-single:hover, .login-wrp.register-wrp .login-form-box .carousel .carousel-inner .item:nth-child(5) .plan-single:hover {
    box-shadow: 0px 0px 5px #3372d5;
    -webkit-box-shadow: 0px 0px 5px #3372d5;
}

/*.plans-wrp .plan-single:hover .plan-head h2 {
    background: #304b7b;
    background: -webkit-gradient(linear, left top, right top, from(#794060), to(#304b7b));
    background: -webkit-linear-gradient(left, #304b7b, #794060);
    background: -moz-linear-gradient(left, #304b7b, #794060);
    background: -ms-linear-gradient(left, #304b7b, #794060);
    background: -o-linear-gradient(left, #304b7b, #794060);
}
.plans-wrp .plan-single:hover .btn,
.plans-wrp .btn:hover {
    background: #304b7b;
    background: -webkit-gradient(linear, left top, right top, from(#794060), to(#304b7b));
    background: -webkit-linear-gradient(left, #304b7b, #794060);
    background: -moz-linear-gradient(left, #304b7b, #794060);
    background: -ms-linear-gradient(left, #304b7b, #794060);
    background: -o-linear-gradient(left, #304b7b, #794060);
    color: #fff;
}*/
.plans-wrp .btn i {
    margin-left: 5px;
}

.plans-wrp .plan-single .plan-dscb ul {
    list-style: none;
    padding: 0px;
    /*height: 250px;
    overflow: hidden;*/
    margin: 0px;
}

    .plans-wrp .plan-single .plan-dscb ul li {
        font-size: 12px;
        line-height: 17px;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 5px;
        padding: 8px 10px;
    }

        .plans-wrp .plan-single .plan-dscb ul li:last-child {
            padding-bottom: 0px;
            border: 0px;
        }

    .plans-wrp .plan-single .plan-dscb ul ul {
        overflow: visible;
    }

    .plans-wrp .plan-single .plan-dscb ul li li {
        padding: 0px;
        position: relative;
        padding-left: 10px;
        text-align: left;
        border: 0px;
        margin-bottom: 5px;
        line-height: 16px;
    }

    .plans-wrp .plan-single .plan-dscb ul li li:before {
        content: "\f111";
        font-family: 'FontAwesome';
        font-size: 6px;
        position: absolute;
        left: 0px;
    }

/*.plans-wrp .plan-single:hover {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    position: relative;
    z-index: 99;
}*/
.enterprise-plan-box {
    background: #2d4b7b url(../img/enterprise_cldr_icon.png) no-repeat 93% 114%;
    padding: 30px;
    border-radius: 4px;
    text-align: center;
    margin-top: 20px;
    position: relative;
}
.enterprise-plan-box:hover {
    background: #ed3237 url(../img/enterprise_cldr_icon.png) no-repeat 93% 114%;
}
.enterprise-plan-box:before {
    content: "";
    background: url(../img/enterprise_envelope_icon.png) no-repeat;
    width: 100px;
    height: 60px;
    position: absolute;
    left: -20px;
    top: 0px;
    transform: rotate(45deg);
}

.enterprise-plan-box:after {
    content: "\f156";
    font-family: 'FontAwesome';
    position: absolute;
    left: 12%;
    bottom: -25px;
    color: rgba(255, 255, 255, .05);
    font-size: 100px;
    line-height: normal;
}

.enterprise-plan-box h3 {
    color: #fff;
    margin: 0px 0px 15px;
}

.enterprise-plan-box p {
    color: #fff;
    font-size: 17px;
    opacity: .9;
    padding: 0px 7%;
}

.enterprise-plan-box .btn {
    width: auto;
    border: 1px solid rgba(255, 255, 255, .6);
    margin-top: 10px;
}

.enterprise-plan-box:hover .btn {
    background: #fff;
    color: #ed3237;
}

.plans-wrp .tab-box .tab-content {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.plus-gst {
    font-size: 13px;
    opacity: 0.9;
    margin-left: 4px;
    font-weight: 400;
}

.tab-box {
    margin: 25px 0px;
    margin-bottom: 0px;
}

.tab-box .nav.nav-pills {
    text-align: center;
    position: relative;
}

.tab-box .nav.nav-pills:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 21px;
}

.tab-box .nav.nav-pills li {
    float: none;
    display: inline-block;
    margin: 0px 5px;
}

.tab-box .nav.nav-pills li a {
    box-shadow: 0px 0px 10px #ccc;
    font-size: 16px;
    padding: 8px 50px;
    background: #fff;
    width: 160px;
}

.tab-box .nav.nav-pills li a:hover {
    background: #2d4b7b;
    color: #fff;
}

.tab-box .nav.nav-pills li.active a {
    background: #304b7b;
    background: -webkit-gradient(linear, left top, right top, from(#794060), to(#304b7b));
    background: -webkit-linear-gradient(left, #304b7b, #794060);
    background: -moz-linear-gradient(left, #304b7b, #794060);
    background: -ms-linear-gradient(left, #304b7b, #794060);
    background: -o-linear-gradient(left, #304b7b, #794060);
    color: #fff;
}

.plans-wrp .slimScrollBar, .plans-wrp .slimScrollRail {
    right: 3px !important;
    background: #c1c1c1 !important;
    opacity: 1 !important;
}

.tab-box .nav.nav-pills .currency-select-box {
    position: absolute;
    right: 0px;
    top: 6px;
    background: #fff;
    padding-left: 20px;
}

    .tab-box .nav.nav-pills .currency-select-box label {
        float: right;
        margin-right: 10px;
        margin-bottom: 0px;
        line-height: 26px;
        font-weight: 400;
    }

.tab-box .nav.nav-pills select {
    width: 60px;
    padding: 0px 3px;
    height: 24px;
    float: right;
}

.plans-wrp .no-of-plan-service {
    background: #fff;
    position: absolute;
    top: 0px;
    padding-right: 20px;
}

    .plans-wrp .no-of-plan-service h3 {
        margin: 0px;
    }

    .plans-wrp .no-of-plan-service p {
        margin: 0px;
    }
/* =========== Begin Step Process  ============= */
.step-process-wrp {
    background: #15141c url(../img/step_bg.jpg) no-repeat top center;
    padding: 50px 0px;
    background-size: cover;
    background-attachment: fixed !important;
}

.step-list li {
    width: 33.33%;
    float: left;
    text-align: center;
    list-style: none;
    padding: 0px 20px;
}

.step-list.four li {
    width: 25%;
}

.step-list li .icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    line-height: 80px;
}
.step-list li .icon:before {
    border: 6px solid transparent;
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.step-list li:hover .icon:before {
    border-color: rgba(255, 255, 255, .05);

}
.step-list li:hover .icon img, .step-list li:hover .icon i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.step-list li:nth-child(1) .icon {
    background: #ca8e1c
}

.step-list li:nth-child(2) .icon {
    background: #d1664e
}

.step-list li:nth-child(3) .icon {
    background: #6fad42
}

.step-list li:nth-child(4) .icon {
    background: #9458e3
}

.step-list li .icon:after {
    content: "";
    background: url(../img/arrow.png) no-repeat;
    width: 50px;
    height: 31px;
    position: absolute;
    right: -200%;
    top: 32px;
    background-size: 50px;
}

.step-list li:last-child .icon:after {
    display: none;
}

.step-list li .icon img {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    height: 60px;
}

.step-list li h4 {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}

.step-list li p {
    color: #fff;
    opacity: .8;
    font-size: 14px;
    margin: 0px;
}
/* =========== End Step Process  ============= */
/* Begin User Manual CSS */
.user-manual-wrp {
    padding: 30px 0px;
    overflow: hidden;
}

    .user-manual-wrp .btn {
        padding: 10px 30px;
        margin-top: 4px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        width: auto;
        background: #2d4b7b;
        border: 0px;
        margin-bottom: 20px;
    }

        .user-manual-wrp .plan-single:hover .btn, .user-manual-wrp .btn:hover {
            background: #304b7b;
            background: -webkit-gradient(linear, left top, right top, from(#794060), to(#304b7b));
            background: -webkit-linear-gradient(left, #304b7b, #794060);
            background: -moz-linear-gradient(left, #304b7b, #794060);
            background: -ms-linear-gradient(left, #304b7b, #794060);
            background: -o-linear-gradient(left, #304b7b, #794060);
            color: #fff;
        }

        .user-manual-wrp .btn i {
            margin-right: 5px;
        }

.user-manual-video {
    width: 100%;
    position: relative;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

    .user-manual-video:hover {
        box-shadow: 0px 0px 30px #54545470;
        -webkit-box-shadow: 0px 0px 30px #54545470;
    }

    .user-manual-video .user-manual-video-pic {
        position: relative;
        overflow: hidden;
    }

    .user-manual-video .user-manual-video-pic img {
        width: 100%;
        max-height: 175px;
    }
    .user-manual-video:hover .user-manual-video-pic img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    .user-manual-video h4 {
        font-size: 14px !important;
        padding: 0px 10px;
        line-height: 34px;
        height: 34px;
        overflow: hidden;
        margin: 0px !important;
        color: #666;
    }

    .user-manual-video:hover h4 {
        color: #2d4b7b;
    }

    .user-manual-video .play-btn {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        height: 40px;
        width: 40px;
        background: rgba(255, 255, 255, 0.8);
        color: #ed3237;
        line-height: 40px;
        text-align: center;
        font-size: 18px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .user-manual-video:hover .play-btn {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }

    .user-manual-video .play-btn i {
        margin-right: -3px;
    }

    .user-manual-video .play-btn:before {
        content: "";
        position: absolute;
        border: 10px solid rgba(255, 255, 255, 0);
        height: 40px;
        width: 40px;
        left: 0px;
        top: 0px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .user-manual-video:hover .play-btn:before {
        border-color: rgba(255, 255, 255, 0.4);
        height: 50px;
        width: 50px;
        left: -5px;
        top: -5px;
    }

    .user-manual-video .play-btn:after {
        content: "";
        position: absolute;
        border: 10px solid rgba(255, 255, 255, 0);
        height: 40px;
        width: 40px;
        left: 0px;
        top: 0px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .user-manual-video:hover .play-btn:after {
        border-color: rgba(255, 255, 255, 0.15);
        height: 60px;
        width: 60px;
        left: -10px;
        top: -10px;
    }


/* Usaer Manual Video Popup */
.user-manual-video-popup.modal {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 60px;
    padding-bottom: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.75);
}

.user-manual-video-popup .modal-content {
    position: relative;
    background-color: transparent;
    margin: auto;
    padding: 0;
    width: 80%;
    max-width: 800px;
    text-align: center;
    box-shadow: none;
    border: 0px;
}

.user-manual-video-popup .close {
    color: white;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
}

.user-manual-video-popup .prev, .user-manual-video-popup .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -34px;
    left: -25px;
    opacity: 0;
    width: 30px;
    text-align: center;
}

.user-manual-video-popup .next {
    right: -25px;
    left: inherit;
}

.user-manual-video-popup .modal-content:hover .prev, .user-manual-video-popup .modal-content:hover .next {
    opacity: 1;
}

.user-manual-video-popup .modal-content .mySlides {
    padding: 10px;
}

    .user-manual-video-popup .modal-content .mySlides img {
        max-width: 100%;
        max-height: 700px;
        border: 8px solid #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .user-manual-video-popup .modal-content .mySlides video {
        width: 100%;
        min-height: 391px;
        border-radius: 5px;
        border: 10px solid #fff;
    }

    .user-manual-video-popup .modal-content .mySlides a {
        float: left;
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
        position: absolute;
        top: -15px;
    }

    .user-manual-video-popup .modal-content .mySlides video {
        width: 100%;
        background: #fff;
    }

    .user-manual-video-popup .modal-content .mySlides h4 {
        font-weight: 500;
        color: #fff;
    }
/* End User Manual CSS */
/* Begin Supported Devices */
.sup-device-wrp {
    padding: 30px 0px;
    background: #f2f2f2;
    overflow: hidden;
}

    .sup-device-wrp .dscb p {
        font-size: 14px;
        color: #505050;
        line-height: 20px;
    }

.single-sup-device {
    background: #fff;
    padding: 20px;
    position: relative;
    margin: 15px 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}

    .single-sup-device:hover {
        box-shadow: 0px 0px 30px #54545470;
        -webkit-box-shadow: 0px 0px 30px #54545470;
    }

    .single-sup-device .sup-pic {
        position: absolute;
        width: 180px;
        height: calc(100% - 20px);
        background: #ece2e2;
        top: 10px;
        left: 10px;
        overflow: hidden;
    }

        .single-sup-device .sup-pic img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 100%;
            max-height: 100%;
        }

    .single-sup-device .sup-dscb {
        width: 100%;
        padding-left: 190px;
    }

        .single-sup-device .sup-dscb h3 {
            margin: 0px 0px 10px;
            font-size: 18px;
            color: #2d4b7b;
        }

        .single-sup-device .sup-dscb p {
            font-size: 14px;
        }
/* Begin List Supported */
/* ============ Begin Case Study wrp ============*/
.case-study-wrp {
    padding: 30px 0px;
}

.single-result {
    text-align: center;
    width: 50%;
    float: left;
}

    .single-result:nth-child(1) .progress-circle .left-half-clipper .first50-bar {
        background: #dc9b18;
    }

    .single-result:nth-child(1) .progress-circle .left-half-clipper .value-bar {
        border-color: #dc9b18;
    }

    .single-result:nth-child(2) .progress-circle .left-half-clipper .first50-bar {
        background: #e16e51;
    }

    .single-result:nth-child(2) .progress-circle .left-half-clipper .value-bar {
        border-color: #e16e51;
    }

    .single-result:nth-child(3) .progress-circle .left-half-clipper .first50-bar {
        background: #73bb45;
    }

    .single-result:nth-child(3) .progress-circle .left-half-clipper .value-bar {
        border-color: #73bb45;
    }

    .single-result:nth-child(4) .progress-circle .left-half-clipper .first50-bar {
        background: #5290f3;
    }

    .single-result:nth-child(4) .progress-circle .left-half-clipper .value-bar {
        border-color: #5290f3;
    }

    .single-result p {
        width: 100%;
        float: left;
        font-size: 14px;
    }
/* Begin progress Bar Circle */
.progress-circle {
    font-size: 20px;
    margin: 15px 0px 10px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #ddd;
    border-radius: 50%;
    line-height: 5em;
    display: inline-flex;
}

    .progress-circle:after {
        border: none;
        position: absolute;
        top: 0.35em;
        left: 0.35em;
        text-align: center;
        display: block;
        border-radius: 50%;
        width: 4.3em;
        height: 4.3em;
        background-color: white;
        content: " ";
    }

    .progress-circle span {
        position: absolute;
        line-height: 5em;
        width: 5em;
        text-align: center;
        display: block;
        color: #2d4b7b;
        z-index: 2;
        font-weight: 700;
    }

.left-half-clipper {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto,auto,auto,auto);
}

.value-bar {
    position: absolute;
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #53777A;
    box-sizing: border-box;
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777A;
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.progress-circle.p0 .value-bar {
    display: none;
}

.progress-circle.p1 .value-bar {
    transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
    transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
    transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
    transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
    transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
    transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
    transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
    transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
    transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
    transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
    transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
    transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
    transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
    transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
    transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
    transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
    transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
    transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
    transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
    transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
    transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
    transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
    transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
    transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
    transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
    transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
    transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
    transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
    transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
    transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
    transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
    transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
    transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
    transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
    transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
    transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
    transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
    transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
    transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
    transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
    transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
    transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
    transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
    transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
    transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
    transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
    transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
    transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
    transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
    transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
    transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
    transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
    transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
    transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
    transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
    transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
    transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
    transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
    transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
    transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
    transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
    transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
    transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
    transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
    transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
    transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
    transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
    transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
    transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
    transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
    transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
    transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
    transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
    transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
    transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
    transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
    transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
    transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
    transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
    transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
    transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
    transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
    transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
    transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
    transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
    transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
    transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
    transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
    transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
    transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
    transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
    transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
    transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
    transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
    transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
    transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
    transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
    transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
    transform: rotate(360deg);
}
/* End progress Bar Circle */
.slider-box {
    border-radius: 4px;
    overflow: hidden;
}

    .slider-box .carousel-control {
        width: 70px;
        height: 73%;
        background: transparent;
    }

    .slider-box .dscb {
        background: #f2f2f2;
        text-align: center;
        float: left;
        padding: 0px 20px;
    }

.btn.btn-outline {
    padding: 8px 30px;
    text-transform: uppercase;
    font-weight: 700;
    width: auto;
    border: 1px solid #2d4b7b;
    float: none;
    display: inline-block;
}

    .btn.btn-outline:hover {
        background: #2d4b7b;
        color: #fff;
    }
/* ============ End Case Study wrp ============*/
/* ============ Begin Support wrp ============*/
.support-wrp {
    background: #2d4b7b url(../img/support_bg_parallax.jpg) no-repeat top center !important;
    background-attachment: fixed !important;
    padding: 40px 0px;
    text-align: center;
    position: relative;
    background-size: cover !important;
}

    .support-wrp:before {
        content: "";
        background: rgba(45, 75, 123, .95);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
    }

    .support-wrp .container {
        position: relative;
        z-index: 99;
    }

    .support-wrp .heading-box {
        margin-bottom: 40px;
    }

        .support-wrp .heading-box h2 {
            color: #fff;
        }

    .support-wrp li .icon:after {
        display: none;
    }

    .support-wrp .btn.btn-outline {
        border-color: #fff;
        color: #fff;
    }

        .support-wrp .btn.btn-outline:hover {
            background: #fff;
            color: #2d4b7b;
        }

    .support-wrp .step-list li p b {
        display: block;
    }
/* ============ End Support wrp ============*/
.login-modal.custom-form .modal-header {
    background: #ed3227 /*url('../img/clock-popup.png') no-repeat*/;
    text-align: left;
}

.login-modal .radio.radio-css span {
    position: relative;
    margin-right: 30px;
}

.login-modal .checkbox.checkbox-css span {
    margin-left: 0px !important;
}

.signup-modal .radio.radio-css span label:before {
    top: 0px;
}

.signup-modal .radio.radio-css span label:after {
    top: 4px;
}

.login-wrp.register-wrp .plans-wrp .plan-single .plan-dscb ul {
    height: 158px;
}

.navbar-fixed-top .other-logo {
    margin: 17px 5px 0px;
}
/* ========== Subscribe CSS ===========*/
.stayup-wrp {
    padding: 30px 0px;
    background: #2d4b7b url('../img/subscribe_bg.jpg') no-repeat 0px 0px;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

    .stayup-wrp h4 {
        font-size: 22px;
        color: #fff !important;
        margin: 0px;
        line-height: 30px;
        padding-right: 80px;
    }

    .stayup-wrp .subscribe-box {
        position: relative;
        margin: 20px 0px 0px;
    }

        .stayup-wrp .subscribe-box .btn {
            position: absolute;
            top: 0px;
            right: 0px;
            height: 100%;
            padding: 0px 30px;
            background: #fff;
            color: #ed3227;
            font-weight: 700;
            font-size: 16px;
        }

        .stayup-wrp .subscribe-box input {
            border: 2px solid #fff;
            height: 50px;
            background: transparent;
            color: #fff;
            font-size: 14px;
        }

            .stayup-wrp .subscribe-box input::-webkit-input-placeholder {
                color: #fff;
                opacity: .7;
            }

            .stayup-wrp .subscribe-box input::-moz-placeholder {
                color: #fff;
                opacity: .7;
            }

            .stayup-wrp .subscribe-box input:-ms-input-placeholder {
                color: #fff;
                opacity: .7;
            }

            .stayup-wrp .subscribe-box input:-moz-placeholder {
                color: #fff;
                opacity: .7;
            }

footer {
    padding: 30px 0px 0px;
    background: #fff;
    position: relative;
    opacity: 1 !important;
    border-top: 1px solid #ddd;
    z-index: 2;
}

    footer .heading-box h2 {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    footer .heading-box:after {
        display: none;
    }

.contact-no-box {
    float: right;
    list-style: none;
    margin: 0px 30px 0px 0px;
    padding: 0px;
}

    .contact-no-box li {
        position: relative;
        padding-left: 55px;
        margin-bottom: 30px;
        width: 100%;
        float: left;
    }

        .contact-no-box li:last-child {
            margin: 0px;
        }

        .contact-no-box li:before {
            content: "";
            font-family: 'FontAwesome';
            height: 40px;
            width: 40px;
            position: absolute;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            left: 0px;
            top: 0px;
            text-align: center;
            line-height: 38px;
            color: #fff;
            font-size: 16px;
            background: #2d4b7b;
        }

        .contact-no-box li:hover:before {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            background: #ed3227;
        }

        .contact-no-box li.address:before {
            content: "\f041";
        }

        .contact-no-box li.phone:before {
            content: "\f095";
        }

        .contact-no-box li.email:before {
            content: "\f0e0";
        }

        .contact-no-box li a {
            display: inline-block;
            text-decoration: none;
            margin-right: 30px;
        }

            .contact-no-box li a + a {
                margin-top: 10px
            }

            .contact-no-box li a small {
                color: #999;
                font-size: 13px;
                display: block;
                line-height: 16px;
                margin-bottom: 5px;
            }

            .contact-no-box li a span {
                color: #555;
                font-size: 16px;
                line-height: 20px;
            }

            .contact-no-box li a:hover span {
                color: #ed3227;
            }

footer .form-group {
    margin-bottom: 10px;
}

footer textarea.form-control {
    height: 50px;
    resize: none;
}

footer .listing {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

footer .listing li {
    margin-bottom: 12px;
}

footer .listing li a {
    font-size: 14px;
}

footer .listing li a:hover {
    color: #ed3227;
}

footer .listing li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 8px;
    font-size: 16px;
}
/* Subscribe Now */
footer p {
    font-size: 16px;
}

footer .subscribe-box {
    position: relative;
    margin: 10px 0px 30px;
}

footer .subscribe-box .btn {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 40px;
    padding: 0px 15px;
    background: #2d4b7b;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

footer .subscribe-box input {
    border: 1px solid rgba(0,0,0,.125);
    height: 50px;
    font-size: 14px;
    outline: none;
}

.copyright-box {
    background: #f0f5fb;
    padding: 8px 0px;
    color: #555;
    float: left;
    width: 100%;
}

    .copyright-box .policies-box {
        float: left;
        width: 20%;
        padding-top: 4px;
    }

    .copyright-box .reserved-box {
        float: left;
        width: 60%;
        text-align: center;
        padding-top: 4px;
    }

        .copyright-box .reserved-box .powered-by {
            display: inline-block;
            text-align: left;
        }

        .copyright-box .reserved-box span {
            color: #2d4b7b;
            font-weight: 700;
        }

.version {
    float: left;
    width: 20%;
    text-align: right;
    line-height: 20px;
    padding-top: 2px;
}
/* Begin Social links */
.social-links {
    padding: 0px;
    float: left;
}

    .social-links li {
        float: left;
        list-style: none;
        margin-right: 5px;
    }

        .social-links li a {
            display: block;
            height: 38px;
            width: 38px;
            text-align: center;
            color: #fff;
            border-radius: 50%;
            line-height: 38px;
            font-size: 16px;
        }

.facebook a {
    background: #3c5b9b;
}

.twitter a {
    background: #2daae1;
}

.google-plus a {
    background: #f63f29;
}

.linkedin a {
    background: #0085ae;
}

.instagram a {
    background: #517fa4;
}

.youtube a {
    background: #df2f2f;
}

.social-links li a:hover i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
/* End Social links */

.copyright-box p {
    margin: 0px;
    line-height: 20px;
    color: #fff;
}

.copyright-box a {
    color: #2d4b7b;
    margin: 0px 5px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 10px;
    margin-left: 5px;
}

    .copyright-box a:last-child {
        border: 0px;
    }

    .copyright-box a:hover {
        text-decoration: underline;
        color: #ed3237;
    }

.copyright-box.fixed-bottom {
    position: fixed;
    width: 100%;
    bottom: 0px;
}

.verified-modal-box h1 {
    text-align: center;
    font-size: 30px;
    color: #2d4b7b !important;
    font-weight: 700;
}

    .verified-modal-box h1 small {
        display: block;
        font-size: 15px;
        margin-top: 15px;
        line-height: 20px;
    }

.verified-modal-box .register-content {
    margin: 30px 10px;
}

    .verified-modal-box .register-content #divotpEmail {
        border: 1px solid #ddd;
        padding: 25px 20px 10px;
        border-radius: 10px;
    }

    .verified-modal-box .register-content .control-label {
        margin-bottom: 10px;
    }

    .verified-modal-box .register-content .text-success {
        color: #2d4b7b !important;
        font-size: 12px;
        font-weight: 700 !important;
    }

    .verified-modal-box .register-content #divotpPhone {
        border: 1px solid #ddd;
        padding: 25px 20px 10px;
        margin-top: 20px;
    }

    .verified-modal-box .register-content .btn {
        width: 100%;
        padding: 10px;
        background: #2d4b7b;
        color: #fff;
        font-size: 16px;
        margin-top: 10px;
        border-radius: 4px;
        border-color: #2d4b7b;
        margin-bottom: 10px;
    }

        .verified-modal-box .register-content .btn:hover {
            background: #ed3237;
            border-color: #ed3237;
        }

.virified-wrp {
    background: url(/assets/img/slider-1.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
}

    .virified-wrp .virified-box {
        background: #fff;
        padding: 30px;
        width: 400px;
        margin: 50px auto;
        height: auto;
        border-radius: 10px;
    }

        .virified-wrp .virified-box h1 {
            text-align: center;
            font-size: 30px;
            color: #0790e8 !important;
            font-weight: 700;
        }

            .virified-wrp .virified-box h1 small {
                display: block;
                font-size: 15px;
                margin-top: 15px;
                line-height: 20px;
            }

        .virified-wrp .virified-box .register-content {
        }

        .virified-wrp .virified-box #divotpEmail {
            border: 1px solid #ddd;
            padding: 20px 10px 0px;
            margin-top: 20px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
        }

        .virified-wrp .virified-box #divotpPhone {
            border: 1px solid #ddd;
            padding: 20px 10px 0px;
            margin-top: 20px;
        }

        .virified-wrp .virified-box .btn {
            margin-bottom: 15px;
            padding: 8px 30px;
            text-transform: capitalize;
            font-size: 14px;
        }


/*============ Wizard CSS ===================*/

.without-left-sidebar {
    margin-left: auto;
    background: url(../img/login-bg/login_register_bg.png) no-repeat;
    background-size: cover;
    margin-top: 0px;
    width: 100%;
    height: 100vh;
    position: absolute;
    padding: 30px;
    top: 0px;
    left: 0px;
}

    .without-left-sidebar:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0px;
        top: 0px;
        background: rgba(0, 0, 0, .5);
    }

.wizard-box ol {
    padding: 0px;
}

    .wizard-box ol li.active a,
    .wizard-box ol li.active span {
        color: #fff;
    }

.with-plus-icon .form-control {
    width: calc(100% - 50px);
    float: left;
}

.with-plus-icon a {
    width: 40px;
    text-align: center;
    float: right;
}

.wizard-box {
    background: #fff;
    padding: 0px;
    width: 560px;
    height: 380px;
    z-index: 99;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 50px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

    .wizard-box.MainHeightAdjust {
        height: 450px;
    }

    .wizard-box .row {
        margin: 10px 10px;
    }

        .wizard-box .row .col-md-6, .wizard-box .row .col-md-12 {
            padding: 0px 20px;
        }

    .wizard-box .form-group {
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .wizard-box .form-control {
        border: 0px;
        border-radius: 0px;
        border-bottom: 1px solid #ddd;
        padding: 0px;
        box-shadow: none !important;
    }

    .wizard-box .heading-box {
        border-bottom: 1px solid #ddd;
        margin: 0px 0px 15px;
        padding: 10px 15px 0px;
    }

        .wizard-box .heading-box h3 {
            margin: 0px;
        }

    .wizard-box .btn.btn-primary {
        color: #fff;
        background: #2d4b7b;
        border-color: #2d4b7b;
        height: 38px;
        padding: 0px 20px;
        margin: 0px !important;
        width: 100%;
    }

        .wizard-box .btn.btn-primary:hover {
            background: #ed3237;
            border-color: #ed3237;
        }

    .wizard-box .alert {
        margin: 0px 20px;
    }

/* ================= Plan Popup ============*/

.plan-list-popup-box {
    background: #f7fafb;
    padding: 10px 15px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}

    .plan-list-popup-box .radio.radio-css span {
        margin-right: 26px;
        position: relative;
    }

        .plan-list-popup-box .radio.radio-css span:last-child {
            margin-right: 0px;
        }

        .plan-list-popup-box .radio.radio-css span .plan-dscb-box {
            display: none;
            position: absolute;
            bottom: 30px;
            background: #fff;
            padding: 8px;
            width: 220px;
            text-align: center;
            border-radius: 4px;
            border: 1px solid #ddd;
            box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.2);
            left: 50%;
            margin-left: -100px;
        }

        .plan-list-popup-box .radio.radio-css span:hover .plan-dscb-box {
            display: block;
        }

        .plan-list-popup-box .radio.radio-css span .plan-dscb-box:after {
            content: "\f0dd";
            font-family: 'FontAwesome';
            position: absolute;
            font-size: 20px;
            bottom: -13px;
            color: #ddd;
        }

        .plan-list-popup-box .radio.radio-css span .plan-dscb-box h2 {
            font-size: 20px;
            font-weight: 700;
            margin: 0px;
            color: #ed3237 !important;
            margin-bottom: 5px;
            border-bottom: 1px solid #ddd;
            padding-bottom: 4px;
        }

            .plan-list-popup-box .radio.radio-css span .plan-dscb-box h2 i {
                font-size: 14px;
                margin-right: 5px;
            }

            .plan-list-popup-box .radio.radio-css span .plan-dscb-box h2 small {
                font-size: 14px;
                margin-left: 5px;
            }

    .plan-list-popup-box .control-label {
        margin: 0px;
    }


/*================= Cart CSS ================*/

.cart-wrp {
    padding: 50px 0px;
}

.cart-box {
    padding: 0px;
}

.cart-user-list {
    list-style: none;
    padding: 0px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    background: #fff;
}
.cart-user-list:after {
    content: "\f007";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 200px;
    right: -20px;
    bottom: -80px;
    transform: rotate(-15deg);
    color: #a4aaaf;
}

.cart-user-list:hover:after {
    transform: scale(1.1);
    color: rgba(237, 50, 55, .4);
}

.cart-user-list h3 {
    margin: 0px 0px 20px;
    border-bottom: 1px solid #e3e3e3;
    padding: 16px 15px 12px;
    font-weight: 700;
    font-size: 16px;
}

.cart-user-list.payment h3 .form-control {
    float: right;
    width: auto;
    margin: -8px 0px;
    height: 30px;
}

.cart-user-list li {
    line-height: 18px;
    margin-bottom: 12px;
    font-size: 14px;
    float: left;
    width: 100%;
    padding: 0px 40px;
}

.cart-user-list li span {
    width: 35%;
    float: left;
    position: relative;
}

.cart-user-list li span:after {
    content: ":";
    position: absolute;
    right: 37%;
    color: #888;
}

.cart-user-list li strong {
    width: 65%;
    float: left;
    font-weight: 400;
    color: #555;
}

.cart-user-list.payment:after {
    display: none;
}

.cart-user-list.payment .cart-user-list.m-t-10 {
    border: 0px;
}

.cart-user-list.payment strong {
    text-align: right;
    width: auto;
    float: right;
}

.cart-user-list.payment span {
    width: auto;
}


.cart-user-list.payment li.total {
    font-size: 18px;
    border-top: 1px solid #ddd;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    font-weight: 400;
    margin-bottom: 0px;
}

.cart-user-list li.total strong {
    color: #999;
    font-weight: 700;
}

.cart-user-list li.total strong.light {
    font-weight: 400;
}

.cart-user-list li.total strong.light .strong {
    font-weight: 700;
}

.cart-user-list li.total strong p {
    display: inline-block;
    color: #666;
    margin-bottom: 4px;
}

.cart-user-list li.total.border-bottom {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 6px;
}

.cart-user-list li.grand-total {
    font-size: 23px;
    border-top: 1px solid #ddd;
    padding-top: 14px;
    color: #2d4b7b;
}

.cart-user-list li.grand-total i {
    color: #666;
    font-size: 20px;
    margin-right: 2px;
}

.cart-user-list li.grand-total span {
    color: #333;
    font-size: 22px;
    font-weight: 700;
}

.cart-user-list.payment .btn {
    width: 100%;
    padding: 10px;
    background: #2d4b7b;
    color: #fff;
    font-size: 16px;
    border-color: #2d4b7b;
    border-radius: 4px;
    margin-top: 5px;
}

.cart-user-list.payment .btn:hover {
    border-color: #ed3237;
    background: #ed3237;
}

.cart-user-list.payment li {
    position: relative;
}

.cart-user-list.payment li a {
    font-size: 12px;
    float: right;
}

.cart-user-list.payment li a i {
    margin-left: 5px;
}

.cart-user-list.payment li.total {
    font-size: 17px;
}

.cart-user-list.payment li.add-on {
    border-top: 1px solid #ddd;
    padding-top: 12px !important;
}

.cart-user-list.payment li.grand-total {
    padding-top: 16px !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px !important;
}

.cart-user-list.payment li.grand-total strong {
    font-weight: 700;
}

.cart-user-list.payment li span:after {
    display: none;
}

.cart-user-list.payment li .hint {
    position: absolute;
    line-height: 18px;
    right: 24px;
    top: 4px;
    font-size: 18px;
    z-index: 99;
    background: #fff;
}

.cart-wrp.payment .alert-success h2 {
    margin: 0px;
    font-size: 24px;
    border-bottom: 1px solid #4dcb86;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cart-wrp.payment .alert-warning h2 {
    margin: 0px;
    font-size: 24px;
    border-bottom: 1px solid #eac495;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cart-wrp.payment .alert.alert-warning a {
    float: right;
    color: #945c18;
    border: 1px solid #eac495;
    width: 90px;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    margin-top: -40px;
}

.cart-user-list .btn.btn-white {
    margin: -8px 0px;
    padding: 4px 15px;
}

.cart-user-list.payment {
    margin-bottom: 15px;
    /*padding-bottom: 8px;*/
    overflow: visible;
    float: left;
}l

.cart-wrp.payment .listing {
    margin-top: 25px;
}

.cart-user-list.payment li {
    margin-bottom: 8px;
    padding: 0px 20px !important;
}

.cart-user-list.payment li:last-child {
    margin-bottom: 0px;
}
.cart-box .listing li {
    color: #555;
}
/* ============== Demo signin details CSS ==============*/

.login-modal .demo-details .modal-body .listing {
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

    .login-modal .demo-details .modal-body .listing li {
        margin-bottom: 10px;
        font-size: 14px;
        color: #666;
    }

        .login-modal .demo-details .modal-body .listing li strong {
            float: right;
        }

.login-modal .demo-details .modal-body h4 {
    margin: 0px 0px 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    font-size: 16px;
    color: #666 !important;
    line-height: 24px;
}

    .login-modal .demo-details .modal-body h4 span {
        font-size: 18px;
        display: block;
        color: #444;
        font-weight: 700;
    }

.login-modal .demo-details .modal-body .other {
    font-size: 14px;
    color: #2d4b7b;
    opacity: 1;
    float: none;
    border: 1px solid transparent;
    padding: 10px 30px;
    border-radius: 4px;
}

.login-modal .demo-details .modal-body:hover .other {
    color: #ed3227;
    border-color: #ed3227;
}

.sweet-alert {
    padding-bottom: 40px !important;
}

    .sweet-alert .sa-icon {
        margin-bottom: 30px !important;
    }

footer .btn.btn-success {
    color: #fff;
    background: #2d4b7b;
    border-color: #2d4b7b;
}

    .btn.btn-success:active,
    footer .btn.btn-success:focus,
    footer .btn.btn-success:hover {
        background: #ed3227;
        border-color: #ed3227;
    }





.table-vertical-scroll-box {
    max-height: 235px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #ddd;
}
.table-vertical-scroll-box.big {
    max-height: 450px;
}

    .table-vertical-scroll-box.without-content {
        max-height: 440px;
    }

    .table-vertical-scroll-box .table.dataTable {
        margin: 0px !important;
        border-bottom: 0px;
        padding: 0px;
    }

.in-th {
    margin: 0px !important;
}

    .in-th .checkbox.checkbox-css label {
        padding-left: 20px;
    }

.pace .pace-activity {
    border-top-color: #ed3237;
    border-left-color: #ed3237;
}

.small-hint {
    font-size: 12px;
    font-weight: 400;
    color: #a5a5a5;
}

.tabs-box {
    margin: 0px -5px;
}

.pace-progress {
    background: #ed3237;
}

.height-sm {
    height: 250px !important;
}

.tickLabel {
    color: #a0a0a0 !important;
}

.page-sidebar-minified .sidebar {
    position: fixed;
    z-index: 9999;
}

.radio.radio-css span {
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0px;
    text-align: left;
}

.with-dropdown select {
    float: right;
    width: 80px;
}

.dropdown-menu.command-box {
    width: 710px;
    padding: 15px;
    box-shadow: 0px 0px 10px #676767;
    -webkit-box-shadow: 0px 0px 10px #676767;
}

    .dropdown-menu.command-box .command-single-box {
        float: left;
        margin-right: 30px;
    }

        .dropdown-menu.command-box .command-single-box ul {
            padding: 0px 0px 0px 5px;
            margin: 0px;
        }

        .dropdown-menu.command-box .command-single-box h5 {
            margin: 0px 0px 10px 0px;
            font-size: 14px;
            color: #444 !important;
        }

        .dropdown-menu.command-box .command-single-box ul li {
            margin-bottom: 5px;
        }

            .dropdown-menu.command-box .command-single-box ul li a {
                color: #2d4b7b;
            }

                .dropdown-menu.command-box .command-single-box ul li a:hover {
                    color: #ed3237;
                }

                .dropdown-menu.command-box .command-single-box ul li a i {
                    margin-right: 5px;
                }

        .dropdown-menu.command-box .command-single-box:last-child {
            margin-right: 0px;
        }

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    background: #ffffff;
}

.small-note {
    font-size: 12px !important;
}

.three-boxes {
    text-align: center;
}

    .three-boxes .col-md-4 {
        width: 27%;
        float: none;
        display: inline-block;
        margin: 0px 20px;
    }

.edit-single-btn {
    margin-left: 10px !important;
}

footer address {
    float: left;
}

.listing {
    margin: 5px 15px 0px;
    padding: 0px;
}

.cart-wrp.payment {
    padding: 40px 0px;
    background: rgb(217, 224, 231);
}

header.payment {
    position: inherit;
    float: left;
}

.listing li {
    line-height: 18px;
    margin-bottom: 5px;
}

.listing h4 {
    margin-left: -12px;
    font-weight: 400;
    font-size: 20px;
}

.cart-wrp.payment .col-md-8,
.cart-wrp.payment .col-md-4 {
    padding: 0px 15px;
}
/* ============ Begin 404 Page ==============*/
.wrp-404 {
    background: #242a30;
}

.box-404 {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    height: auto;
    width: 70%;
    transform: translate(-50%, -50%);
    background: #242a30;
}

    .box-404 h3 {
        font-size: 70px;
        margin-top: 0px;
        color: #ed3237;
    }

    .box-404 h5 {
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        line-height: 30px;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .box-404 p {
        margin: 20px 0px 40px;
        font-size: 16px;
        color: rgba(255, 255, 255, .7);
    }

    .box-404 a {
        font-size: 16px;
        padding: 10px 30px;
        border: 1px solid #ffffff;
        border-radius: 38px;
        color: #fff;
    }

        .box-404 a:hover {
            background: #ed3237;
            border-color: #ed3237;
        }
/* ============ End 404 Page ==============*/


/*=========== Change Password ============*/

.white-container {
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    float: left;
    height: calc(100vh - 160px);
    overflow-y: auto;
}

.change-password-box .col-md-4,
.send-otp-password-box .col-md-4 {
    border: 1px solid #ddd;
    padding: 30px;
    margin: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    max-width: 370px;
}

.otp-box {
}

    .otp-box h4 {
        color: #666 !important;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .otp-box h4 span {
            color: #2d4b7b;
        }

    .otp-box .resend-otp {
        float: left;
    }

        .otp-box .resend-otp a {
            color: #ed3237;
            font-size: 14px;
            font-weight: 600;
        }

        .otp-box .resend-otp p {
            font-size: 16px;
            color: #2d4b7b;
        }




.search-box-panel {
    background: #f0f3f5;
    width: 100%;
    float: left;
    padding: 10px 5px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #e8e7e7;
}

    .search-box-panel .form-group {
        margin-bottom: 4px;
    }

    .search-box-panel .btn.btn-inverse {
        margin-top: 22px;
    }

header.payment .menu-top {
    float: right;
    margin: 22px 0px;
}

    header.payment .menu-top a {
        padding: 8px 20px;
        text-transform: inherit;
    }


/* ======== Begin Holiday List CSS ==========*/

.holiday-list-box .holiday-list {
    overflow-y: auto;
    height: 276px;
}

.holiday-list-box .holiday-list table {
    margin: 0px;
}

.holiday-list-box .holiday-list table th, .holiday-list-box .holiday-list table td {
    padding: 7px 2px 7px 6px;
}

.holiday-list-box h4.panel-title {
    font-size: 16px;
}

.holiday-list-box span.badge {
    background: #485158 !important;
    padding: 3px 10px;
    font-size: 11px !important;
}

.holiday-list-box h4.panel-title a {
    float: right;
    position: absolute;
    top: 0px;
}

.holiday-list-box .panel-heading {
    position: relative;
}

    .holiday-list-box .panel-heading a {
        position: absolute;
        right: 7px;
        top: 7px;
        background: #ed3237;
        padding: 4px 10px;
        border-radius: 4px;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
    }

        .holiday-list-box .panel-heading a:hover {
            background: #ed3237;
        }

.holiday-list-box .calendar {
    height: 276px;
}

.holiday-list-box .bootstrap-calendar .table td a {
    line-height: 30px;
}

.holiday-list-box .bootstrap-calendar .calendar {
    /* background: #242a30; */
    /* border: none; */
    /* border-radius: 0; */
    padding: 10px 20px;
}

    .holiday-list-box .bootstrap-calendar .calendar .visualmonthyear {
        /* color: #bdbdbd; */
    }

.bootstrap-calendar .calendar .table td.event a {
    color: #fff !important;
    background:transparent;
}

.holiday-list-box .bootstrap-calendar .table td a {
    line-height: 30px;
    /* color: #bdbdbd; */
}

.popover-header {
    font-size: 14px;
    color: #2d4b7b;
}


/* ======== End Holiday List CSS ==========*/


/* ======== Begin Attendance Charts CSS ==========*/


/* Begin attendance Status char CSS*/

.attendance_chart-box {
    height: 300px;
}

    .attendance_chart-box.widget-chart .widget-chart-sidebar {
        width: 100%;
        left: 0px;
        right: inherit;
        height: 316px;
        padding: 0px;
    }

    .attendance_chart-box.widget-chart .widget-chart-content {
        padding: 15px;
        margin-left: 0px;
        margin-right: 0px;
        height: 316px;
    }

    .attendance_chart-box .widget-chart-sidebar .chart-number {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #333;
        border-bottom: 1px solid #e3e3e3;
        padding: 10px 15px;
    }

    .attendance_chart-box #visitors-donut-chart,
    .attendance_chart-box #handleVisitorsAreaChartNew {
        width: 100%;
    }

        .attendance_chart-box #visitors-donut-chart svg,
        .attendance_chart-box #handleVisitorsAreaChartNew svg {
            height: 280px;
            margin-top: -30px;
        }


    /* End attendance Status char CSS*/


    /* Begin Present char CSS*/

    .attendance_chart-box #nv-bar-chart {
        height: 270px !important;
    }

        .attendance_chart-box #nv-bar-chart svg {
            margin-left: -10px;
        }

.chart-list .employee-single h4 {
    line-height: 21px;
}

.chart-list .employee-single p {
    line-height: 14px;
}

.attendance_chart-box .widget-chart-sidebar .chart-legend {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 200px;
    left: 10px;
    width: 100px;
}


/* End Present char CSS*/


/* Begin Absent char CSS*/


/*.attendance_chart-box #nv-bar-chart-new {
    height: 270px !important;
}

.attendance_chart-box #nv-bar-chart-new svg {
    margin-left: -10px;
}*/

.attendance_chart-box #absent-donut-chart {
}

    .attendance_chart-box #absent-donut-chart svg {
        height: 270px !important;
        margin-top: -30px;
    }


/* Begin Absent char CSS*/


/* Begin Device Status Chart CSS */

.attendance_chart-box #nv-bar-chart-new {
    margin-left: -10px;
}

    .attendance_chart-box #nv-bar-chart-new svg {
        height: 270px;
    }


/* End Device Status Chart CSS */


/*==== Begin Total Employee Box ===*/

.total-employees-box {
    top: 90px;
    margin-bottom: 5px;
    width: auto;
    float: left;
    clear: both;
}

.total-employees-box.total {
    border-bottom: 1px solid #e3e3e3;
}

.total-employees-box.total h4 {
    font-size: 20px;
}

.total-employees-box .employee-single {
    margin-bottom: 5px;
}

.total-employees-box .employee-single h4 {
    color: #f7ae44;
    margin: 0px;
    font-size: 18px;
}

.total-employees-box .employee-single h4 span {
    color: #bdbdbd;
    opacity: .7;
    font-size: 14px;
}

.total-employees-box .employee-single p {
    font-weight: 400;
    color: #888;
    margin: 0px;
}

    .total-employees-box .absent h4,
    .total-employees-box.absent h4 {
        color: #ff5b57 !important;
    }

    .total-employees-box .present h4,
    .total-employees-box.present h4 {
        color: #1acece;
    }

    .total-employees-box.chart-list .present:nth-child(1) h4 {
        color: #1acece;
    }

    .total-employees-box.chart-list .present:nth-child(2) h4 {
        color: #1acece;
    }

    .total-employees-box.chart-list .present:nth-child(3) h4 {
        color: #f59c1a;
    }

    .total-employees-box.chart-list .present:nth-child(4) h4 {
        color: #f59c1a;
    }

    .total-employees-box.chart-list .present:nth-child(5) h4 {
        color: #f59c1a;
    }


/*==== End Total Employee Box ===*/

.attendance_chart-box.further-box {
}

.attendance_chart-box.further-box .total-employees-box {
    width: 100%;
    border: 0px;
}

.attendance_chart-box.further-box .total-employees-box h4 {
    float: left;
}

.attendance_chart-box.further-box .total-employees-box p {
    float: left;
    margin-left: 5px;
    line-height: 23px;
}

.attendance_chart-box.further-box #nv-bar-chart {
    height: 250px !important;
}

.attendance_chart-box.further-box #nv-bar-chart svg {
    height: 240px !important;
}

.attendance_chart-box.further-box #nv-bar-chart-new {
    height: 250px !important;
}

.attendance_chart-box.further-box #nv-bar-chart-new svg {
    height: 240px !important;
}

.device-chart-box #stacked-chart {
}

    .device-chart-box #stacked-chart canvas {
        height: 240px !important;
    }

.device-chart-box .total-employees-box.chart-list .present:nth-child(1) h4 {
    color: #01acff;
}

.device-chart-box .total-employees-box.chart-list .present:nth-child(2) h4 {
    color: #ab79ff;
}

.device-chart-box .total-employees-box.chart-list .present:nth-child(3) h4 {
    color: #1acece;
}

.device-chart-box .total-employees-box.chart-list .present:nth-child(4) h4 {
    color: #f59c1a;
}

.flot-x-axis.flot-x1-axis.xAxis.x1Axis {
    color: #bdbdbd !important;
}

.flot-y-axis.flot-y1-axis.yAxis.y1Axis {
    color: #bdbdbd !important;
}

.flot-tick-label.tickLabel {
    color: #bdbdbd !important;
}

.nvd3 .nv-axis line {
    stroke: #ccc !important;
}

text {
    fill: #888 !important;
    font-weight: 400 !important;
}

path {
    stroke-width: 0px !important;
}

.attendance_chart-box #visitors-donut-chart text, .attendance_chart-box #absent-donut-chart text {
    fill: #fff !important;
}

.current-chart-box .panel-body canvas {
    height: 230px !important;
}

/*.page-sidebar-minified .content .current-chart-box .panel-body canvas {
    height: 228px !important;
}*/


/* ======== End Attendance Charts CSS ==========*/

.panel-title {
    font-size: 16px;
}

.birthday-list {
    height: 228px;
    overflow: hidden;
}

.birthday-list > li {
    padding: 15px 7.5px 10px;
    width: 33.33%;
    text-align: center;
}
.birthday-list > li > a {
    margin-bottom: 2px;
    height: 70px;
    width: 70px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

.birthday-list > li > a .wish-card {
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50%;
    left: 50%;
    background: #f59100;
    color: #fff;
    overflow: hidden
}

.birthday-list > li > a .wish-card span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
}

.birthday-list > li:hover > a .wish-card {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.birthday-list > li .username {
    line-height: 14px;
    margin-top: 4px;
}

.birthday-list > li .username small {
    margin-top: 1px;
}

/*.birthday-list > li .username small {
    font-size: 10px;
    line-height: 12px;
}*/

.panel-footer {
    padding: 8px 15px;
}



/* Filter Box */
.filter-box.fix-filter {
    margin: -10px -20px 5px;
    padding: 10px 20px;
    position: fixed;
    top: 65px;
    width: calc(100% - 220px);
    z-index: 999;
    background: #2e4c7c;
}
.page-sidebar-minified .filter-box.fix-filter {
    width: calc(100% - 60px);
}
.filter-box .form-control {
    font-size: 14px;
    padding: 0 10px;
    border: 0px !important;
}

.filter-box .bootstrap-select .selectpicker.dropdown-toggle {
    box-shadow: none !important;
    font-size: 14px;
}

.filter-box .bootstrap-select .selectpicker.dropdown-toggle span {
    color: #555;
}

.filter-box .bootstrap-select .selectpicker span {
    color: #666;
}

.filter-box .bootstrap-select-searchbox input {
    font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid #e3e3e3 !important;
}

.filter-box .btn-group {
    margin: 0px !important;
}

.calendar-input {
    position: relative;
}

    .calendar-input:after {
        position: absolute;
        content: "\f073";
        top: 7px;
        right: 10px;
        font-family: 'FontAwesome';
        font-size: 14px;
    }

.late-commers-box {
    height: 278px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .late-commers-box table th,
    .late-commers-box table td {
        padding: 10px 0px 10px 6px !important;
    }

    .late-commers-box table {
        margin: 0px;
    }

.late-commers-list-box {
    width: 33.33%;
    float: left;
    border-left: 1px solid #e2e7eb;
    height: 278px;
}

    .late-commers-list-box h4 {
        font-size: 12px;
        color: #242a30;
        border-bottom: 2px solid #e2e7eb;
        font-weight: 600;
        padding: 12px 10px;
        margin: 0px;
    }

    .late-commers-list-box ul {
        padding: 0px;
        list-style: none;
        margin: 0px;
    }

        .late-commers-list-box ul li {
            padding: 3px 12px;
            border-bottom: 1px solid #e2e7eb;
            height: 40px;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }


/* Begin Data Table CSS */

.dataTables_scroll .dataTables_scrollHeadInner {
    width: 100% !important;
}

    .dataTables_scroll .dataTables_scrollHeadInner .table.dataTable {
        width: 100% !important;
    }

.modal .dataTables_wrapper div.dataTables_filter input {
    width: auto !important;
}


.outdoor-attendance-popup .table-vertical-scroll-box {
    margin-top: -30px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}


/* End Data Table CSS */
.panel-inverse > .panel-heading {
    background: #ffffff;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    /*z-index: 999;*/
}
.panel-heading + .slimScrollDiv, .panel-heading + .table, .panel-toolbar {
    border:0px;
}
.birthday-list-panel .slimScrollDiv, .birthday-list-panel .slimScrollDiv .birthday-list {
    position: inherit !important;
}

.import i {
    transform: rotate(-90deg);
}

.export i {
    transform: rotate(-90deg);
}

/*.input-active {
    border-bottom: 2px solid green !important;
}

.button-active .dropdown-toggle {
    border-bottom: 2px solid green !important;
}

.checkbox.checkbox-css.input-active {
    border: 0px !important;
}

.checkbox.checkbox-css.input-active label:before {
    border-color: green;
    border-width: 2px;
}

.checkbox.checkbox-css span.input-active label:before {
    border-color: green;
    border-width: 2px;
}

.checkbox.checkbox-css span.input-active {
    border: 0px !important;
}*/



.no-data-wrap {
}

.no-data-list {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100px;
    margin: auto;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

    .no-data-list .icon {
        margin-bottom: 10px;
    }

    .no-data-list p {
        font-size: 14px;
        color: #666;
    }

#add-SMSSettingsForm table {
    border: 1px solid #ddd !important;
}

#add-SMSSettingsForm table td:first-child {
    width: 120px;
}

#add-SMSSettingsForm table .btn {
    border: 1px solid #333;
    background: #333;
}

#add-SMSSettingsForm table .btn i {
    color: #fff !important;
}

#add-SMSSettingsForm table .btn.outline {
    background: transparent;
    border-color: #ccd0d4 !important;
}

#add-SMSSettingsForm table .btn.outline i {
    color: #333 !important;
}

.table-vertical-scroll-box .col-sm-7,
.table-vertical-scroll-box .col-sm-5 {
    width: auto;
}

.table-vertical-scroll-box .col-sm-7 {
    float: right;
}

.table-vertical-scroll-box.without-content {
    max-height: 400px;
}

.set-interval-box {
    height: auto;
    float: left;
    padding-right: 12px;
    margin-top: -2px;
}

.set-interval label {
    line-height: 34px;
}

.set-interval-box .checkbox.checkbox-css {
    float: left;
    margin: 5px 0px 0px 15px;
}

.set-interval-box .checkbox.checkbox-css label {
    padding-left: 24px;
}

.set-interval-box .form-group {
    margin: 0px !important;
    width: auto;
}

.set-interval-box .form-group .bootstrap-select {
    width: 80px !important;
    height: auto;
    margin-left: 10px !important;
    margin-bottom: 0px !important;
}

.set-interval-box .form-group .bootstrap-select button {
    margin: 0px;
    height: 24px;
    padding: 0px 10px;
}

.set-interval-box .control-label {
    margin: 0px;
    line-height: 26px;
}

.report-result-box {
    margin: -10px -10px 30px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 4px;
}

.report-result-box .report-heading {
    font-size: 14px;
}

.report-result-box .report-heading .status {
    float: right;
    color: orange;
}

.report-result-box .report-heading .status.processed {
    color: green;
}

.report-result-box .report-heading .status span {
    font-weight: 400;
    color: #666;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 99999;
}

.copyright-box.inner {
    padding-left: 240px;
    padding-right: 20px;
    flex-shrink: 0;
    bottom: 0px;
    position: fixed;
    box-shadow: 0px 0px 10px rgb(0 0 0 / .2);
    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / .2);
}

.page-sidebar-minified .sidebar .nav > li.nav-profile {
    display: block;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile a {
    padding: 20px 12px !important;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile a .info {
    float: left;
    height: 100%;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile a .info span {
    display: none;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile a.bg:before {
    background-size: cover;
    background-position: 0px 0px;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile a .info b.caret {
    position: absolute;
    top: 0px;
    right: 3px;
    margin-top: 8px !important;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile:hover {
    overflow: visible;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile .sub-menu {
    border: 0px;
}

.page-sidebar-minified .sidebar .nav > li.nav-profile .sub-menu li a {
    padding: 7px 0px !important;
}

.copyright-box span a:last-child {
    border: 0px;
    margin: 0px;
}

.page-sidebar-minified .copyright-box.inner span a {
    border-right: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin: 0px;
    display: block;
    margin: 0px;
    padding: 5px;
    text-align: center;
    line-height: 16px;
}

.page-sidebar-minified .copyright-box.inner span:nth-last-child(1) {
    margin-top: 5px;
}

/*#ulmenulist {
    padding-bottom: 110px;
}
*/
.terms-condition-box {
}

.terms-condition-box h3 {
    margin: 0px 0px 15px;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.terms-condition-box .close {
    opacity: 1;
    font-size: 26px;
    margin-top: -20px;
    margin-right: -10px;
}

.terms-condition-box h5 {
    margin: 0px 0px 15px;
    line-height: 20px;
}

.terms-condition-box p {
    color: #666;
    font-size: 13px;
}

.terms-condition-box ul {
    padding: 0px;
    list-style: none;
}

.terms-condition-box ul li {
    line-height: 20px;
    margin-bottom: 12px;
}

.terms-condition-box ul li ul {
    padding-left: 15px;
}

#absent-donut-chartnodata {
    position: relative;
    height: 170px;
    width: 170px;
    border: 26px solid rgba(221, 221, 221, 0.2);
    border-radius: 50%;
    margin: 25px 10px 0px;
}

#absent-donut-chartnodata .no-data-list {
    padding: 37px 20px;
}

#absent-donut-chartnodata .no-data-list p {
    color: #bdbdbd !important;
    line-height: 15px !important;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: url(/assets/img/Preloader_2.gif) 50% 50% no-repeat rgba(249, 249, 249, .9);
}




.login-wrp .checkbox.checkbox-css .parsley-error {
    background: transparent !important;
}

.btn-box.mobile-view {
    display: none;
}

#add-CommingLateCategoryForm .btn-box {
    padding-right: 0px;
    padding-bottom: 30px;
}

.table-vertical-scroll-box.without-select-table .dataTables_wrapper {
    margin-top: -17px;
}

.table-vertical-scroll-box.without-select-table .heading {
    margin: 0px 0px 0px;
    position: relative;
    top: 8px;
}

body.virified-wrp.login-virified {
    background: #fff;
}

body.virified-wrp.login-virified .form-body {
    padding: 0px;
}

body.virified-wrp.login-virified .register-header {
    text-align: left;
    color: #242a30 !important;
    margin: 0px;
    font-size: 24px;
}

body.virified-wrp.login-virified .register-header small {
    margin: 6px 0px 0px;
    font-size: 14px;
}

.virified-wrp .virified-box .register-content .row {
    margin: 0px;
}

body.virified-wrp.login-virified .virified-box {
    padding: 0px 40px;
    margin: 40px 0px;
}

body.virified-wrp.login-virified .virified-box .btn {
    margin-top: 0px;
}

.resend-otp .text-success {
    float: left;
    padding: 0px !important;
}

.content-white-box {
    background: #fff;
    padding: 10px 0px;
    border-radius: 4px;
    margin: 30px 0px 0px;
    -webkit-border-radius: 4px;
}

.content-white-box h2 {
    margin: 0px 0px 15px;
}

.main-note p {
    font-size: 14px;
}

.main-note p b {
    color: #555;
}

.sub-note {
    padding-top: 10px;
}

.sub-note p {
    font-size: 13px;
    line-height: 20px;
}

.sub-note .listing li {
    font-size: 13px;
    margin-bottom: 10px;
    padding-left: 10px;
    list-style: none;
    position: relative;
}

.sub-note .listing li:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 5px;
    position: absolute;
    left: 0px;
    top: 1px;
}

.sub-note address {
    font-size: 13px;
    line-height: 24px;
}
/*th.next, th.prev {
    display: none;
}*/
.indexing {
}

/*.indexing-box {
    margin-top: 30px;
}*/
.indexing-box.affix {
    top: 94px;
    height: calc(100% - 134px);
    width: 350px;
}

.indexing-box .slimScrollDiv {
    overflow: visible !important;
}

.indexing-box .slimScrollBar, .slimScrollRail {
    right: 0px !important;
    background: #ed3237 !important;
    opacity: 1 !important;
    width: 4px !important;
    border-radius: 10px !important;
}

.indexing {
    margin: 0px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}

.indexing li {
    list-style: none;
    margin: 0px;
    font-size: 14px;
    position: relative;
}

.indexing li + li {
    border-top: 1px solid #eee;
}

.indexing li a:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    content: "\f054";
    position: absolute;
    top: 11px;
    left: 25px;
}

.indexing li a {
    display: block;
    padding: 10px 25px 10px 40px;
}

.indexing li a.active, .indexing li a.active:before {
    color: #ed3237;
}

.special-popup .modal-dialog {
    height: calc(100% - 60px);
}

.special-popup .modal-dialog .modal-content {
    height: calc(100% - 0px);
    padding: 0px;
    border: 0px;
}

.special-popup .modal-dialog .modal-content .modal-body {
    height: 100%;
}

.special-popup .modal-dialog .modal-content .modal-body .terms-condition-box {
    height: 100%;
    margin-top: 10px;
}

.special-popup .modal-dialog .modal-content .modal-body .terms-condition-box {
    height: 100%;
    margin-top: 10px;
    position: relative;
}

.special-popup .modal-dialog .modal-content .modal-body .terms-condition-box button.close {
    position: absolute;
    right: -5px;
    top: -10px;
    z-index: 999;
}

.special-popup .modal-dialog .modal-content .modal-body .slimScrollDiv {
    overflow: visible !important;
}

.special-popup .modal-dialog .modal-content .modal-body .slimScrollBar, .slimScrollRail {
    right: -10px !important;
    background: #ed3237 !important;
    opacity: 1 !important;
    width: 4px !important;
    border-radius: 10px !important;
}

.special-popup .modal-dialog .modal-content .modal-body .terms-condition-box .main-note {
    padding-top: 20px;
}

.special-popup .main-note h2 {
    margin-top: 0px;
    font-size: 26px;
    position: absolute;
    background: #fff;
    width: 100%;
    top: -30px;
    line-height: 40px;
    height: 50px;
    z-index: 9;
}

.list-sup {
    padding-left: 17px;
}

.list-sup li {
    margin-bottom: 5px;
}

.list-sup li span {
    width: 50%;
    float: left;
}

.list-sup li strong {
    width: 50%;
    float: right;
    position: relative;
    padding-left: 20px;
}

.list-sup li strong:before {
    content: " : ";
    position: absolute;
    left: 0px;
    top: 0px;
}

.list-sup li:last-child {
    list-style: none;
}

.list-sup li:last-child strong:before {
    display: none;
}
/* End List Supported */
/* End Supported Devices */
.memo-fields-box {
    margin-top: 17px;
}

.memo-fields-box .slimScrollDiv {
    overflow: visible !important;
}

.memo-fields-box .slimScrollBar, .memo-fields-box .slimScrollRail {
    right: 0px !important;
    background: #ed3237 !important;
    opacity: 1 !important;
    width: 4px !important;
    border-radius: 10px !important;
}

.week-off-box .checkbox.checkbox-css input, .week-off-box .radio.radio-css input {
    display: none;
}

.media-body #divStatus {
    margin: 20px 0px 10px;
    font-size: 14px;
}

.bootstrap-calendar .calendar .table td {
    padding: 2px 5px;
}

#add-ChequepaymentForm .parsley-errors-list {
    /*width: 150px;*/
    bottom: 42px;
}

#add-ChequepaymentForm .cart-user-list {
    overflow: visible;
    float: left;
}

#VerifyEmailPhone-Modal .has-error {
    border-color: red;
    background: rgba(255, 0, 0, .1);
}

.VerifyEmailPhone-Modal {
    animation: shake 0.3s;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, 02px) rotate(-1deg);
    }
}

.panel-heading-btn.extra-btns .form-group {
    margin: 0px;
}

.panel-heading-btn.extra-btns .input-group {
    width: auto;
    float: left;
    position: relative;
    top: -2px;
}

.panel-heading-btn.extra-btns .form-control {
    /*height: 25px;
    width: 100px;
    border-radius: 4px;
    text-align: left;*/
    height: 26px;
    width: 111px;
    border-radius: 4px;
    text-align: left;
    margin-right: 4px;
    margin-top: 0px;
    padding: 0px 8px;
}

.panel-heading-btn.extra-btns .form-control.lg {
    width: 160px;
}

.extra-btns .info-input {
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .extra-btns .info-input i {
        font-size: 14px;
        line-height: 24px;
        background: #fff;
        float: right;
        color: #ff5b57;
        padding: 0px 5px;
        border-radius: 0px 4px 4px 0px;
        border-left: 1px solid #ccc;
    }

    .extra-btns .info-input .form-control {
        margin: 0px !important;
        border-radius: 4px 0px 0px 4px !important;
        border: 0px;
        height:24px;
    }

    .extra-btns .info-input .tooltip {
        width: 250px;
        z-index:999999;
    }


/* ============ Manage Plan ==============*/
.manage-plan-list.radio.radio-css {
    padding: 0px;
    margin: 0px;
}

    .manage-plan-list.radio.radio-css li {
        position: relative;
        list-style: none;
        margin-bottom: 15px;
        padding-bottom: 15px;
        overflow: hidden;
    }

        .manage-plan-list.radio.radio-css li:last-child {
            padding: 0px;
        }

        .manage-plan-list.radio.radio-css li:after {
            content: "";
            height: 1px;
            background: #ddd;
            width: 100%;
            position: absolute;
            left: 40px;
            bottom: 0px;
        }

        .manage-plan-list.radio.radio-css li:last-child:after {
            display: none;
        }

        .manage-plan-list.radio.radio-css li label:before {
            width: 24px;
            height: 24px;
            border: 1px solid #a2a2a2;
            background: #fff;
        }

        .manage-plan-list.radio.radio-css li label {
            padding-left: 40px;
        }

            .manage-plan-list.radio.radio-css li label strong, .manage-plan-list.checkbox.checkbox-css li label strong {
                font-size: 14px;
                color: #2d4b7b;
            }

            .manage-plan-list.radio.radio-css li label:after {
                height: 14px;
                width: 14px;
                border-radius: 50%;
                top: 7px;
                left: 5px;
                background: #ed3237;
            }

.manage-plan-list.checkbox.checkbox-css {
    padding: 0px;
    margin: 0px;
}

    .manage-plan-list.checkbox.checkbox-css li {
        position: relative;
        list-style: none;
        margin-bottom: 15px;
        padding-bottom: 15px;
        overflow: hidden;
    }

        .manage-plan-list.checkbox.checkbox-css li:last-child {
            padding: 0px;
        }

        .manage-plan-list.checkbox.checkbox-css li:after {
            content: "";
            height: 1px;
            background: #ddd;
            width: 100%;
            position: absolute;
            left: 40px;
            bottom: 0px;
        }

        .manage-plan-list.checkbox.checkbox-css li:last-child:after {
            display: none;
        }

        .manage-plan-list.checkbox.checkbox-css li label:before {
            width: 24px;
            height: 24px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
        }

        .manage-plan-list.checkbox.checkbox-css li label {
            padding-left: 40px;
        }

            .manage-plan-list.checkbox.checkbox-css li label:after {
                height: 14px;
                width: 14px;
                border-radius: 50%;
                top: 5px;
                left: 5px;
                font-size: 14px;
            }

.manage-plan-list.two-column.radio.radio-css li {
    width: 50%;
    float: left;
    padding-bottom: 15px;
}

    .manage-plan-list.two-column.radio.radio-css li label {
        padding-right: 20px;
    }

    .manage-plan-list.two-column.radio.radio-css li:after {
        width: 85%;
    }

    .manage-plan-list.two-column.radio.radio-css li:nth-last-child(2):after, .manage-plan-list.two-column.radio.radio-css li:nth-last-child(1):after {
        display: none;
    }

.manage-plan-list li .plan_dscb.manage-inner-list ul {
    padding-left: 0px;
}

.manage-plan-list li .plan_dscb.manage-inner-list li {
    width: 100% !important;
    float: left;
    padding-left: 20px;
    margin-bottom: 5px;
    padding-bottom: 0px !important;
}

    .manage-plan-list li .plan_dscb.manage-inner-list li:last-child {
        padding-left: 20px;
    }

    .manage-plan-list li .plan_dscb.manage-inner-list li:after {
        display: none;
    }

    .manage-plan-list li .plan_dscb.manage-inner-list li:before {
        content: "\f111";
        font-family: 'FontAwesome';
        font-size: 6px;
        position: absolute;
        left: 0px;
        top: 2px;
    }

.no-employee-text {
    width: 180px;
    float: left;
}

#update-planForm .parsley-errors-list {
    bottom: 100%;
    width: auto;
    max-width: 100%;
}

.divider-section {
    margin: 15px 0px;
    border-top: 1px solid #ccd0d4;
    padding-top: 15px;
}

.table-vertical-scroll-box.fixed-search {
    margin-top: 20px;
}

    .table-vertical-scroll-box.fixed-search .dataTables_filter {
        position: fixed;
        right: 30px;
        margin-top: -40px;
    }

.con-user-details {
    background: #f7f7f7;
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

    .con-user-details table.table, .con-user-details table.table td {
        border: 0px;
        background: transparent;
        margin: 0px;
        padding: 4px;
    }

        .con-user-details table.table td label {
            margin: 0px 15px 0px 0px;
        }

.table-select-box {
    height: 26px;
    padding: 0px 3px;
    font-weight: 400;
}

table.dataTable .checkbox.checkbox-css label {
    margin: 0px;
    cursor: pointer;
}

table.dataTable .checkbox.checkbox-css input {
    cursor: pointer;
}

.table-conveynce-details.table tr td {
    padding: 4px 10px;
}

    .table-conveynce-details.table tr td .form-control {
        float: left;
    }

.table-conveynce-details-footer {
    margin-top: -2px;
    margin-bottom: 15px;
}

    .table-conveynce-details-footer td {
        padding: 4px 15px !important;
        font-weight: 600;
    }

        .table-conveynce-details-footer td:nth-child(2) {
            width: 252px;
        }

        .table-conveynce-details-footer td .form-control {
            width: auto;
            float: left;
            height: 26px !important;
        }

        .table-conveynce-details-footer td:nth-child(2) .form-control {
            width: 110px;
            height: 26px !important;
            float: none !important;
        }

        .table-conveynce-details-footer td:nth-child(2) .currsymb i {
            background-size: 10px;
            height: 10px;
        }

.table-vertical-scroll-box.conveynce-scroll-table {
    max-height: 390px;
}

.table-conveynce-details-footer.extra-row td:nth-child(2) {
    width: 158px;
}

.table-vertical-scroll-box.conveynce-scroll-table.details {
    max-height: 262px;
}

.table-vertical-scroll-box .table.dataTable thead tr th.km {
    width: 90px !important;
}

.table-conveynce-details-footer td:nth-child(2).input-right-box {
    text-align: right;
}

    .table-conveynce-details-footer td:nth-child(2).input-right-box .form-control {
        float: right !important;
        text-align: right;
    }

    .table-conveynce-details-footer td:nth-child(2).input-right-box .currsymb {
        top: 5px;
        position: relative;
    }

.table-2-col td {
    width: 70%;
}

    .table-2-col td:first-child {
        width: 30%;
    }

.sad-message-box {
    position: relative;
    height: 500px;
}

    .sad-message-box .sad-message {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        width: 300px;
        height: 170px;
        text-align: center;
    }

        .sad-message-box .sad-message i {
            font-size: 80px;
        }

.my-plan-list {
    list-style: none;
    padding: 10px 20px;
}

    .my-plan-list li {
        margin-bottom: 10px;
        font-size: 13px;
        width: 100%;
        float: left;
    }

        .my-plan-list li .control-label {
            width: 220px;
            float: left;
        }

        .my-plan-list li .payment-mode-myaccount {
            float: left;
        }

        .my-plan-list li label {
            font-weight: 600;
        }

.myaccount-cheque-box {
    padding: 2px 10px;
    background: #f2f2f2;
    float: left;
    margin-left: 10px;
    margin-top: -2px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .myaccount-cheque-box .cheque-single {
        font-size: 12px;
        line-height: 18px;
        float: left;
    }

        .myaccount-cheque-box .cheque-single + .cheque-single {
            border-left: 1px solid #ccc;
            padding-left: 10px;
            margin-left: 10px;
        }

        .myaccount-cheque-box .cheque-single strong {
            font-weight: 600;
        }

.my-plan-list li label {
    font-weight: 600;
    float: left;
}

.my-plan-list li .myaccount-addon-services {
    float: left;
    width: 100%;
}

.my-plan-list li .myaccount-addon-services ul {
    padding: 0px;
    margin: 8px 0px;
}
    .my-plan-list li .myaccount-addon-services ul li {
        list-style: none;
        margin: 3px 0px 10px;
        position: relative;
        padding-left: 20px;
        font-weight: 600;
        color: #555;
    }
.my-plan-list li .myaccount-addon-services ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    opacity: .7;
    font-size: 12px;
    top: 2px;
    left: 0px;
    position: absolute;
    color: green;
}

.my-plan-list li .myaccount-addon-services ul li span {float: left;width: 200px;}

.my-plan-list .myaccount-addon-services h5 {
    font-size: 13px;
    font-weight: 600;
}

.my-plan-list .myaccount-addon-services h5 a {
    margin-left: 10px;
}

.my-plan-list li span.myaccountplan {
    float: left;
    width: 70%;
    margin: 0px;
}

.my-plan-list li span.myaccountplan ul {
    padding-left: 20px;
}
.my-plan-list li.manage-account-list .myaccount-addon-services a {
    background: #ed3237;
    color: #fff;
    margin: -6px 0px;
}
.my-plan-list li.manage-account-list .myaccount-addon-services a:hover{
    background: #f59100;
}
/* Begin AMS Chat Bot*/
.ams-chat-bot {
    position: fixed;
    right: 10px;
    z-index: 9999;
    bottom: 0px;
    background-color: #e8e8e8;
    box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    height: 380px;
    margin-bottom: -340px;
}

    .ams-chat-bot .chatbot-btn {
        background: #ed3237;
        color: #fff;
        font-size: 16px;
        padding: 0px 15px;
        z-index: 999999;
        width: 100%;
        position: absolute;
        height: 40px;
        cursor: pointer;
        line-height: 40px;
    }

        .ams-chat-bot .chatbot-btn .close-chat-bot {
            float: right;
            font-size: 15px;
            position: relative;
            top: -1px;
            display: none;
            padding: 0px 10px;
            margin-right: -15px;
            cursor: pointer;
        }

            .ams-chat-bot .chatbot-btn .close-chat-bot i {
                color: #fff;
            }

    .ams-chat-bot iframe {
        width: 320px;
        height: 380px;
        border: 0px;
    }

.wc-header {
    background-color: #ed3237;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

.wc-message-groups {
    background: #fff;
}

.wc-console {
    background: #fff;
}
/* End AMS Chat Bot*/
#iRefDevices {
    font-size: 12px;
    font-weight: 400;
    background: rgb(91, 110, 136);
    padding: 1px 6px;
    border-radius: 4px;
    font-style: normal;
    color: #fff;
}

#iOlDevices {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    margin: 0px 4px 0px 10px;
    border-left: 1px solid #e3e3e3;
    padding: 0px 0px 0px 14px;
}
.btn-with-toggle .btn {
    background: #fff !important;
    color: #666;
    border-color: #e3e3e3 !important;
    padding: 3px 10px;
    margin-top: -2px !important;
}
.table .checkbox.checkbox-css {
    margin: 0px !important;
}

.table .checkbox.checkbox-css label {
    padding-left: 22px;
    line-height: 19px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px 10px;
}

.confrim-msg {
    width: 400px;
    margin: 50px auto;
    padding: 50px 30px;
    text-align: center;
    border-radius: 8px;
}

    .confrim-msg p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .confrim-msg i {
        font-size: 34px;
        margin-bottom: 20px;
        background: rgb(206, 207, 208);
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 1px solid #ccc;
    }
/* Employee Dashboard */
/*.current-chart-box.employee-chart canvas {
    height: auto !important;
}*/
.media-heading {
    font-size: 14px;
    color: #5b6e88;
}
.media, .media-body p {
    color: #666;
}

.media, .media-body p b {
    color: #444;
}
.media-list.media-list-with-divider > li + li {
    padding-top: 10px;
    margin-top: 0px;
}

.media.media-sm .media-object {
    width: 36px;
}

.media-body .btn {
    padding: 3px 10px;
}

.leave-status .chart-list .employee-single h4 {
    color: #1acece !important;
}

.leave-status .chart-list h4 span {
    font-size: 14px;
    font-weight: 400;
    color: #bdbdbd;
    opacity: .7;
}

.media-heading .date-time {
    opacity: .9;
    font-size: 10px;
    margin-left: 5px;
}
.radio.radio-css.leave-radio span {
    float: left;
    width: auto;
    margin-right: 30px;
}

.radio.radio-css.leave-radio {
    overflow: hidden;
    margin: 6px 0px 12px;
}
.leave-status .col-md-3 .total-employees-box .employee-single {
    margin-bottom: 5px;
    margin-right: -30px;
}

.leave-status .height-sm {
    height: 270px !important;
}

.leave-status .chart-number a {
    font-size: 12px;
    background: #6a6c6d;
    padding: 4px 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    float: right;
    margin-left: 6px;
}

.leave-status .chart-number a.outline {
    background: transparent;
    border: 1px solid #6a6c6d;
    padding: 3px 10px;
}

.leave-status .chart-number a:hover, .leave-status .chart-number a.outline:hover {
    background: #ed3237;
    border-color: #ed3237;
}

.leave-status .form-control {
    background: #2b2f33;
    color: #fff;
    border-color: #4b5054;
}

.leave-status .input-group-addon {
    background: #6a6c6d;
    color: #fff;
}

.leave-status .btn.btn-default {
    color: #fff;
    background-color: #6a6c6d;
    border-color: transparent;
}

.chart-nodata {
    position: relative;
    height: 170px;
    width: 170px;
    border: 26px solid #e3e3e3;
    border-radius: 50%;
    margin: 25px 10px 0px;
}

.chart-nodata .no-data-list {
    padding: 37px 20px;
}

.chart-nodata .no-data-list p {
    color: #666 !important;
    line-height: 15px !important;
}

#tblHODs_wrapper .parsley-errors-list {
    bottom: 100%;
    width: calc(100% - 20px);
}

.Employee-details-box {
    word-break: break-word;
}

.btn.btn-danger {
    color: #fff;
    background: #ed3237;
    border-color: #ed3237;
}

.form-horizontal .parsley-errors-list {
    bottom: 100%;
    max-width: calc(100% - 30px);
    width: auto;
}

.form-group.without-checkbox {
    height: 34px;
    padding: 9px 0px;
}

.without-checkbox .control-label {
    padding-top: 0px;
}

.without-checkbox .checkbox.checkbox-css {
    min-height: 18px;
    padding: 0px;
    margin: 0px !important;
}

#gritter-notice-wrapper {
    z-index: 9999999 !important;
}

span.gritter-title {
    opacity: .8;
}

span.gritter-title {
    opacity: .8;
}

.gritter-item p {
    font-size: 16px;
    color: #fff;
}

.gritter-with-image {
    margin-top: 5px;
}

.details-view .table {
    margin: 0px;
}

.details-view td {
    width: 50%;
    word-break: break-word;
}

.details-view .table .col-md-6:nth-child(even):before {
    position: absolute;
    left: -10px;
    opacity: .3;
    content: "";
    background: #ccc;
    width: 1px;
    height: 100%;
}

.details-view .table .col-md-9:nth-child(even):before {
    position: absolute;
    left: -10px;
    opacity: .3;
    content: "";
    background: #ccc;
    width: 1px;
    height: 100%;
}

.details-view .table .col-md-6:nth-child(odd) {
    position: relative;
    padding-right: 20px;
}
.details-view .table span {
    display: block;
}
.details-view .table label {
    margin-bottom: 0px;
}
.details-view .table tr td {
    width: calc(100% / 4);
}

.current-chart-box.attendance-emp-chart .panel-body {
    height: 260px;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    padding: 0px 15px 0px 10px;
}

    .current-chart-box.attendance-emp-chart .panel-body canvas {
        height: 245px !important;
    }

    .current-chart-box.attendance-emp-chart .panel-body .chart-nodata {
        margin: 52px auto;
    }

.no-data-chart-loader:before {
    content: "";
    position: absolute;
    height: 170px;
    width: 170px;
    border: 26px solid rgba(221, 221, 221, 0);
    border-radius: 50%;
    animation: spin 2s linear infinite;
    -webkit-animation: spin 5s linear infinite;
    border-top: 26px solid #ed3237;
    top: -26px;
    left: -26px;
}

.chart-nodata.white {
    border: 26px solid rgb(221, 221, 221);
    margin: 50px auto 0px;
}

    .chart-nodata.white .no-data-list p {
        color: #666 !important;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ess-utilities {
    border: 1px solid #ddd;
    padding: 20px 10px;
    border-radius: 4px;
    text-align: center;
    margin: 10px 0px 15px;
    height: 190px;
    overflow: hidden;
    background: rgba(247, 249, 251, .7);
}

.ess-utilities:hover {
    background: rgba(237, 50, 55, .05);
}

.ess-utilities .icon {
    background: #ececec;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 30px;
}
.ess-utilities:hover .icon {
    background: #ed3237;
    color: #fff !important;
}
.ess-utilities.open .icon {
    height: 0px;
    line-height: 0px;
    width: 0px;
    overflow: hidden;
}

.ess-utilities.open .dscb {
    margin-top: -30px;
}

.ess-utilities h4 {
    margin-bottom: 4px;
    font-size: 14px;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.ess-utilities.open h4 {
    margin-bottom: 4px;
    font-size: 14px;
    height: 32px;
    overflow-y: auto;
    white-space: inherit;
}

.ess-utilities p {
    position: relative;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
}

.ess-utilities.open .dscb p {
    overflow-y: auto;
    position: relative;
    white-space: pre-wrap;
    margin-bottom: 0px;
    height: 110px;
    text-overflow: inherit;
    display: block;
}

.ess-utilities .readmore-btn {
    position: absolute;
    right: 27px;
    bottom: 20px;
}

.utility-btn {
    padding: 9px 20px;
    float: right;
    border-radius: 4px;
    background: #ffffff;
    color: #ed3237;
    font-weight: 700;
}

.utility-btn:hover, .utility-btn:focus {
    color: #fff;
    background: #f59100;
    border-color: #f59100;
    text-decoration: none;
}

.utility-btn.out-line-btn {
    background: transparent;
    color: #2d4b7b;
    border-color: #2d4b7b;
}

        .utility-btn.out-line-btn:hover {
            background: #ed3237;
            color: #fff;
            border-color: #ed3237;
        }

.nav li .switch-btn {
    padding: 5px;
    overflow: hidden;
}

.nav li .switch-btn .utility-btn {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #f59100;
    background: #f59100;
    color: #fff;
}

        .nav li .switch-btn .utility-btn:hover {
            border: 1px solid #ff9c0c;
            background: #ff9c0c;
        }

        .nav li .switch-btn .utility-btn i {
            margin-right: 10px;
            font-size: 13px;
        }

.page-sidebar-minified .nav li .switch-btn .utility-btn span {
    display: none;
}

.readmore-btn {
    margin-top: 21px;
    float: right;
}

.open .readmore-btn {
    margin-top: 4px;
}

.readmore-btn i {
    margin-left: 4px;
}

.user-box-left .dropdown-menu li a.active {
    color: #fff;
}

.opt-input-box {
    position: relative;
}

    .opt-input-box .verified-input {
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: green;
        font-size: 14px;
        width: 14px;
        height: 12px;
        line-height: 12px;
        text-align: center;
    }

.resend-otp-box {
    margin-top: 7px;
}

    .resend-otp-box p {
        float: left;
        margin: 0px;
        font-weight: 700;
        color: #2d4b7b;
    }

        .resend-otp-box p span {
            font-weight: 400;
            color: #666;
        }

    .resend-otp-box .resend-otp {
        float: right;
        color: #ed3237;
    }

.login-left-sidebar {
    background: url('../img/login-bg/login_register_bg.png');
    height: 100vh;
    width: 100%;
    background-size: cover;
    display: flex;
    align-items: center;
}

.modal-dialog.new-leave-type-popup {
    width: 650px;
}

.comp-off .form-control {
    width: 115px;
    padding-right: 10px;
    padding-left: 6px;
    margin: 0px 10px;
    float: left;
}

.comp-off .comp-off-days {
    float: left;
    height: 34px;
    align-items: center;
    display: flex;
}

    .comp-off .comp-off-days .control-label {
        margin: 0px;
    }

.comp-off .short-leave {
    float: left;
    height: 34px;
    align-items: center;
}

.comp-off .small-hint {
    margin: 0px;
    display: flex;
    height: 34px;
    align-items: center;
}

.app-seeting-form {
    padding: 10px 10px;
}

.app-seeting-form fieldset {
    border: 1px solid #e3e3e3;
    position: relative;
    padding: 0px 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.app-seeting-form fieldset + fieldset {
    margin-top: 20px;
}

.app-seeting-form fieldset legend {
    border: 0px;
    position: relative;
    top: -11px;
    left: 0px;
    float: left;
    width: auto;
    background: #fff;
    padding: 0px 10px;
    font-size: 16px;
    margin: 0px 0px 10px;
    font-weight: 600;
}

.app-setting-list {
    list-style: none;
    padding: 0px;
    float: left;
    width: 100%;
}

.app-setting-list li {
    float: left;
    width: 100%;
    min-height: 34px;
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
    border-radius: 0px;
}

.app-setting-list li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.app-setting-list li:first-child {
    padding-top: 0px;
}
.app-setting-list li .bootstrap-select {
    float: right !important;
}
.app-setting-list li .bootstrap-select.btn-group .dropdown-menu li {
    margin: 0px !important;
    padding: 0px;
    min-height: auto;
}
.with-btn-setting .form-group {
    padding-right: 100px;
}
.with-btn-setting .form-group .btn {
    position: absolute;
    right: 0px;
    top: 15px;
}
.app-setting-list li .checkbox.checkbox-css {
    float: left;
    margin: 0px;
}

.app-setting-list li .checkbox.checkbox-css label {
    font-size: 13px;
    color: #555;
    line-height: 15px;
}

.app-setting-list .form-group {
    margin: 0px;
}

.app-setting-list .form-group .form-control {
    margin: -9px 0px;
}

.app-setting-list .small-hint {
    color: #666;
    margin: 0px;
    height: 34px;
    display: flex;
    align-items: center;
}

.app-setting-list .small-hint b {
    margin-right: 6px;
}

.app-setting-list .form-group .parsley-errors-list.filled {
    bottom: 100%;
}

.app-setting-list .form-group .parsley-errors-list.filled li {
    margin: 0px;
    width: 100%;
}

.app-setting-list .normal .form-group .form-control {
    margin: 10px;
}

.app-setting-list .normal .form-group .small-hint {
    margin: 10px 0px;
}

.app-setting-list .normal .form-group .from-date .form-control, .app-setting-list .normal .form-group .up-to-date .form-control {
    margin: 0px;
}

.app-setting-list.with-label label {
    width: auto;
    margin-right: 10px;
}

.app-setting-list.with-label .form-control {
    width: 140px;
    float: right;
    margin: 3px 0px;
}

.app-setting-list li .radio span label {
    line-height: normal;
}

.app-setting-list li .radio small {
    font-size: 12px;
}

.hours.text-box {
    width: 64px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

footer .form-group, .change-password-box .form-group {
    position: relative;
}

.notice-board-table.table th:nth-child(2), .notice-board-table.table td:nth-child(2) {
    width: 27% !important;
}

table.table-bordered.dataTable.no-status.policies-table th:nth-last-child(2), table.table-bordered.dataTable.no-status.policies-table th:nth-last-child(2), table.table-bordered.dataTable.no-status.policies-table td:nth-last-child(2), table.table-bordered.dataTable.no-status.policies-table td:nth-last-child(2) {
    width: 80px !important;
}

.sidebar .sub-menu > li > .sub-menu > li .sub-menu {
    margin-top: 6px;
}

.filter-selected-list {
    list-style: none;
    padding: 0px;
    overflow: hidden;
    margin: 0px;
    border-bottom: 1px solid #e2e7eb;
    padding-bottom: 12px;
}

    .filter-selected-list li {
        padding: 2px 7px;
        border-radius: 4px;
        display: inline-block;
        margin: 2px;
        background: rgba(217, 224, 231, .5);
        line-height: 18px;
    }

        .filter-selected-list li:hover a {
            color: #ed3237;
        }

    .filter-selected-list a {
        font-size: 10px;
        margin-left: 6px;
    }

.col-md-4.pass-opt {
    width: auto;
}

    .col-md-4.pass-opt h4 {
        line-height: 24px;
        font-weight: 400;
    }

    .col-md-4.pass-opt .form-group {
        float: none;
    }
/* =========== Begin Table hard Code ========== */
.table {
    width: 100% !important;
}

    .table .emp-id {
        width: 90px !important;
    }

    .table .dev-id {
        width: 120px !important;
    }

    .table .dev-location {
        width: 170px !important;
    }

    .table .cat {
        width: 150px !important;
    }

    .table .date {
        width: 90px !important;
    }

    .table.no-status.table-bordered.dataTable .two-date, .table .two-date {
        width: 150px !important;
    }

    .table .time, .table.no-status.table-bordered.dataTable .time {
        width: 90px !important;
    }

    .table .all-check {
        width: 60px;
    }

    .table .monthly-limit {
        width: 200px;
    }

    .table .tier {
        width: 250px;
    }

    .table .monthly-limit input {
        height: 24px;
    }

    .table .source {
        width: 200px !important;
    }

    .table .leave-type {
        width: 80px !important;
    }

    .table .name, .table-bordered.dataTable th:nth-last-child(2).name, .table-bordered.dataTable th:nth-last-child(2).name {
        width: 150px !important;
    }

.today-birthday-list {
    height: 316px;
}

.table.table-conveynce-details.table-bordered.dataTable th:nth-last-child(2).amount {
    width: 150px !important;
}

.table-bordered.dataTable th:last-child.amount-table, .table-bordered.dataTable th:last-child.amount-table, .table .amount-table {
    width: 110px !important;
}

.table .source, .table .destination {
    width: 200px !important;
}

.table .attnd-date {
    width: 100px !important;
}

table.table-bordered.dataTable th:last-child.status-with-btn {
    width: 115px !important;
}

table.table-bordered.dataTable.no-status th:nth-last-child(2).purpose, .table.purpose, .table .purpose {
    width: 180px !important;
}

#tblConveynceDetails td:nth-child(1), #tblConveynceDetails td:nth-child(2) {
    word-break: break-word;
}

table.table-bordered.dataTable th:last-child.action-sm, .action-sm {
    width: 40px !important;
}

.table .leave-type {
    width: 70px !important;
}

.table .day-type {
    width: 60px !important;
}

.table .remark {
    width: 180px !important;
}

.table .small {
    width: 60px !important;
}

.table.dataTable td:nth-last-child(2).resign-status {
    width: 200px !important;
}

.table td.rm-status {
    width: 80px !important;
}


/* =========== End Table hard Code ========== */
.reinitialized .confrim-msg {
    width: 80%;
    margin: 0px auto;
    padding: 40px 0px;
}

    .reinitialized .confrim-msg i {
        background: rgba(237, 50, 55, .2);
        border: 1px solid rgba(237, 50, 55, .4);
        color: #ed3237;
    }

    .reinitialized .confrim-msg h2 {
        margin: 0px 0px 10px;
    }

    .reinitialized .confrim-msg p {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .reinitialized .confrim-msg .alert {
        background: rgba(248, 178, 178, .5);
    }

        .reinitialized .confrim-msg .alert p {
            margin: 0px;
            text-align: left;
        }

    .reinitialized .confrim-msg .checkbox {
        margin-bottom: 20px;
    }

        .reinitialized .confrim-msg .checkbox label {
            font-size: 14px;
            text-align: left;
            margin-top: -3px;
            margin-left: 7px;
        }

.gradetiermapping .form-control {
    width: 150px !important;
}

.conv-mode-box {
}

.conv-mode-box ul {
    padding: 10px 15px;
    background: #fff;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
}

.conv-mode-box li {
    list-style: none;
    float: left;
    width: 100%;
}

.conv-mode-box li:last-child {
    margin-bottom: 0px;
}

.conv-mode-box li .col {
    width: calc(100% / 2 - 20px);
    float: left;
}

.conv-mode-box li .col:nth-child(even) {
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding-left: 20px;
    padding-bottom: 3px;
}

.conv-mode-box li .checkbox.checkbox-css {
    float: left;
    margin-right: 20px !important;
    margin-top: 3px !important;
}

.conv-mode-box li .form-control {
    width: 100px;
    float: left;
    margin-right: 5px;
    height: 22px;
}

.conv-mode-box li span {
    height: 24px;
    display: flex;
    align-items: center;
    float: left;
}

.tier-cty-list-table {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.tier-cty-list-table .table {
    margin: 10px 0px 0px;
}

.box-divider {
    background: rgba(247, 249, 251, .7) !important;
    width: 100%;
    float: left;
    border: 1px solid #e3e3e3;
    padding: 10px 5px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.panel-heading .other-option-btn {
    position: absolute;
    right: 7px;
    top: 7px;
    background: #ed3237;
    padding: 4px 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.panel-heading .other-option-btn:hover {
    background: #ed3237;
    border-color: #ed3237;
}
.material-icons{
    margin-right:5px;
    font-size:18px;
}

.attendance-emp-chart.ess-box .panel-body .attendance-char-graph-view {
    padding: 0px 10px;
}

.attendance-emp-chart.ess-box .panel-body .attendance-char-graph-view canvas {
    height: 260px !important;
}
/* Attendance Calendar*/
.ess-box .panel-heading {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    overflow: hidden;
}

.attendance-emp-chart.ess-box .panel-body {
    padding: 0px;
    height: 275px !important;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    overflow: visible;
    /*border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    overflow: hidden;*/
}

.ess-box .calendar {
    border-radius: 0px;
    border-color: #494a4a;
    border: 0px;
}

.ess-box .fc-toolbar h2 {
    margin: 0px;
    font-size: 14px;
    line-height: 30px;
    color: #ed3237;
    float: left;
    padding-left: 16px;
    position: absolute;
    top: -36px;
    z-index: 9;
    left: 120px;
}
.ess-box .fc-toolbar h2:before {
    content: "(";
    color: #666;
    opacity: .5;
    margin-right: 3px;
}

.ess-box .fc-toolbar h2:after {
    content: ")";
    color: #666;
    margin-left: 2px;
    opacity: .5;
    position: relative;
    top: -1px;
}
.ess-box .fc-toolbar .fc-right .fc-today-button {
    display: none;
}
.ess-box .fc-toolbar {
    position: relative;
    margin: 0px;
    background: #ffffff;
    height: 31px;
}

.ess-box .fc-toolbar div {
    margin-bottom: 0px;
    width: 100%;
}

.ess-box .fc-toolbar .fc-center, .ess-box .fc-toolbar .fc-right, .ess-box .fc-toolbar .fc-clear {
    display: inherit;
}

.ess-box .fc-toolbar .fc-right .fc-corner-left {
    left: 20px;
}

.ess-box .fc-toolbar .fc-right .fc-corner-right {
    right: 20px;
}

.ess-box .fc button {
    height: 22px;
    position: absolute;
    top: 3px;
    width: 22px;
    padding: 0px;
    border-radius: 50%;
    background: transparent;
    border-color: transparent;
    display: none;
}

.ess-box .fc button:hover {
    border-color: #bfbfbf;
    color: #dd2627;
    background: rgba(255, 255, 255, .5);
}

.ess-box .fc button .fc-icon:after {
    font-size: 10px;
}

.ess-box .fc th {
    color: #2d4b7b;
    border-color: #e3e3e3;
    padding: 7px 10px !important;
}

.ess-box .fc td {
    color: #fff;
    border-color: #e3e3e3;
}

.ess-box .fc-basic-view .fc-body .fc-row {
    height: 35px !important;
    min-height: 33.2px !important;
}

.ess-box .fc-row .fc-highlight-skeleton {
    z-index: 0 !important;
}

.ess-box .fc-content-skeleton {
    display: none;
}

.ess-box .fc .fc-day-grid-event {
    padding: 1px 0px;
    bottom: 2px;
    width: 100%;
    left: -2px;
}

    .ess-box .fc .fc-day-grid-event:hover {
        color: #333;
    }

.ess-box .fc-ltr .fc-basic-view .fc-day-number {
    text-align: center;
    font-weight: 600;
    color: #fff;
}

.ess-box a.fc-more {
    font-size: 0px;
    position: relative;
    top: -4px;
    opacity: .8;
}

    .ess-box a.fc-more:before {
        content: "...";
        font-size: 18px;
        padding: 3px;
        line-height: 0px !important;
    }

.ess-box .fc td .fc-scroller.fc-day-grid-container {
    overflow: inherit !important;
}

.ess-box td .fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
    color: rgba(255, 255, 255, .7);
}

.ess-box .fc td.fc-widget-content {
    line-height: 35px;
}

.attnd-tooltip {
    text-align: center;
    margin: -5px 0px;
}

    .attnd-tooltip span {
        font-size: 12px;
    }

        .attnd-tooltip span + span {
            margin-left: 10px;
            border-left: 1px solid #ccc;
            padding-left: 10px;
        }

.popover h3 {
    font-size: 12px !important;
}

i.f-20 {
    font-size: 20px !important;
}

.checkbox-right .checkbox.checkbox-css {
    float: inherit;
    width: auto;
    display: inline-block;
    margin-left: 4px;
}

.new-tag {
    background: #ed3237;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px;
    margin-left: 9px;
    animation: newtag 1s infinite;
    color: #fff;
}

@keyframes newtag {
    0% {
        background: #f59100;
    }

    100% {
        background: #ed3237;
    }
}
/*======== Begin Legends CSS ========*/
.legends {
    float: left;
    border-left: 1px solid #6a6c6d;
    padding-left: 20px;
}

.legends li {
    float: left;
    margin-right: 20px;
    font-size: 13px;
    list-style: none;
    color: #666;
    line-height: 31px;
}

.attendance-char-list-view .legends {
    padding-left: 12px;
    position: absolute;
    top: 40px;
    left: 10px;
    z-index: 9;
    line-height: 30px;
    border: 0px;
}

.attendance-char-list-view .legends ul {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.legends ul li i.present {
    color: rgb(0, 172, 172);
}

.legends ul li i.absent {
    color: rgb(249, 70, 66);
}

.legends ul li i.leave {
    color: rgb(255, 136, 134);
}

.legends ul li i.Halfleave {
    color: rgb(204, 113, 111);
}

.legends ul li i.week-off {
    color: rgb(210, 127, 7);
}

.legends ul li i.public-holiday {
    color: #8BC34A;
}

.legends ul li i.late {
    color: rgb(3, 224, 224);
}

.legends ul li i.nop {
    color: #5995d2;
}
/* ========= Begin ESS Holiday List ========= */
.holiday-list-box.ess-holiday .calendar {
    padding: 0px;
}

.holiday-list-box.ess-holiday .calendar tr td, .holiday-list-box.ess-holiday .calendar tr th {
    border: 1px solid #e3e3e3 !important;
}

.holiday-list-box.ess-holiday .calendar tr td a {
    color: #5b6e88;
}
.holiday-list-box.ess-holiday .calendar .table.header {
    margin: 0px;
}

.holiday-list-box.ess-holiday .calendar tbody tr.week_days td {
    font-weight: 600;
    background: #f0f3f5;
    padding: 7px;
    color: #2d4b7b;
}

.holiday-list-box.ess-holiday .calendar .table.header td {
    line-height: 28px;
    font-weight: 600;
}

.holiday-list-box.ess-holiday .calendar .table.header td div {
    color: #2d4b7b;
    font-size: 14px;
}

.holiday-list-box.ess-holiday .calendar tr td.event {
    background: rgb(139, 195, 74) !important;
}

.holiday-list-box.ess-holiday .calendar tr td.event:hover {
    background: #242a30;
}

/*.holiday-list-box.ess-holiday .calendar tr td.event a, .calendar .event a {
    background: rgb(139, 195, 74) !important;
}*/
.holiday-list-box {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
.bootstrap-calendar .calendar .icon-arrow-left:focus, .bootstrap-calendar .calendar .icon-arrow-left:hover, .bootstrap-calendar .calendar .icon-arrow-right:focus, .bootstrap-calendar .calendar .icon-arrow-right:hover {
    color: #ed3237 !important;
}
/* ========= End ESS Holiday List ========= */
.table-vertical-scroll-box.conveynce-scroll-table.details .form-control.Customamount {
    width: 100%;
}

.notice-board-body {
    height: 275px;
    overflow: hidden;
}
.notice-board-body .bx-viewport {
    height: auto !important;
}
/* ========= Begin Organizational Chart ========= */
.org-chart-box {
    width: 100%;
    padding: 0px;
}

#organizational_chart {
    width: 100%;
    overflow-x: scroll;
    height: 276px;
}

.panel-expand .org-chart-box #organizational_chart {
    height: 100%;
    overflow-y: auto !important;
}

.orgchart .node {
    width: auto;
}

    .orgchart .node .title {
        background-color: #ed3237 !important;
        padding: 0px 10px;
    }

    .orgchart .node .content {
        padding: 0px 10px;
    }

.orgchart .lines .leftLine, .orgchart .lines .rightLine {
    border-color: #ccc !important;
}

.orgchart .lines .downLine {
    background-color: #ccc !important;
}
/* ==== 2nd level ====*/
.orgchart .node.rd-dept .title {
    background-color: #2d4b7b !important;
}

.orgchart .node.rd-dept .content {
    border-color: #2d4b7b !important;
}
/* ==== 3rd level ====*/
.orgchart .node.middle-level {
}

    .orgchart .node.middle-level .title {
        background: #f59100 !important;
    }

    .orgchart .node.middle-level .content {
        border-color: #f59100 !important;
    }
/* ==== 4th level ====*/
.orgchart .node.product-dept .title {
    background: #7a7c7d !important;
}

.orgchart .node.product-dept .content {
    border-color: #7a7c7d !important;
}
/* ==== Accordion ====*/
.data-accordion {
    float: left;
    width: 100%;
    margin-bottom: 5px !important;
}

.data-accordion .panel {
    margin: 5px 0px;
    float: left;
    width: 100%;
}

.data-accordion .panel-heading a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    transition: all 0.5s;
    position: absolute;
    right: 30px;
    text-align: center;
    top: calc(50% - 10px);
}

.data-accordion .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(-900deg);
    transform: rotate(-90deg);
}

.data-accordion .panel:hover .panel-heading a:before {
    color: #ed3237;
}

.data-accordion .panel-heading.active a:before {
    color: #fff !important;
}

.data-accordion .panel-heading {
    float: left;
    width: 100%;
    padding: 0px;
    border: 1px solid #dcdcdc;
    background: #f0f3f5;
}

.data-accordion .panel-heading.active {
    background: #2d4b7b;
    border-color: #2d4b7b;
}

.data-accordion .panel-title {
    position: relative;
}

.data-accordion .panel-title .btn {
    margin-top: 3px;
    position: absolute;
    right: 70px;
    top: 10px;
}

.data-accordion .panel-heading a {
    padding: 10px 20px;
    width: calc(100% - 174px);
    height: 60px;
}

.data-accordion .collapse {
    float: left;
    width: 100%;
}

.data-accordion .collapse .panel-body {
    border: 1px solid #dcdcdc;
}

.data-style {
    padding: 0px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

    .data-style li {
        float: left;
        padding-right: 15px;
        list-style: none;
    }

        .data-style li:nth-child(1) {
            width: 30%;
        }

        .data-style li:nth-child(2) {
            width: 15%;
        }

        .data-style li:nth-child(3) {
            width: 20%;
        }

        .data-style li:nth-child(4) {
            width: 15%;
        }

        .data-style li:nth-child(5) {
            width: 20%;
        }

        .data-style li span {
            display: block;
            font-size: 11px;
            color: #666;
            font-weight: 400;
        }

.data-accordion .panel-heading.active .data-style li span {
    color: #fff;
    opacity: .8;
}

.data-style li strong {
    display: block;
    color: #242a30;
    font-weight: 600;
    font-size: 14px;
}

.data-accordion .collapse .panel-body table {
    margin: 0px;
}

.data-accordion .panel:hover .panel-title li strong {
    color: #ed3237;
}

.data-accordion .panel-heading.active .data-style li strong {
    color: #fff;
}

.data-accordion .panel:hover .panel-title .btn.btn-white {
    background: #ed3237;
    border-color: #ed3237;
    color: #fff;
}

.data-accordion .panel-heading.active .panel-title .btn.btn-white {
    background: #f59100;
    color: #fff;
    border-color: #f59100;
}

.policies-cate-select {
}

.policies-cate-select label {
    float: left;
    width: 30%;
    line-height: 34px;
    margin-bottom: 0px;
}

.policies-cate-select .bootstrap-select {
    width: 70% !important;
}

.manager-name {
    float: right;
    margin-right: 10px;
    font-size: 11px;
    text-align: right;
    margin-top: -2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .8);
}

.manager-name span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
}

.notification-box {
}

.notification-box a {
    font-size: 20px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    margin-left: 10px;
    display: block;
    color: #fff;
}
.notification-box a:hover,
.notification-box a:focus{
    background: rgba(237, 50, 55, 1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.notification-box a.available i {
    animation: bellshake 0.5s;
    animation-iteration-count: 5;
}

@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(10deg);
    }

    30% {
        transform: rotate(-10deg);
    }

    45% {
        transform: rotate(7deg);
    }

    60% {
        transform: rotate(-7deg);
    }

    75% {
        transform: rotate(4deg);
    }

    85% {
        transform: rotate(-4deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}

.available:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #f59100;
    border-radius: 50%;
    border: 2px solid #d9e0e7;
    top: 2px;
    left: 30px;
    z-index: 999;
    animation: notification 1s infinite;
}

@keyframes notification {
    0% {
        background: #f59100;
    }

    100% {
        background: #ed3237;
    }
}

.notification-box .dropdown-menu {
    padding: 10px;
    width: 230px;
    top: 43px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

    .notification-box .dropdown-menu:after {
        content: "\f0d8";
        font-family: 'FontAwesome';
        position: absolute;
        top: -27px;
        right: 10px;
        font-size: 34px;
        color: #fff;
    }

    .notification-box .dropdown-menu ul {
        max-height: 300px;
        overflow-y: auto;
        list-style: none;
        padding: 0px;
    }

    .notification-box .dropdown-menu li {
        padding: 7px 10px;
        border-bottom: 1px solid #ddd;
    }

        .notification-box .dropdown-menu li:last-child {
            border: 0px;
        }

.notification-box li p {
    margin: 0px;
}

.notification-box .dropdown-menu .no-data-list {
    padding: 0px 30px;
}

.notification-box .dropdown-menu.not-available {
    min-height: 170px;
}

.notification-box .dropdown-menu.drop-md {
    width: 400px;
}

    .notification-box .dropdown-menu.drop-md ul li {
        position: relative;
    }

    .notification-box .dropdown-menu.drop-md ul .noti-title {
        font-size: 14px;
        font-weight: 600;
        width: calc(100% - 100px);
    }

    .notification-box .dropdown-menu.drop-md .noti-date {
        position: absolute;
        top: 7px;
        right: 0px;
        background: #ddd;
        padding: 2px 10px;
        border-radius: 20px;
        font-size: 11px;
    }

    .notification-box .dropdown-menu.drop-md ul li .noti-description li {
        border: 0px;
        padding: 0px;
    }
/* Begin Feedback */
/*.feedback-box {  
    position: fixed;
    top: 50%;
    right: -320px;
    width: 300px;
    background: #fff;
    border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    margin-top: -200px;
    box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
}
.feedback-btn {
    position: fixed;
    top: 50%;
    font-size: 16px;
    background: #ff5b57;
    width: 150px;
    height: 40px;
    transform: rotate(-90deg);
    right: -65px;
    color: #fff;
    text-decoration: none;
    z-index: 999;
    font-weight: 600;
    border-radius: 7px 7px 0px 0px;
    text-align: center;
    line-height: 40px;
    border: 0px;
}
.feedback-btn i {
    margin-right: 10px;
}
.feedback-btn:hover, .feedback-btn:focus {
    color: #fff;
    text-decoration: none;
    right: -57px;
}
.feedback-box .feedback-head {
    background: #ff5b57;
    padding: 10px;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
}
.feedback-box .feedback-head h4 {
    margin: 0px;
    color: #fff;
    text-align: center;
}
.feedback-box .btn {
    width: 100%;
}
.feedback-box .feedback-from {
    padding: 25px 30px 30px;
    z-index: 9999;
    position: relative;
    background: #fff;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
.feedback-box .form-group .bootstrap-select {
    margin: 0px !important;
}
.feedback-box textarea {
    resize: none;
}
.feedback-box .feedback-head .feedback-close {
    position: absolute;
    background: #fff;
    border: 0px;
    top: -7px;
    font-size: 16px;
    border-radius: 50%;
    left: -7px;
    color: #ff5b57;
}*/
/* Begin Feedback */
.feedback-box {
    position: fixed;
    top: 50%;
    right: -320px;
    z-index: 999;
    width: 300px;
    background: #fff;
    border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    margin-top: -200px;
    box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
}

.feedback-btn {
    position: fixed;
    top: 50%;
    font-size: 25px;
    background: #ed3237;
    right: -4px;
    color: #fff;
    text-decoration: none;
    z-index: 999;
    border: 0px;
    outline: none;
    line-height: 20px;
    width: 50px;
    height: 40px;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    transform: rotate(270deg);
}

    .feedback-btn:hover, .feedback-btn:focus {
        background: #f59100;
        color: #fff;
        text-decoration: none;
        right: -4px;
    }

.feedback-box .feedback-head {
    background: #ed3237;
    padding: 10px;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
}

    .feedback-box .feedback-head h4 {
        margin: 0px;
        color: #fff;
        text-align: center;
    }

.feedback-box .btn {
    width: 100%;
}

.feedback-box .feedback-from {
    padding: 25px 30px 30px;
    z-index: 9999;
    position: relative;
    background: #fff;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.feedback-box .form-group .bootstrap-select {
    margin: 0px !important;
}

.feedback-box textarea {
    resize: none;
}

.feedback-box .feedback-head .feedback-close {
    position: absolute;
    background: transparent;
    border: 0px;
    top: 7px;
    font-size: 16px;
    border-radius: 50%;
    left: 7px;
    color: #fff;
}

    .feedback-box .feedback-head .feedback-close:hover {
        background: #fbfbfb47;
    }


.emp-blck-box {
    padding: 10px 15px;
}

    .emp-blck-box .radio.radio-css {
        float: left;
    }

    .emp-blck-box .hint {
        float: left;
        margin: 10px 15px 10px 0px;
        border-left: 1px solid #ddd;
        padding-left: 15px;
    }

.note {
    background: #f0f3f5;
}
/* Begin Feature Pages CSS */
.feature-wrp {
    padding: 30px 0px;
    overflow: hidden;
}

    .feature-wrp.gray {
        background: #e2e2e2;
    }

    .feature-wrp p {
        font-size: 14px;
        color: #666;
        line-height: 20px;
    }

    .feature-wrp .listing ul {
        padding-left: 6px;
    }

        .feature-wrp .listing ul li {
            font-size: 14px;
            margin-bottom: 5px;
            line-height: 20px;
        }

    .feature-wrp.gray .listing ul li {
        color: #555;
    }

.dscb-pic-box {
    text-align: center;
    margin: 30px 0px;
}

    .dscb-pic-box .pic {
        display: inline-block;
        position: relative;
    }

    .dscb-pic-box.with-benefit {
        margin-top: 90px;
    }

.benefit-box {
    position: absolute;
    right: -56px;
    top: -64px;
    background: #f59000;
    text-align: left;
    width: 210px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 3px solid #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
    z-index: 99;
}

    .benefit-box:after {
        content: "";
        border: 36px solid #ddd;
        border-bottom: 38px solid transparent;
        border-right: 30px solid transparent;
        position: absolute;
        right: 0px;
        top: 100%;
        margin-top: 3px;
    }

    .benefit-box h3 {
        background: rgba(0, 0, 0, .1);
        margin: 0px;
        padding: 8px 15px;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
    }

    .benefit-box ul {
        padding: 0px;
    }

        .benefit-box ul li {
            color: #fff;
            font-size: 14px;
            padding: 0px 15px 0px 30px;
            margin: 10px 0px;
            list-style: none;
            position: relative;
            line-height: 16px;
        }

            .benefit-box ul li:before {
                content: "\f111";
                font-family: 'FontAwesome';
                font-size: 6px;
                position: absolute;
                left: 15px;
                top: 0px;
            }

.extra-pic {
    margin: -20px 0px;
}

.pic-effect {
    position: absolute;
    right: -72px;
    top: 50%;
    width: 70%;
}

.extra-pic.m-t-10 {
    position: relative;
    z-index: 9999999;
}

    .extra-pic.m-t-10 .pic-effect {
        z-index: 9999;
        right: inherit;
        left: -10px;
        position: inherit;
    }

.hero-slider-wrp.inner {
    overflow: visible;
}

.feature-wrp.gray .hero-slider-wrp.inner {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    border: 3px solid #fff;
    border-radius: 4px;
    overflow: visible;
}

.hero-slider-wrp.inner .carousel-indicators {
    bottom: -10px !important;
}

.hero-slider-wrp.inner.full .carousel-indicators {
    bottom: -40px !important;
}

.dscb-pic-box .pic.extra-effect {
    margin-bottom: 140px;
}

.content-white-box.features-box {
    padding: 10px 0px;
}

.feature-wrp .indexing-box {
    margin: 0px;
}

    .feature-wrp .indexing-box.affix {
        width: 255px;
    }

.feature-wrp .heading-box h4 {
    font-size: 20px;
    font-weight: 400;
}

.single-feature {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.content-white-box.features-box .single-feature:last-child {
    border: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.single-feature .gray {
    background: #f2f2f2;
    padding: 20px 25px;
    margin-top: 30px;
}

    .single-feature .gray .extra-pic {
        margin-top: 30px;
    }

    .single-feature .gray.extra {
        margin-top: 50px;
    }

.hero-slider-wrp.inner.extra-full {
    padding-bottom: 10px;
}

    .hero-slider-wrp.inner.extra-full .carousel-indicators {
        bottom: -35px !important;
    }

.extra-pic.advance-pic {
    margin-top: 0px !important;
    padding-bottom: 20px;
}
/* End Feature Pages CSS */
.modal-backdrop.fade.in {
    z-index: 99999;
}

.modal-open .modal {
    z-index: 999999;
}

.colm-export-list {
    width: 100%;
    float: left;
}

.colm-export-list ul {
    padding-left: 0px;
    float: left;
    width: 100%;
}

.colm-export-list ul li {
    float: left;
    list-style: none;
    width: 25%;
}

.colm-export-list .checkbox {
    margin-bottom: 0px;
}

.panel-heading-btn.extra-btns .input-group .bootstrap-select.form-control.large {
    padding: 0;
    width: 250px;
}
.panel-heading-btn.extra-btns .input-group .bootstrap-select.form-control {
    padding: 0;
    width: 160px;
}
.panel-heading-btn.extra-btns .input-group .bootstrap-select.form-control.small {
    width: 100px;
}
.panel-heading-btn.extra-btns .input-group .bootstrap-select.form-control .dropdown-toggle {
    padding: 3px 32px 3px 10px;
    margin-top: 0px;
    width: 100%;
    border-radius: 4px;
    height: 26px;
}

.panel-heading-btn.extra-btns .input-group .bootstrap-select.form-control .form-control {
    width: 100%;
    margin-bottom: 7px;
}

.radio.radio-css.leave-auto-radio span + span {
    margin-right: 0px;
}

.info-advance {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}

    .info-advance a {
        position: absolute;
        top: -27px;
        width: 25px;
        text-align: center;
        line-height: 40px;
    }

    .info-advance a i {
        color: #2d4b7b;
    }

    .info-advance .dscb {
        display: none;
        padding: 10px 20px;
        box-shadow: 0px 0px 10px #676767;
        -webkit-box-shadow: 0px 0px 10px #676767;
    }

        .info-advance .dscb:before {
            content: "";
            border: 5px solid #ffffff;
            border-left: 5px solid transparent;
            border-bottom: 5px solid transparent;
            transform: rotate(-45deg);
            top: -5px;
            position: absolute;
            left: 8px;
        }

    .info-advance:hover .dscb {
        display: block;
        position: absolute;
        z-index: 9999;
        background: #ffffff;
        width: 800px;
        border-radius: 0px 0px 7px 7px;
        top: 14px;
    }

    .info-advance .dscb h4 {
        margin: 0px -20px;
        font-size: 14px;
        margin-bottom: 10px;
        border-bottom: 1px solid rgb(204, 208, 212);
        padding: 0px 20px 10px;
        color: #242a30 !important;
    }

    .info-advance .dscb h5 {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 5px;
        color: #ed3237;
        font-weight: 400;
    }

    .info-advance .dscb ul {
        padding-left: 20px;
    }

        .info-advance .dscb ul li {
            font-size: 13px;
            font-weight: 400;
            line-height: 16px;
            margin-bottom: 8px;
            color: #666;
        }

            .info-advance .dscb ul li i {
                margin: 0px 2px;
                opacity: .6;
            }
/* Begin My Team Pages */
.content.org-content {
    height: calc(100vh - 56px);
}

    .content.org-content .org-wrp {
        height: calc(100% - 28px);
        margin: 0px;
    }

        .content.org-content .org-wrp .org-chart-box {
            height: 100%;
        }

            .content.org-content .org-wrp .org-chart-box #organizational_chart {
                height: calc(100% - 16px);
                margin: 10px;
                width: calc(100% - 20px);
            }

                .content.org-content .org-wrp .org-chart-box #organizational_chart .orgchart {
                    height: calc(100% - 10px);
                }

.orgchart .node {
    position: relative;
}

.org-single-list {
    position: absolute;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 10px #676767;
    -webkit-box-shadow: 0px 0px 10px #676767;
    width: calc(100% - 6px);
    z-index: 999;
}

    .org-single-list ul {
        list-style: none;
        padding: 0px;
        font-size: 14px;
        margin: 0px;
        text-align: left;
    }

        .org-single-list ul li a {
            padding: 8px 15px;
            display: block;
        }

        .org-single-list ul li + li {
            border-top: 1px solid #ddd;
        }
/* End My Team Pages */
.custom-form.location-map {
    height: calc(100% - 60px);
}

    .custom-form.location-map .modal-content {
        height: 100%;
    }

        .custom-form.location-map .modal-content .modal-body {
            height: calc(100% - 100px);
            padding: 10px;
        }

            .custom-form.location-map .modal-content .modal-body #map-canvas {
                height: 100%;
            }

.my-plan-list li.manage-account-list {
    padding-top: 15px;
    background: #fff2f2;
    padding: 20px;
    border-radius: 4px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 25px;
}
    .my-plan-list li.manage-account-list:before {
        content: "";
        width: 70px;
        height: 70px;
        border-left: 2px solid #ed3237;
        position: absolute;
        left: -10px;
        top: -10px;
        border-top: 2px solid #ed3237;
    }

    .my-plan-list li.manage-account-list:after {
        content: "";
        width: 70px;
        height: 70px;
        border-right: 2px solid #ed3237;
        position: absolute;
        right: -10px;
        bottom: -10px;
        border-bottom: 2px solid #ed3237;
    }
    .my-plan-list li.manage-account-list .myaccount-addon-services {
        font-weight: 700;
    }

    .my-plan-list li.manage-account-list ul {
        margin: 0px;
    }

.btn.btn-without {
    background: #f59100 !important;
    border-color: #f59100 !important;
}

/* start leave apply page */
.begin-time label.control-label {
    line-height: 34px;
}
/* end leave apply page */
.label-warning.user {
    float: left;
    background: rgba(245, 156, 26, .3);
    color: #482b00;
    padding: 3px 6px;
    margin-top: 4px;
}


/* ===== Begin Chat Bot CSS ======= */
.chat-bot-box {
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 80%;
    min-height: 500px;
    width: 0px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: 999;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .5);
}

    .chat-bot-box .chatbot-btn {
        background: #ed3237;
        color: #fff;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        position: absolute;
        right: 15px;
        bottom: 15px;
        line-height: 60px;
        text-align: center;
        z-index: -1;
    }

        .chat-bot-box .chatbot-btn:before, .chat-bot-box .chatbot-btn:after {
            content: "";
            position: absolute;
            border: 2px solid #ccc;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            border-radius: 50%;
            animation: animate 1.5s linear infinite;
            opacity: 0;
            height: 100%;
            width: 100%;
        }

        .chat-bot-box .chatbot-btn:after {
            animation-delay: 0.5s;
        }

@keyframes animate {
    0% {
        transform: scale(.5);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
    }
}

.chat-bot-box .chatbot-btn img {
    height: 26px;
}

/*.chat-bot-box .chatbot-btn:after {
    content: "";
    border-top: 45px solid #ed3237;
    border-right: 32px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    right: -5px;
    bottom: 1px;
    transform: rotate(-69deg);
    z-index: -1;
}*/

.chat-bot-box a.chatbot-btn span {
    font-size: 14px;
    display: block;
    font-weight: 400;
    opacity: .8;
    line-height: 16px;
}

.chat-bot-box .heading {
    position: absolute;
    width: 500px;
    background: #ed3237;
    padding: 7px 10px;
    display: flex;
    left: 0px;
}

    .chat-bot-box .heading h2 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        line-height: 25px;
    }

        .chat-bot-box .heading h2 img {
            float: left;
            margin-right: 10px;
            margin-top: 2px;
        }

.close-chat-bot {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    width: 30px;
    text-align: center;
    font-size: 16px;
    display: none;
    opacity: .9;
    line-height: 40px;
}

.chat-bot-box .heading:hover .close-chat-bot {
    opacity: 1;
}

.cp-sup-bot {
    height: 100%;
    width: 500px;
}

    .cp-sup-bot iframe {
        height: 100%;
        width: 100%;
        border: 0px;
    }

@media (max-width: 599px) {
    .chat-bot-box .heading, .cp-sup-bot {
        width: 100%;
    }
}


/* ================= Begin My Team Css =========== */
.panel-body.my-team-wrp {
    padding: 0px;
}

.myteam-tree {
    padding: 0px 20px 0px 20px;
    width: 30%;
    float: left;
}

    .myteam-tree .jstree-default .jstree-anchor, .myteam-tree .jstree-default .jstree-icon:empty {
        line-height: 28px !important;
        height: 28px !important;
        font-size: 14px;
    }

    .myteam-tree .jstree-default > .jstree-container-ul > .jstree-node {
        /*border-bottom: 1px solid #ececec;*/
        padding: 4px 0px;
    }

        .myteam-tree .jstree-default > .jstree-container-ul > .jstree-node:last-child {
            border-bottom: 0px;
        }

    .myteam-tree .jstree .jstree-open > .jstree-children {
        margin-bottom: 4px;
    }

/*.myteam-tree .jstree-default .jstree-open > .jstree-ocl {
    background-position: -36px -4px !important;
}
.myteam-tree .jstree-default .jstree-closed > .jstree-ocl {
    background-position: -4px -4px !important;
}
.myteam-tree .jstree-default .jstree-node {
    background: 0 0;
}
.myteam-tree .jstree-default .jstree-leaf > .jstree-ocl {
    background-position: 12px;
}*/

.single-user-details-box {
    width: 70%;
    float: left;
    border-left: 1px solid #ddd;
}

.single-user-details {
    background: rgba(237, 50, 55, .05);
    border-top-right-radius: 4px;
    border-bottom: 1px solid #e3e3e3;
}

.single-user-details ul {
    padding: 0px;
    overflow: hidden;
    margin: 0px;
    list-style: none;
}

.single-user-details ul li {
    width: calc(100% / 3);
    float: left;
    padding: 10px 20px;
}

.single-user-details ul li + li {
    border-left: 1px solid #dcdcdc;
}

.single-user-details h4 {
    margin: 0px;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.single-user-details h4 small {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #444;
    opacity: .8;
}

.single-user-details-box .single-user-content {
    padding: 20px 20px 0px;
}

    /* ===== Begin Attendance ===== */

    .single-user-details-box .single-user-content .panel {
        border: 1px solid #eaeaea;
        box-shadow: none;
    }

    .single-user-details-box .single-user-content .attendance-emp-chart.ess-box .panel-body {
        height: auto;
        background: transparent;
    }

    .single-user-details-box .single-user-content .panel-heading {
        background: transparent;
        border-bottom: 1px solid #eaeaea;
        padding: 6px 15px;
    }

        .single-user-details-box .single-user-content .panel-heading .panel-title {
            color: #444 !important;
        }

    .single-user-details-box .single-user-content .ess-box .calendar {
        background: #ffffff;
    }

    .single-user-details-box .single-user-content .ess-box .fc td {
        border-color: #dcdcdc;
        text-align: center;
    }

    .single-user-details-box .single-user-content .ess-box .fc th {
        background: rgb(241, 241, 241);
        border-color: #dcdcdc;
        color: #444;
    }
/* ===== End Attendance ===== */

/*======= Begin Leave ======*/
.single-user-table-box .table {
    margin: 0px;
    border: 0px;
}

    .single-user-table-box .table th:last-child {
        width: 80px !important;
    }

    .single-user-table-box .table strong {
        display: block;
        color: #2d4b7b;
        font-weight: 600;
    }

    .single-user-table-box .table small {
        color: #666;
        float: right;
        font-size: 12px;
    }

    .single-user-table-box .table span {
        display: block;
    }
/*======= End Leave ======*/
/* ================= End My Team Css =========== */
/* ================= Begin Leave Balance CSS =============== */
.custom-form.modal-leave-blnce {
    width: 534px;
}

.modal-body.leave-balance-box .table-scroll-auto {
    width: 100%;
    max-height: 460px;
    overflow: auto;
}

    .modal-body.leave-balance-box .table-scroll-auto .table {
        width: auto !important;
        margin: 0px auto;
    }

        .modal-body.leave-balance-box .table-scroll-auto .table th:nth-child(1), .modal-body.leave-balance-box .table-scroll-auto .table td:nth-child(1) {
            width: 45px;
        }

        .modal-body.leave-balance-box .table-scroll-auto .table th:nth-child(2), .modal-body.leave-balance-box .table-scroll-auto .table td:nth-child(2) {
            width: 120px;
        }

        .modal-body.leave-balance-box .table-scroll-auto .table th:nth-child(3), .modal-body.leave-balance-box .table-scroll-auto .table td:nth-child(3) {
            width: 190px;
        }

        .modal-body.leave-balance-box .table-scroll-auto .table th, .modal-body.leave-balance-box .table-scroll-auto .table td {
            width: 100px;
            float: left;
            display: block;
            margin: -1px;
            margin-top: 0px;
        }

        .modal-body.leave-balance-box .table-scroll-auto .table td {
            padding: 3px 4px;
            line-height: 23px;
        }

        .modal-body.leave-balance-box .table-scroll-auto .table tr {
            display: flex;
        }

.modal-body.leave-balance-box .form-control {
    height: 26px;
}
/* ================= End Leave Balance CSS =============== */
.sweet-overlay {
    z-index: 999999 !important;
}

.sweet-alert {
    z-index: 999999 !important;
    outline: none;
}

.m-t-22 {
    margin-top: 22px;
}

.sub-note a {
    word-break: break-all;
}

/* ========= Begin Raise Ticket CSS ========= */
.ticket-details-box {
    padding: 20px 20px 25px;
}

    .ticket-details-box .ticket-head {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .ticket-details-box .ticket-head h5 {
            font-size: 16px;
            margin: 0px;
            float: left;
        }

            .ticket-details-box .ticket-head h5 small {
                display: block;
                font-size: 12px;
                margin-top: 5px;
                color: #888;
                font-weight: 400;
            }

.status-show {
    background: #ccc;
    padding: 0px 15px;
    width: auto;
    display: inline-block;
    border-radius: 30px;
    line-height: 24px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    margin-top: 6px;
}

    .status-show.open {
        background: #810081;
    }

    .status-show.close-ticket {
        background: #53b623;
    }

    .status-show.in-progress {
        background: #ff9600;
    }

    .status-show.esclated {
        background: #dd2627;
    }

.ticket-details-box p {
    margin: 0px;
    font-weight: 600;
    color: #666;
    font-size: 14px;
    word-break: break-all;
}

    .ticket-details-box p small {
        display: block;
        color: #888;
        font-size: 12px;
        color: #7c7f83;
        font-weight: 400;
    }

.ticket-details-box .table {
    margin: 0px;
}

.ticket-details-box .created-d {
    width: 300px;
}

    .ticket-details-box .created-d p {
        margin: 10px 0px;
    }

.messages-content-box {
    overflow: hidden;
}

.messages-content {
    border-top: 1px solid #e2e7eb;
    padding: 30px 20px 80px;
    height: calc(100vh - 400px);
    overflow-y: auto;
}

    .messages-content .messages-body .msg-send {
        padding: 12px 15px;
        border-radius: 4px;
        margin-bottom: 2px;
        float: left;
        width: auto;
        max-width: 80%;
        background: #f4f2f2;
    }

.single-message-box + .single-message-box {
    margin-top: 15px;
}

.single-message-box {
    position: relative;
    overflow: hidden;
}

    .single-message-box .media-left a {
        display: block;
        border-radius: 50%;
        overflow: hidden;
        width: 45px;
        height: 45px;
    }

        .single-message-box .media-left a img {
            height: 100%;
            width: 100%;
        }

    .single-message-box .media-left {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .single-message-box .messages-body {
        width: 100%;
        float: left;
        padding-left: 60px;
    }

        .single-message-box .messages-body .msg-send {
            position: relative;
        }

            .single-message-box .messages-body .msg-send:before {
                content: "";
                border-top: 20px solid #f4f2f2;
                border-right: 10px solid transparent;
                border-left: 20px solid transparent;
                position: absolute;
                left: -15px;
                top: 0px;
            }

    .single-message-box.right .messages-body .msg-send:before {
        border-top: 20px solid #e7f0ff;
        border-right: 20px solid transparent;
        border-left: 10px solid transparent;
        right: -15px;
        left: inherit;
    }

.messages-content .messages-body .msg-send p {
    font-size: 14px;
    margin: 0px;
}

.single-message-box .messages-body .time {
    display: block;
    width: 100%;
    float: left;
    color: #888;
    font-size: 11px;
}

.single-message-box.right .messages-body {
    padding-right: 60px;
    padding-left: 0px;
}

.single-message-box.right .media-left {
    right: 0px;
    left: inherit;
    padding-right: 0px;
}

.single-message-box.right .messages-body .msg-send {
    float: right;
    background: #e7f0ff;
}

.single-message-box.right .messages-body .time {
    text-align: right;
}

.messages-content-box .messages-send {
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: fixed;
    bottom: 0px;
    width: calc(100% - 220px);
    right: 0px;
    background: #f2f2f2;
    padding-left: 10px;
    border: 0px;
    z-index: 99;
    text-align: center;
    left: inherit;
    box-shadow: 6px -2px 10px rgb(175, 175, 175);
    -webkit-box-shadow: 6px -2px 10px rgb(175, 175, 175);
}

    .messages-content-box .messages-send .input-group {
        width: calc(100% - 150px);
        margin: 0px;
        float: left;
    }

        .messages-content-box .messages-send .input-group.request-msg {
            font-size: 16px;
            text-align: left;
            padding-left: 10px;
            margin-top: 19px;
            color: green;
        }

            .messages-content-box .messages-send .input-group.request-msg i {
                font-size: 24px;
                position: relative;
                top: 2px;
                margin-right: 6px;
            }

        .messages-content-box .messages-send .input-group textarea {
            resize: none;
            border: 0px;
            box-shadow: none;
            width: calc(100% - 80px);
            margin-right: 20px;
            height: 60px;
            line-height: 48px;
            font-size: 14px;
            background: transparent;
        }

            .messages-content-box .messages-send .input-group textarea.input-active {
                border: 0px !important;
            }

            .messages-content-box .messages-send .input-group textarea:focus {
                line-height: 20px;
            }

        .messages-content-box .messages-send .input-group .btn {
            height: 40px;
            width: 40px;
            padding: 0px;
            text-align: center;
            line-height: 40px;
            border-radius: 50%;
            background: #ff5b57;
            color: #fff;
            margin-top: 10px;
            transition: .5s;
            -webkit-transition: .5s;
        }

        .messages-content-box .messages-send .input-group:hover .btn {
            background: #f59100;
            transform: rotate(360deg);
        }

        .messages-content-box .messages-send .input-group .btn i {
            margin-left: 3px;
        }

.chat-action {
    float: right;
    width: 150px;
    position: relative;
}

    .chat-action:before {
        content: "";
        width: 1px;
        position: absolute;
        height: 40%;
        background: rgba(0, 0, 0, .1);
        top: 30%;
        left: 0px;
    }

    .chat-action:after {
        content: "\f107";
        font-family: 'FontAwesome';
        position: absolute;
        top: 20px;
        right: 21px;
        font-size: 18px;
    }

    .chat-action.dropdown.open:after {
        transform: rotate(180deg);
    }

    .chat-action a {
        padding: 20px;
        display: block;
        font-size: 16px;
        color: #666;
        text-align: left;
    }

        .chat-action a:after {
            display: none;
        }

    .chat-action .dropdown-menu {
        width: 100%;
        right: 36px;
        left: inherit !important;
        bottom: 100%;
        top: inherit !important;
        transform: translate(0, 0) !important;
        border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        box-shadow: 0px 0px 10px rgb(175, 175, 175);
    }

    .chat-action .dropdown-menu {
        padding: 0px;
    }

        .chat-action .dropdown-menu li + li {
            border-top: 1px solid rgba(0, 0, 0, .1);
        }

        .chat-action .dropdown-menu li a {
            padding: 9px 15px;
            font-size: 14px;
            text-decoration: none;
        }

            .chat-action .dropdown-menu li a:hover {
                background: #dd2627;
                color: #fff;
            }

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    top: 6px;
}
/*.data-accordion .table tr th, .data-accordion .table tr td { min-width: 120px !important; }
.data-accordion .table tr th.purpose {min-width: 250px !important; }*/
/* ========= End Raise Ticket CSS ========= */
.conf-msg {
    margin-bottom: 20px;
}
.conf-msg h4 {
    margin: 0px;
    font-size: 16px;
}
.impt-msg {
    float: right;
    font-size: 14px;
    padding: 5px 15px;
    margin: 9px 0px;
    width: calc(100% - 710px);
    margin-right: 20px;
}
.impt-msg p {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0px;
    position: relative;
    top: 3px;
    color: #ed3237;
}
/* ================= Begin My Team Css =========== */
.panel-body.my-team-wrp {
    padding: 0px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.my-team-wrp .left-tree-wrp {
    width: 280px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    height: 100%;
}
.my-team-wrp .left-tree-wrp .panel-inverse > .panel-heading h4 {
    padding: 2.5px 0;
}
.left-tree-wrp .panel.panel-inverse {
    margin-bottom: 0px;
    box-shadow: none;
}
.left-tree-wrp .panel-inverse > .panel-heading {
    border-top-right-radius: 0;
    position: relative;
  
}
.left-tree-wrp .panel-inverse > .panel-heading:after {
    content: "";
    background: #e3e3e3;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 279px;
    top: 0px;
}

.panel-body.my-team-wrp .single-user-details-box .single-user-content {
    padding: 25px 25px 10px 25px;
}

.panel-body.my-team-wrp .single-user-details-box .single-user-content .panel {
    margin-bottom: 0px;
}

.panel-body.my-team-wrp .single-user-details-box .single-user-content .col-md-6.col-sm-6.col-sm-12 {
    padding: 0px 10px 15px;
}

.myteam-tree {
    width: 280px;
    height: calc(100% - 45px);
    overflow: auto;
    background: rgba(247, 249, 251, .7);
    border-right: 1px #ddd solid;
}

    .myteam-tree.panel.panel-inverse {
        padding: 0px;
    }

    .myteam-tree .jstree-default {
        overflow: visible !important;
        padding: 0px 10px 10px 10px;
    }

        .myteam-tree .jstree-default .jstree-anchor, .myteam-tree .jstree-default .jstree-icon:empty {
            line-height: 28px !important;
            height: 28px !important;
            font-size: 13px;
        }

        .myteam-tree .jstree-default > .jstree-container-ul > .jstree-node {
            padding: 4px 0px;
        }

            .myteam-tree .jstree-default > .jstree-container-ul > .jstree-node:last-child {
                border-bottom: 0px;
            }

.jstree-default .jstree-open .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor {
    color: #ed3237 !important;
}

.jstree-default .jstree-open .jstree-children .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor,
.jstree-default .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-open .jstree-children .jstree-anchor {
    color: #666 !important;
}

.myteam-tree .slimScrollBar {
    right: -20px !important;
}

.myteam-tree .jstree-default {
    overflow: visible !important;
}

.myteam-tree .slimScrollDiv {
    overflow: visible !important;
}

.single-user-details-box {
    width: 100%;
    float: left;
    padding-left: 280px;
    position: relative;
}
/*.single-user-details-box:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 280px;
    background: #e5e3e3;
}*/


    .single-user-details ul {
        padding: 0px;
        overflow: hidden;
        margin: 0px;
        list-style: none;
    }

        .single-user-details ul li {
            width: 18%;
            float: left;
            padding: 0px 20px;
            margin: 7.5px 0px;
        }

            .single-user-details ul li:last-child {
                width: 28%;
            }

            .single-user-details ul li + li {
                border-left: 1px solid rgba(255, 255, 255, 0.25882352941176473);
            }

    

.single-user-details-box .single-user-content {
    padding: 20px 20px 0px;
}

.panel-body.my-team-wrp .single-user-details-box .single-user-content .panel-heading + .slimScrollDiv {
    border-top: none;
}

/* ===== Begin Attendance ===== */
.single-user-details-box .single-user-content .panel {
    border: 1px solid #e3e3e3;
    box-shadow: none;
    overflow: hidden;
}

.single-user-details-box .single-user-content .attendance-emp-chart.ess-box .panel-body {
    height: auto;
    background: transparent;
}

.single-user-details-box .single-user-content .panel-heading {
    padding: 8px 15px;
    border-radius: 0px;
    border-bottom: 1px solid #e3e3e3;
}

.single-user-details-box .single-user-content .ess-box .calendar {
    background: #ffffff;
}

.single-user-details-box .single-user-content .ess-box .fc-toolbar h2 {
    color: #2d4b7b;
    width: 100%;
    position: inherit;
}
    .single-user-details-box .single-user-content .ess-box .fc-toolbar h2:before, .single-user-details-box .single-user-content .ess-box .fc-toolbar h2:after{
        display:none;
    }
    .single-user-details-box .single-user-content .ess-box .fc td {
        border-color: #c9d2da;
        text-align: center;
    }

.single-user-details-box .single-user-content .ess-box .fc th {
    background: #f3f3f3;
    border-color: #c9d2da;
    color: #333;
}

.single-user-details-box .single-user-content .table-striped > tbody > tr:nth-child(odd) > td, .single-user-details-box .single-user-content .table-striped > tbody > tr:nth-child(odd) > th {
    background: rgba(240, 243, 245, .1);
}
/* ===== End Attendance ===== */
/*======= Begin Leave ======*/
.single-user-table-box .table {
    margin: 0px;
    border: 0px;
}

    .single-user-table-box .table th:last-child {
        width: 80px !important;
    }

    .single-user-table-box .table strong {
        display: block;
        color: #2d4b7b;
        font-weight: 600;
    }

    .single-user-table-box .table small {
        color: #666;
        float: right;
        font-size: 12px;
    }

    .single-user-table-box .table span {
        display: block;
    }
/*======= End Leave ======*/
.facilitation-wrap {
}

    .facilitation-wrap .panel-body {
        height: 276px;
    }

.facelitaion-box .head {
    text-align: center;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

    .facelitaion-box .head h2 {
        margin: 0px;
        font-size: 14px;
        line-height: 30px;
        color: #26416d;
    }

.facelitaion-box iframe {
    width: 100%;
    height: 240px;
}

.facelitaion-box .head .btn {
    position: absolute;
    background: transparent;
    padding: 0px 8px;
    left: 5px;
    top: 4px;
    line-height: 20px;
    font-size: 16px;
    color: #3962a5;
}

    .facelitaion-box .head .btn.right {
        right: 5px;
        left: inherit;
    }

    .facelitaion-box .head .btn:hover {
        color: #ed3237;
    }
/* ================= End My Team Css =========== */

.con-pay-modal {
}

    .con-pay-modal .conveyance-pay-type {
        width: 35%;
        height: 270px;
        float: left;
        position: relative;
        padding: 20px 0px 15px 20px;
    }

        .con-pay-modal .conveyance-pay-type .manage-plan-list.radio.radio-css li {
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

            .con-pay-modal .conveyance-pay-type .manage-plan-list.radio.radio-css li label {
                font-size: 15px;
                line-height: 27px;
            }

    .con-pay-modal .con-pay-form {
        width: 65%;
        float: left;
        padding: 30px 30px 20px;
    }

    .con-pay-modal .conveyance-pay-type:before {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(236, 236, 236, .2);
        left: 0px;
        top: -1px;
        content: "";
        border-right: 1px solid #e3e3e3;
    }

    .con-pay-modal .modal-body {
        padding: 0px;
    }

.btn.done {
    background: #00acac !important;
    border-color: #00acac !important;
}

.btn.pending {
    background: #ed3237 !important;
    border-color: #ed3237 !important;
}
/* =========== Begin FAQ  ============= */
.faq-search-wrp {
    height: 160px;
    background: #d0e1fd;
    position: relative;
}

    .faq-search-wrp:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        background: #d0e1fd url(../img/faq_icon_parallax_bg.png) no-repeat 0px 70px;
        background-size: contain;
        background-attachment: fixed;
        animation: bounce 2s infinite;
        opacity: .5;
    }

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-5px);
    }

    60% {
        transform: translateY(-2px);
    }
}

.faq-search-wrp .container {
    height: 100%;
    position: relative;
}

    .faq-search-wrp .container .search-box {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        text-align: center;
        height: 95px;
        margin: auto;
    }

.faq-search-wrp h3 {
    font-weight: 400;
    font-size: 30px;
    color: #2d4b7b;
    margin: 0px 0px 15px;
}

.faq-search-wrp .container .search-box .search {
    position: relative;
    width: 640px;
    margin: auto;
    float: none;
}

.faq-search-wrp .container .search-box .form-control {
    height: 46px;
    margin: auto;
    font-size: 16px;
    padding: 0px 20px;
}

.faq-search-wrp .container .search-box .search:after {
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    top: 7px;
    right: 15px;
    font-size: 20px;
    color: rgba(136, 136, 136, .6);
}

.faq-wrp {
    padding: 40px 0px;
}

    .faq-wrp h4 {
        font-weight: 400;
        font-size: 20px;
        margin: 0px 0px 20px;
    }

.faq-box {
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .faq-box + .faq-box {
        margin-top: 20px;
    }

    .faq-box h5 {
        font-size: 16px;
        margin: 0px 0px 10px;
        border-bottom: 1px solid #ddd;
        padding: 10px 15px;
        color: #555;
    }

.single-faq {
    padding: 0px 15px;
}

    .single-faq + .single-faq {
        margin-top: 15px;
    }

    .single-faq .ques {
        color: #2d4b7b;
        font-weight: 400;
        font-size: 15px;
        position: relative;
        padding: 0px 0px 0px 20px;
        margin: 0px 0px 5px;
        border: 0px;
    }

        .single-faq .ques:before {
            content: "Q.";
            margin-right: 5px;
            color: #999;
            width: 20px;
            position: absolute;
            left: 0px;
        }

    .single-faq .ans {
        font-size: 13px;
        position: relative;
        padding-left: 20px;
        line-height: 18px;
    }

        .single-faq .ans:before {
            content: "A.";
            margin-right: 5px;
            color: #999;
            width: 20px;
            position: absolute;
            left: 0px;
        }

.faq-wrp .indexing-box {
    margin: 0px;
}

    .faq-wrp .indexing-box.affix {
        top: 115px;
        height: calc(100% - 134px);
        width: 260px;
    }
/* =========== End FAQ  ============= */
.info-leave .info-advance:hover .dscb {
    width: 500px;
    top: 24px;
    left: -6px;
}

    .info-leave .info-advance:hover .dscb .table tr td {
        color: #666;
        font-size: 12px;
    }

.info-leave .info-advance .dscb .table {
    margin: 5px 0px;
}
/* ========= Begin Travel ========= */
.travel-modal .modal-body {
    padding: 20px;
}

    .travel-modal .modal-body .table tr th {
        width: 110px;
    }

        .travel-modal .modal-body .table tr th:nth-child(1) {
            width: 130px;
        }

        .travel-modal .modal-body .table tr th:nth-child(5) {
            width: 120px;
        }

        .travel-modal .modal-body .table tr th:nth-child(9) {
            width: 60px;
        }

.add-extra-opt {
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ccc;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    padding: 0px 10px;
    color: #666;
    white-space: nowrap;
    width: 100%;
}

.edit .add-extra-opt {
    border: 0px;
    float: left;
    width: auto;
    padding: 0px;
}

.travel-modal .modal-body .table tr td .checkbox {
    padding: 8px 0px 0px;
}

    .travel-modal .modal-body .table tr td .checkbox input:checked + label:after, .travel-modal .modal-body .table tr td .checkbox input:checked + label:before, .travel-modal .modal-body .table tr td .checkbox label:before {
        top: 9px;
    }

.travel-modal .modal-body .table tr td .form-control {
    padding: 0px 10px;
}

.travel-modal .modal-body .table tr td .btn {
    height: 32px;
    line-height: 32px;
    width: 32px;
    margin-top: 1px;
}

.show-extra-opt {
    position: absolute;
    display: none;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
    text-align: center;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

    .show-extra-opt .popup-content {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
        padding: 8px 12px 12px;
        position: absolute;
        z-index: 999;
        width: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*.show-extra-opt .popup-content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    padding: 8px 12px 12px;
    position: relative;
    z-index: 999;
    width: auto;
    display: inline-block;
    margin-top: 20px;
}*/
    .show-extra-opt h4 {
        margin: 0px 0px 10px;
        font-size: 15px;
        text-align: left;
    }

    .show-extra-opt .form-group {
        float: left;
        width: 120px;
        margin: 0px 3px;
    }

        .show-extra-opt .form-group:last-child {
            margin: 0px;
        }

        .show-extra-opt .form-group textarea.form-control {
            height: 78px;
            resize: none;
            width: 100%;
        }

    .show-extra-opt .popup-content label {
        font-size: 11px !important;
        line-height: normal;
        text-align: left;
    }

    .show-extra-opt .popup-content .btn {
        margin-top: 20px;
        height: 34px;
        width: 38px;
        padding: 0px;
        margin: 20px 0px 0px 3px;
    }

.modal-footer .show-extra-opt {
    bottom: 50px;
    right: 15px;
    width: 300px;
}

.travel-modal .modal-body .table tr td .bootstrap-select {
    padding: 0px;
    border: 1px solid #ccc;
    height: 35px;
    margin: 0px;
    width: 220px;
}

    .travel-modal .modal-body .table tr td .bootstrap-select .btn {
        width: 100%;
        border: 0px;
    }

        .travel-modal .modal-body .table tr td .bootstrap-select .btn .filter-option {
            line-height: 34px;
            padding: 0px 10px;
        }

.with-label label {
    width: 120px;
    float: left;
    line-height: 34px;
    margin: 0px;
}

.with-label .form-control {
    width: 186px;
    float: left;
}

.with-label .col-md-6 .form-control {
    width: 350px;
}

.with-label textarea.form-control {
    resize: none;
    width: 513px;
    float: left;
    height: 34px;
}

    .with-label textarea.form-control.full {
        width: 838px;
    }
/* Animations */
.fadeIn {
    animation: fadeIn 0.5s ease-in both;
    -webkit-animation: fadeIn 0.5s ease-in both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
}

.fadeOut {
    animation: fadeOut 0.5s ease-out both;
    -webkit-animation: fadeOut 0.5s ease-out both;
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    to {
        opacity: 0;
    }
}

.upload-btn-box {
    position: relative;
    float: left;
    background: #f3f3f3;
    border-radius: 4px;
    height: 48px;
}

    .upload-btn-box:hover {
        background: rgba(237, 50, 55, .1);
    }

    .upload-btn-box input[type="file"] {
        opacity: 0;
        width: 100%;
        height: 100%;
    }

    .upload-btn-box span {
        position: absolute;
        font-size: 16px;
        padding: 15px;
        width: 100%;
        margin-top: -8px;
    }

        .upload-btn-box span i {
            color: #2d4b7b;
            font-size: 28px;
            position: relative;
            top: 4px;
        }

    .upload-btn-box:hover span i {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        color: rgba(237, 50, 55, 1);
    }

.attach-file {
    background: #f3f3f3;
    padding: 0px 34px 1px 8px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    float: left;
    margin: 3px 0px 0px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

    .attach-file:hover {
        background: rgba(237, 50, 55, .1);
    }

    .attach-file:after {
        content: "\f019";
        font-family: 'FontAwesome';
        position: absolute;
        right: 8px;
        top: 5px;
    }

.attach-bill .upload-btn-box {
    height: 34px;
    width: 100%;
}

    .attach-bill .upload-btn-box a {
        padding: 0px 7px;
        line-height: 34px;
        font-size: 14px;
        margin-top: 0px;
        width: 100%;
    }

        .attach-bill .upload-btn-box a i {
            font-size: 22px;
            top: 3px;
            position: relative;
        }

/* =========== Begin Travel Request list ===========*/
.travel-request-list {
    width: 100%;
    float: left;
    position: relative;
}

    .travel-request-list select.form-control {
        padding: 6px 4px;
    }

    .travel-request-list .form-control {
        padding: 6px 8px;
    }

    .travel-request-list ul {
        float: left;
        padding: 5px 10px;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin: 5px 0px;
        position: relative;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
    }

        .travel-request-list ul li {
            float: left;
            list-style: none;
            margin: 2px 3px;
            width: 126px;
        }

            .travel-request-list ul li label {
                display: block;
                margin: 0px 0px 4px;
                font-size: 11px;
            }

            .travel-request-list ul li span {
                float: left;
                width: 123px;
                line-height: 34px;
            }

            .travel-request-list ul li.last {
                width: 452px;
            }

        .travel-request-list ul.edit li.last, .travel-request-list ul.update li.last {
            width: 310.5px;
        }

        .travel-request-list ul li.last .form-control {
            height: 34px;
            resize: none;
        }

.show-extra-opt .dropdown-menu li {
    width: 100%;
    margin: 0px;
}

.add-extra-opt.small {
    width: 85px;
    font-size: 12px;
    float: right;
}

.close-travel-list {
    position: absolute;
    right: 6px;
    top: 2px;
    font-size: 16px;
    text-decoration: none;
    opacity: 1;
    color: #888;
}

.travel-request-list .view.trip-list h5 .close {
    top: 7px;
}

.date-time-box {
    width: 140px !important;
}

    .date-time-box .form-control {
        width: 90px;
        float: left;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 6px 8px;
    }

        .date-time-box .form-control.time {
            width: 50px;
            float: left;
            margin-left: -1px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

.travel-request-list ul li.single-li-list {
    border-right: 1px solid #ddd;
    line-height: 24px;
    width: auto;
    margin-right: 10px;
    padding-right: 10px;
}

    .travel-request-list ul li.single-li-list label {
        float: left;
        font-size: 14px;
        margin-right: 10px;
        margin-top: 2px;
    }

    .travel-request-list ul li.single-li-list .checkbox {
        margin: 2px 0px;
        float: left;
    }

        .travel-request-list ul li.single-li-list .checkbox label {
            font-size: 12px;
        }

    .travel-request-list ul li.single-li-list .add-extra-opt.small {
        height: 24px;
        padding: 5px;
        line-height: 24px;
        border: 0px;
    }

    .travel-request-list ul li.single-li-list .checkbox.checkbox-css input:checked + label:after, .travel-request-list ul li.single-li-list .checkbox.checkbox-css input:checked + label:before, .travel-request-list ul li.single-li-list .checkbox.checkbox-css label:before {
        top: 5px;
    }

.travel-request-list .slimScrollBar {
    right: 1px !important;
}

.travel-request-list .slimScrollDiv {
    overflow: visible !important;
    margin-bottom: 5px;
}

    .travel-request-list .slimScrollDiv .slimScrollBar {
        right: -11px !important;
    }

    .travel-request-list .slimScrollDiv #scrooldiv {
        max-height: 345px;
        overflow-y: auto;
    }

.modal-body.travel-approval-body .travel-request-list .slimScrollDiv #scrooldiv {
    max-height: 344px;
}

.modal-body.travel-approval-without-foot .travel-request-list .slimScrollDiv #scrooldiv {
    max-height: 400px;
}

.show-extra-opt .popup-content .date-time-box {
    float: left;
    margin: 0px 3px;
}

.show-extra-opt .popup-content .btn.selectpicker {
    width: 100%;
    margin: 0px;
    padding: 0px 8px;
}

.show-extra-opt .popup-content .bootstrap-select {
    margin: 0px 3px;
}

.travel-request-list ul li.single-li-list.accomd {
    width: 312px;
}

.travel-request-list ul li.single-li-list .show-time {
    float: left;
    width: 214px;
}

    .travel-request-list ul li.single-li-list .show-time span {
        width: auto;
        line-height: normal;
    }

.travel-request-list .view li {
    width: 100px !important;
}

    .travel-request-list .view li.comment {
        width: 370px !important;
        margin-right: 0px;
    }

.travel-request-list.attached-bill ul li.comment {
    width: 370px !important;
}

.travel-request-list.attached-bill ul li.action {
    width: 70px !important;
}

.travel-request-list .view li span {
    width: 100%;
    line-height: normal;
}

.travel-request-list .view.trip-list h5 {
    border-bottom: 1px solid #ddd;
    padding: 4px 10px 8px;
    margin: 0px -10px 5px;
    font-size: 13px;
}

    .travel-request-list .view.trip-list h5 span + span {
        border-right: 1px solid #ddd;
        padding-right: 10px;
        margin-right: 10px;
    }

    .travel-request-list .view.trip-list h5 .checkbox {
        margin: 0px;
    }

.travel-request-list ul.view.trip-list li {
    width: 104px !important;
    border: 1px solid #ddd;
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(247, 249, 251, .7);
}

    .travel-request-list ul.view.trip-list li.travel-mode {
        width: 85px !important;
    }

    .travel-request-list ul.view.trip-list li.cab-taxi {
        width: 75px !important;
    }

    .travel-request-list ul.view.trip-list li.visa-required {
        width: 100px !important;
    }

    .travel-request-list ul.view.trip-list li.accommod, .travel-request-list ul.view.trip-list li.ticket-rquired {
        width: 213px !important;
    }

    .travel-request-list ul.view.trip-list li.remark {
        width: 494px !important;
    }

    .travel-request-list ul.view.trip-list li.full {
        width: 932px !important;
    }

    .travel-request-list ul.view.trip-list li.half {
        width: 459px !important;
    }

    .travel-request-list ul.view.trip-list li .slimScrollDiv {
        margin: 0px !important;
    }

    .travel-request-list ul.view.trip-list li .slimScrollBar {
        right: 0px !important;
        width: 3px !important;
    }

.travel-request-list.attach-bill li:last-child {
    width: 404px;
}

    .travel-request-list.attach-bill li:last-child textarea.form-control {
        height: 34px;
        resize: none;
    }

.travel-request-list.attach-bill li span {
    width: 100%;
}

.travel-request-list.attach-bill li .attach-file {
    line-height: 17px;
    margin: 0px 0px 3px;
    width: 100%;
}

    .travel-request-list.attach-bill li .attach-file:after {
        content: "\f019";
        font-family: 'FontAwesome';
        position: absolute;
        right: 8px;
        top: 3px;
    }

.travel-request-list .view-more-opt {
    height: 100px;
    overflow: hidden;
}

.travel-request-list .view-all-detail {
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: -9px;
    z-index: 999;
    position: relative;
    background: #fff;
}

    .travel-request-list .view-all-detail:after {
        content: "\f101";
        font-family: 'FontAwesome';
        margin-left: 5px;
    }

.travel-request-list h5 {
    margin: 0px;
}

.travel-request-list ul.view .checkbox {
    margin-top: 12px;
    margin-right: 8px;
}

.travel-request-list .view li.with-check-box {
    width: 130px !important;
}

.approve-remark-box, .reject-remark-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

    .approve-remark-box .remark-form, .reject-remark-box .remark-form {
        background: #fff;
        padding: 15px;
        width: 440px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        position: absolute;
        height: 100px;
        margin: auto;
        border-radius: 4px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    }

        .approve-remark-box .remark-form h5, .reject-remark-box .remark-form h5 {
            margin-bottom: 5px;
            margin-top: 0px;
        }

        .approve-remark-box .remark-form textarea.form-control, .reject-remark-box .remark-form textarea.form-control {
            width: 320px;
            resize: none;
            float: left;
            height: 48px;
        }

        .approve-remark-box .remark-form .btn, .reject-remark-box .remark-form .btn {
            float: right;
            height: 48px;
            width: 38px;
            margin-left: 5px;
            line-height: 36px;
            font-size: 14px;
        }

.bill-approval-list.selected:before, .bill-reject-list.selected:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.action .btn {
    background: #7b7b7b !important;
    border-color: #7b7b7b !important;
    height: 24px;
    width: 26px;
    padding: 0px;
    line-height: 24px;
}

.travel-request-list ul.rejected:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 999;
    position: absolute;
    left: 0px;
    top: 0px;
}

.travel-request-list ul.rejected:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 110px;
    color: rgba(255, 0, 0, .2);
    content: "Canceled";
    padding: 0px 30px;
    font-weight: 700;
}

.travel-request-list .view li.edit span {
    width: 70px;
}

.travel-request-list .view li.edit .add-extra-opt {
    height: auto;
    line-height: normal;
}

.update .add-extra-opt i {
    float: right;
    line-height: 33px;
}

.travel-request-list ul.view.travel-approval li {
    width: 94px !important;
}

    .travel-request-list ul.view.travel-approval li.employee {
        width: 160px !important;
    }

    .travel-request-list ul.view.travel-approval li.comment {
        width: 240px !important;
    }
/* =========== End Travel Request list ===========*/
/* =========== Begin Multiple Uploading ===========*/
.upload-btn-box.selected:before {
    content: "";
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

.upload-btn-box .show-multi-attch-box {
    position: fixed;
    background: #f5f6fa;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
    width: 400px;
    z-index: 99999;
    height: auto;
    margin: 50px auto;
    top: 0px;
    left: 50%;
    margin-left: -200px;
}

    .upload-btn-box .show-multi-attch-box .browse-box {
        border: 2px dashed #888;
        padding: 30px;
        text-align: center;
        border-radius: 4px;
        background: #fff;
    }

        .upload-btn-box .show-multi-attch-box .browse-box .icon {
            font-size: 64px;
        }

        .upload-btn-box .show-multi-attch-box .browse-box h4 {
            margin-top: 0px;
        }

        .upload-btn-box .show-multi-attch-box .browse-box .attached-btn {
            background: #2d4b7b;
            color: #fff;
            font-size: 16px;
            position: relative;
            border-radius: 4px;
            display: inline-block;
            padding: 0px 20px;
        }

            .upload-btn-box .show-multi-attch-box .browse-box .attached-btn input {
                position: absolute;
                top: 0px;
                left: 0px;
            }

            .upload-btn-box .show-multi-attch-box .browse-box .attached-btn p {
                margin: 0px;
                line-height: 40px;
                font-size: 16px;
            }

        .upload-btn-box .show-multi-attch-box .browse-box p {
            font-size: 14px;
            margin: 15px 0px;
        }

    .upload-btn-box .show-multi-attch-box .atteched-file-list {
        margin-top: 15px;
        max-height: 156px;
        overflow-y: auto;
    }

        .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file {
            line-height: 34px;
            background: #fff;
            padding: 0px;
        }

            .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file:after {
                font-size: 18px;
                line-height: normal;
                top: 8px;
            }

            .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploaded:after {
                content: "\f058";
            }

            .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploading:after {
                content: "\f057";
            }

            .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file span {
                position: inherit;
                line-height: 26px;
                padding: 0px 10px;
                margin: 0px;
                font-size: 12px;
            }

            .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploading {
                border-color: rgba(45, 75, 123, .2);
            }

                .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploading span {
                    background: rgba(45, 75, 123, .1);
                    color: #2d4b7b;
                }

                .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploading:after {
                    color: #2d4b7b;
                }

            .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploaded {
                border-color: rgba(245, 145, 0, .2);
            }

                .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploaded span {
                    background: rgba(245, 145, 0, .1);
                    color: #f59100;
                }

                .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.uploaded:after {
                    color: #f59100;
                }

            .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.error {
                background: rgba(237, 50, 55, .2);
            }

                .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.error span {
                    background: rgba(237, 50, 55, .1);
                    color: #ed3237;
                }

                .upload-btn-box .show-multi-attch-box .atteched-file-list .attach-file.error:after {
                    color: #ed3237;
                }

    .upload-btn-box .show-multi-attch-box .close-multi-attch-box {
        position: absolute;
        font-size: 20px;
        right: 10px;
        width: 30px;
        height: 30px;
        line-height: 31px;
        text-align: center;
        top: 5px;
        background: #f5f6fa;
        border-radius: 50%;
        text-decoration: none;
    }

    .upload-btn-box .show-multi-attch-box:hover .close-multi-attch-box {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    }
/* =========== End Multiple Uploading ===========*/
}

.with-label label {
    width: 120px;
    float: left;
    line-height: 34px;
    margin: 0px;
}

.with-label .form-control {
    width: 186px;
    float: left;
}

.with-label .bootstrap-select {
    width: 186px !important;
}

.with-label textarea.form-control {
    resize: none;
    width: 839px;
    float: left;
}


.leave-detect-box {
    height: calc(100vh - 106px);
}

.leave-detect-box .panel {
    height: calc(100vh - 160px);
    margin: 0px;
    position: relative;
}

.leave-detect-box .panel .panel-body {
    height: calc(100vh - 195px);
    overflow-x: auto;
    padding: 0px !important;
    float: left;
    width: 100%;
}

.leave-detect-box .btn-box {
    background: #fff;
    float: left;
    width: 100%;
    padding: 8px 15px;
    margin: 0px 0px !important;
    border-top: 1px solid #ddd;
}

.leave-detect-box .btn-box .btn {
    width: 49%;
    height: 30px;
    padding: 0px 5px;
}

.leave-detect-box .btn-box .form-control {
    margin: 0px !important;
    height: 30px;
}

.leave-detect-box .table-box .table-bordered {
    width: 2800px !important;
    margin: 0;
}

.leave-detect-box .table-box .table-bordered tr th, .leave-detect-box .table-box .table-bordered tr td {
    width: 120px;
    padding: 1px 5px;
    font-size: 10px;
}

.leave-detect-box .table-box .table-bordered tr th:nth-child(1), .leave-detect-box .table-box .table-bordered tr td:nth-child(1)
{
    position: sticky;
    position: -webkit-sticky;
    left: 0px;
    z-index: 9;
    width: 90px !important;
}
.leave-detect-box .table-box .table-bordered tr td:nth-child(34) {
    position: sticky;
    position: -webkit-sticky;
    right: -1px;
    z-index: 9;
    width: 90px !important;
}
.leave-detect-box .table-box .table-bordered tr th:nth-child(2), .leave-detect-box .table-box .table-bordered tr td:nth-child(2) {
    position: sticky;
    position: -webkit-sticky;
    left: 54px;
    z-index: 9;
    width: 150px !important;
}
.leave-detect-box .table-box .table-bordered tr td:nth-child(1):before, .leave-detect-box .table-box .table-bordered tr th:nth-child(1):before, .leave-detect-box .table-box .table-bordered tr td:nth-child(2):before, .leave-detect-box .table-box .table-bordered tr th:nth-child(2):before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #e2e7eb;
    left: -1px;
    top: 0px;
}
.leave-detect-box .table-box .table-bordered tr td:nth-child(2):after, .leave-detect-box .table-box .table-bordered tr th:nth-child(2):after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #e2e7eb;
    right: -1px;
    top: 0px;
}
.leave-detect-box .table-box .table-bordered tr td:nth-child(34), .leave-detect-box .table-box .table-bordered tr th:nth-child(34) {
    position: sticky;
    position: -webkit-sticky;
    right: 1px;
    z-index: 9;
    width: 200px !important;
}

.leave-detect-box .table-box .table-bordered tr th:nth-child(1), .leave-detect-box .table-box .table-bordered tr th:nth-child(2), .leave-detect-box .table-box .table-bordered tr th:nth-child(34) {
    z-index: 999;
}
.leave-detect-box .table-box .table-bordered tr:nth-child(odd) > td:nth-child(1),
.leave-detect-box .table-box .table-bordered tr:nth-child(odd) > td:nth-child(2),
.leave-detect-box .table-box .table-bordered tr:nth-child(even) > td:nth-child(1),
.leave-detect-box .table-box .table-bordered tr:nth-child(even) > td:nth-child(2) {
    background: #65a3a8;
    color: #fff;
}



.leave-detect-box .table-box .table-bordered tr:nth-child(odd) > td:nth-child(34), .leave-detect-box .table-box .table-bordered tr:nth-child(even) > td:nth-child(34) {
    background: #ffefd9;
}

.leave-detect-box .table-box .table-bordered tr td:nth-child(34):after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #e2e7eb;
    left: 0px;
    top: 0px;
}
.leave-detect-box .table-box .table-bordered tr > td:nth-child(34):before, .leave-detect-box .table-box .table-bordered tr > th:nth-child(34):before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    box-shadow: 6px 0px 10px #ccc;
}
.leave-detect-box .table-box .table-bordered tr th {
    z-index: 9;
    top: -1px;
    position: sticky !important;
    position: -webkit-sticky !important;
    /*background: #fef4e5 !important;*/
    background: #5b6e88 !important;
    color: #fff !important;
}
.leave-detect-box .table-box .table-bordered tr td:nth-child(34) .checkbox.checkbox-css {
    margin: 10px 5px 0px 4px !important;
}

.leave-detect-box .table-box .table-bordered tr td:nth-child(34) .checkbox.checkbox-css .form-control {
    height: 22px !important;
}
.leave-detect-box .table-box .table-bordered tr td:nth-child(34) .checkbox.checkbox-css .btn {
    height: 22px !important;
    font-size: 11px;
    line-height: 18px;
}
.leave-detect-box .table-box tr td span {
    display: block;
    margin: 0px;
    font-size: 10px;
}

.leave-detect-box .table-box tr td .checkbox {
    margin: 2px 0px !important;
    float: left;
}

.leave-detect-box .table-box tr td .checkbox span {
    float: left !important;
    margin: 0px;
    position: relative;
}

.leave-detect-box .table-box tr td .checkbox label:before {
    height: 18px;
    width: 18px;
    border-radius: 4px;
}

.leave-detect-box .table-box tr td .checkbox input:checked + label:after {
    width: 16px;
    height: 18px;
    line-height: 16px;
}
 /*.leave-detect-box .table-box tr td .checkbox label:before {
    content: "A";
    text-align: center;
    line-height: 16px;
    font-weight: 600;
}
.leave-detect-box .table-box tr td .checkbox input:checked + label:before {
    content: "A";
    color: #fff;
}
.leave-detect-box .table-box tr td .checkbox input:checked + label:after {
    content: " ";
}
*/
.leave-detect-box .table-box tr td .checkbox span.input-active {
    border: 0px !important;
}

.leave-detect-box .table-box tr td .checkbox .form-control {
    width: 43px;
    height: 18px;
    padding: 0px 0px;
    float: left;
    font-size: 10px;
}

.leave-detect-box .filter-box {
    margin: 0px;
    border: 0px;
    box-shadow: none;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
}

.leave-detect-box .filter-box .leave-detect-search-show {
    float: left;
}

.leave-detect-box .filter-box .leave-detect-search-show strong {
    font-size: 14px;
    line-height: 24px;
}

.leave-detect-box .filter-box .btn {
    padding: 2px 10px;
    background: #5b6e88;
    color: #fff;
    border-color: #5b6e88;
}

.leave-detect-box .filter-box .btn.btn-circle {
    padding: 0px;
    float: right;
    margin: 5px 5px 5px 10px;
}
.leave-detect-box .bootstrap-select .btn {
    width: 100%;
}

.leave-detect-box .btn-box .btn-group {
    margin: 0px;
}
.leave-detect-box .panel.panel-expand {
    height: 100%;
    position: fixed;
}
.leave-detect-box .alert {
    position: absolute;
    width: calc(100% - 10px);
    top: 5px;
    left: 5px;
    padding: 0px 10px;
    line-height: 26px;
}

.leave-detect-box .alert .close-leave-warning {
    top: 1px !important;
}

.leave-detect-box .panel.panel-expand .alert {
    margin: -5px -6px;
    padding: 4px 10px;
    width: 100%;
    border-radius: 0px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a i {
    display: none !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    position: relative;
    margin-left: 25px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 4px;
    left: -30px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.text:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 4px;
    left: -30px;
    background: #fff;
    color: red;
    text-align: center;
}

.close-leave-warning {
    float: right;
    font-size: 20px;
    top: -5px;
    width: 40px;
    text-align: center;
    position: relative;
    right: -15px;
    text-decoration: none !important;
}

.document-repositary-box {
    padding: 0px;
    float: left;
    width: 100%;
}

.document-repositary-box li {
    list-style: none;
    border: 1px solid #e2e7ed;
    border-radius: 4px;
    float: left;
    width: 100%;
}

.document-repositary-box .head {
    overflow: hidden;
}

.document-repositary-box .head.selected:before {
    content: "";
    background: #ccc;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.document-repositary-box li .dscb {
    padding: 15px;
    padding-right: 200px;
    padding-left: 55px;
    position: relative;
}

.document-repositary-box li .dscb:before {
    content: "\f07b";
    font-family: 'FontAwesome';
    font-size: 16px;
    background: #5b6e88;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    left: 10px;
    top: 7px;
    color: #fff;
}

.document-repositary-box .head.selected .dscb:before, .document-repositary-box.my-documents .dscb:before {
    content: "\f07c";
}

.document-repositary-box .head.selected {
    background: #ececec;
}

.document-repositary-box .head.selected .dscb:before, .document-repositary-box.my-documents li .dscb:before {
    background: #ed3237;
    color: #fff;
}

.document-repositary-box .head.selected .checkbox label:before {
    border-color: #888;
}

.document-repositary-box li .dscb h4 {
    font-size: 16px;
    margin: 0px;
}

.document-repositary-box li .dscb .checkbox {
    position: absolute;
    top: 15px;
    right: 200px;
    margin: 0px;
    padding: 0px;
}

.document-repositary-box li .dscb .btn {
    position: absolute;
    top: 8px;
    right: 10px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
    background: #5b6e88;
    border-color: #5b6e88;
}

.document-repositary-box li:hover .dscb .btn {
    background: #ed3237;
    border-color: #ed3237;
}

.document-repositary-box .extra-dscb {
    border-top: 1px solid #e2e7ed;
    display: block;
    overflow: hidden;
    padding: 10px;
}

.document-repositary-box .extra-dscb .single-document {
    border: 1px solid #e2e7ed;
    float: left;
    width: 24%;
    margin: .5%;
    border-radius: 4px;
    background: rgba(247, 249, 251, .7);
    position: relative;
}
.single-document .spn-cancelrep {
    position: absolute;
    right: 5px;
    top: 0px;
}
.document-repositary-box .extra-dscb .single-document:hover {
    background: rgba(237, 50, 55, .05);
}

.document-repositary-box .extra-dscb .single-document h4 {
    font-size: 14px;
    padding: 0px 10px;
    font-size: 14px;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.document-repositary-box .extra-dscb .single-document .foot {
    border-top: 1px solid #e2e7ed;
    padding: 7px 10px;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    background: #fff;
}

.document-repositary-box .extra-dscb .single-document .foot .checkbox {
    margin: 0px;
}

.document-repositary-box .extra-dscb .single-document .foot .checkbox span {
    display: inline-block;
    position: relative;
}

.document-repositary-box .extra-dscb .single-document .foot a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #5b6e88;
    display: block;
    float: left;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    color:#fff;
}
.document-repositary-box .extra-dscb .single-document:hover .foot a {
    background: #ed3237;
}

.modal-body.upload-btn-box {
    height: auto;
    float: none;
    background: transparent !important;
    padding: 0px;
}

    .modal-body.upload-btn-box .show-multi-attch-box {
        position: inherit;
        width: 100%;
        float: left;
        left: inherit;
        top: inherit;
        margin: 0px;
        border-radius: 0px;
    }

        .modal-body.upload-btn-box .show-multi-attch-box .attach-file {
            line-height: 22px;
            width: 100%;
        }

            .modal-body.upload-btn-box .show-multi-attch-box .attach-file:after {
                display: none;
            }

.document-repositary-box.my-documents li .dscb {
    margin: 0px;
    background: #ececec;
}

    .document-repositary-box.my-documents li .dscb h4 {
        margin: 0px;
    }

.document-repositary-box.my-documents .extra-dscb .single-document {
    text-align: center;
}

    .document-repositary-box.my-documents .extra-dscb .single-document a {
        display: block;
    }

    .document-repositary-box.my-documents .extra-dscb .single-document .icon {
        display: inline-block;
        float: none;
        margin: 15px 0px 0px;
        height: 50px;
        width: 50px;
        line-height: 50px;
        background: #d9e0e7;
        border-radius: 50%;
        font-size: 20px;
    }
    .document-repositary-box.my-documents .extra-dscb .single-document:hover .icon {
        background: #ed3237;
        color: #fff;
    }
    .document-repositary-box.my-documents .extra-dscb .single-document h4 {
        width: 100%;
    }

.panel-body.fit-to-screen {
    height: 80vh;
    height: calc(100vh - 155px);
    height: -webkit-calc(100vh - 155px);
    overflow-y: auto;
}

.geofence-list {
    border: 1px solid;
    padding: 5px;
    color: #4b4fc1f0;
}

.geofence-list .secondspan {
    float: right;
    margin-right: 11px;
}

.hint {
    color: #ed3237;
}

/* ========== Begin Geo location ========== */

.geofence-box h5 {
    margin: 0px;
}

.geofence-list-box {
    margin: 0px -1%;
    max-height: 340px;
    overflow-y: auto;
}

.geofence-list-box .geofence-list {
    float: left;
    border: 1px solid #ddd;
    padding: 10px 26px 10px 30px;
    border-radius: 4px;
    width: 48%;
    margin: 5px 1% 1px;
    position: relative;
    color: #666;
    height: 80px;
    overflow: hidden;
}

.geofence-list-box .geofence-list:hover {
    background: rgba(237, 50, 55, .1);
}

.geofence-list-box .geofence-list:hover span.geo-set-location {
    background: rgba(237, 50, 55, 1);
    right: 5px;
}

.geofence-list-box .geofence-list:before {
    content: "\f041";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #5b6e88;
}

.geofence-list-box .geofence-list:hover:before {
    color: rgba(237, 50, 55, 1);
}

.geofence-list-box .geofence-list span {
    display: block;
    max-height: 28px;
    overflow: hidden;
    line-height: 14px;
}

.geofence-list-box .geofence-list span:first-child {
    font-weight: 600;
    margin-bottom: 5px;
    color: #2d4b7b;
}

.geofence-list-box .geofence-list span.geo-set-location {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #2d4b7b;
}

.geofence-list-box .geofence-list span.geo-set-location i {
    color: #2d4b7b;
}

.geofence-list-box .geofence-list:hover span.geo-set-location i {
    color: #fff;
}

.geofence-list-box.selected {
    margin: 0px;
}

.geofence-list-box.selected .geofence-list {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
}

.geo-loation-no-data {
    height: 180px;
    border: 1px solid #ddd;
    margin-top: 5px;
    border-radius: 4px;
    position: relative;
}

.geo-loation-no-data .icon img {
    height: 50px;
}

.geofence-box .alert {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -60px;
}

.title-name label {
    font-size: 14px;
    color: #555;
}

.geo-no-found {
    background: rgba(255, 165, 0, .1);
    padding: 10px;
    border-radius: 4px;
    color: #ad7104;
}

.geofence-box.employee-box .geofence-list:before {
    content: "\f007";
}
/* ========== End Geo location ========== */
.dataTables_wrapper div.dataTables_processing {
    background: rgba(45, 75, 123, .7);
    color: #fff;
    font-weight: 700;
    box-shadow: 0px 0px 10px #333;
}

.notification-box.payroll a {
    width: auto;
    padding: 0px 10px;
    border-radius: 4px;
    font-weight: 600;
    background: #ffffff;
    cursor: pointer;
    font-size: 16px;
    color: #2d4b7b;
}
.notification-box.payroll a:hover,
.notification-box.payroll a:focus {
    box-shadow: 3px 3px 0px #ed3237;
    -webkit-box-shadow: 3px 3px 0px #ed3237;
}
.notification-box.payroll a i {
    margin: 0px;
}

.notification-box.payroll a img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.payroll-msg {
    position: fixed;
    top: 50%;
    right: 50%;
    margin-right: -200px;
    margin-top: -20px;
    z-index: 9999;
    width: 400px !important;
    padding: 10px;
}

.swal-extra .lead.text-muted {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    color: #666;
}

.swal-extra h2 {
    font-size: 20px;
}

.swal-extra.sweet-alert .sa-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px !important;
}

    .swal-extra.sweet-alert .sa-icon.sa-warning .sa-body {
        height: 30px;
    }

.birthday-whising-modal {
}

    .birthday-whising-modal .modal-content {
        background: #fff url('../img/birthday_bg.png') no-repeat;
        position: relative;
        overflow: hidden;
    }

        .birthday-whising-modal .modal-content:before {
            content: "";
            background: url(../img/birthday_img1.png) no-repeat;
            position: absolute;
            height: 230px;
            width: 200px;
            left: -10px;
            top: -20px;
        }

        .birthday-whising-modal .modal-content:after {
            content: "";
            background: url(../img/birthday_img2.png);
            position: absolute;
            height: 230px;
            width: 70px;
            right: 0px;
            bottom: -80px;
            opacity: .5;
        }

    .birthday-whising-modal .modal-header {
        background: transparent;
        text-align: center;
        border: 0px;
        padding: 20px 20px 13px;
    }

        .birthday-whising-modal .modal-header .modal-title {
            color: #2d4b7b !important;
            background: #fff;
            display: inline-block;
            font-size: 20px;
        }

        .birthday-whising-modal .modal-header .close {
            color: #666;
            outline: none;
            margin-top: -14px;
            margin-right: -7px;
        }

    .birthday-whising-modal .modal-body {
        padding: 5px 60px;
        max-height: 530px;
        min-height: 250px;
        overflow-y: auto;
    }

        .birthday-whising-modal .modal-body .no-data-list {
            height: 250px;
        }

        .birthday-whising-modal .modal-body ul {
            padding: 0px;
            z-index: 99;
            position: relative;
            list-style: none;
        }

            .birthday-whising-modal .modal-body ul li {
                background: #fff;
                border-radius: 4px;
                padding: 10px;
                margin-bottom: 20px;
                box-shadow: 0px 0px 7px rgba(0, 0, 0, .1);
            }

        .birthday-whising-modal .modal-body .no-wishing-msg {
            text-align: center;
            padding: 70px 0px;
        }

            .birthday-whising-modal .modal-body .no-wishing-msg i {
                font-size: 50px;
                margin-bottom: 10px;
            }

            .birthday-whising-modal .modal-body .no-wishing-msg p {
                font-size: 18px;
            }

    .birthday-whising-modal .modal-header .modal-title .name {
        font-size: 24px;
        color: #2d4b7b;
        font-weight: 700;
        margin: 0px 0px 5px;
    }

        .birthday-whising-modal .modal-header .modal-title .name span {
            font-weight: 400;
            color: #ed3237;
            font-size: 18px;
        }

    .birthday-whising-modal .modal-header .modal-title .department {
        font-weight: 400;
        font-size: 15px;
        color: #666;
    }

        .birthday-whising-modal .modal-header .modal-title .department span:before {
            content: "-";
            margin: 0px 5px;
        }

    .birthday-whising-modal .modal-header .modal-title.birthday-wish-title {
        color: #555 !important;
        font-weight: 600;
        font-size: 16px;
    }

    .birthday-whising-modal .modal-body ul.wysihtml5-toolbar {
        text-align: center;
        margin-top: 20px;
    }

        .birthday-whising-modal .modal-body ul.wysihtml5-toolbar li {
            padding: 0px;
            box-shadow: none;
            display: inline-block;
            float: none;
            margin: 0px 0px 10px;
        }

    .birthday-whising-modal .btn-box .btn {
        height: 40px;
        padding: 0px 10px;
        width: 100px;
        margin: 0px 3px 20px;
    }

.modal-md.birthday-whising-modal {
    width: 632px;
}

.thank-you-wrp {
    text-align: center;
}

    .thank-you-wrp header {
        width: 100%;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        padding: 0px 20px;
        box-shadow: none;
        position: inherit;
    }

.thank-box {
    padding: 70px;
}

.thank-you-wrp .icon i {
    font-size: 34px;
    background: green;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
}

.thank-box p {
    font-size: 20px;
}

.thank-box .account-created-box {
    margin-top: 30px;
}

    .thank-box .account-created-box p {
        font-size: 16px;
    }

        .thank-box .account-created-box p strong {
            color: #2d4b7b;
            font-size: 17px;
            font-weight: 400;
        }

    .thank-box .account-created-box .msg {
        font-size: 16px;
        display: inline-block;
        background: #ecf1fb;
        padding: 11px 30px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

        .thank-box .account-created-box .msg #msgspinner {
            color: #ed3227;
        }

.thank-box .btn {
    background: #2d4b7b !important;
    border-color: #2d4b7b !important;
    margin-top: 15px;
    padding: 7px 25px;
    font-size: 16px;
}

    .thank-box .btn:hover {
        background: #ed3227 !important;
        border-color: #ed3227 !important
    }

.panel-heading-btn.extra-btns .input-group .dropdown-menu {
    left: inherit;
    right: 0px;
}

/* ============== Begin Support CSS ===============*/
.breadcrumb-outer-box {
    /*background: #d0e1fd;*/
    background: #f0f5fb;
    padding: 40px 0px;
}

    .breadcrumb-outer-box.support {
        background: #d0e1fd url(../img/support_bread_bg.jpg) no-repeat center center;
        background-size: cover;
    }

    .breadcrumb-outer-box h3 {
        float: left;
        margin: 0px;
    }

    .breadcrumb-outer-box .breadcrumb {
        float: right;
    }

.support-content {
    padding: 40px 0px;
}

    .support-content .container {
        position: relative;
    }

    .support-content .step-list {
        padding: 0px;
        float: left;
        margin: 30px 0px;
    }

        .support-content .step-list li {
            width: 100%;
            text-align: left;
            padding: 30px 20px;
            position: relative;
            padding-left: 140px;
            background: #fff;
            border: 1px solid #ddd;
            margin-bottom: -1px;
        }

            .support-content .step-list li:first-child {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

            .support-content .step-list li:last-child {
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                z-index: 9;
            }

            .support-content .step-list li:hover {
                transform: scale(1.02);
                box-shadow: 0px 0px 10px #ccc;
                z-index: 99;
            }

            .support-content .step-list li a {
                text-decoration: none !important;
            }

            .support-content .step-list li .icon {
                text-align: center;
                position: absolute;
                left: 30px;
                top: 26px;
            }

            .support-content .step-list li h4 {
                color: #444;
                margin: 0px 0px 5px;
            }

            .support-content .step-list li p {
                color: #666;
                word-wrap: break-word;
            }

.support-man {
    width: 50%;
    position: absolute;
    right: 15px;
}

    .support-man img {
        width: 100%;
    }

.support-form {
    background: #f2f2f2;
    padding: 40px 0px;
}

    .support-form .btn {
        background: #2d4b7b;
        color: #fff;
        display: inline-block;
        padding: 10px 30px;
    }

        .support-form .btn:hover {
            background: #ed3227;
        }

.support-man .ques-effect {
    position: absolute;
    top: 60px;
    right: 70%;
    font-size: 80px;
    color: #ed3237;
    transform: rotate(-10deg);
    text-shadow: -2px 2px 0px #ccc;
    animation: jump .5s linear alternate infinite;
}

    .support-man .ques-effect:before, .support-man .ques-effect:after {
        content: "\f128";
        font-family: 'FontAwesome';
        color: #2d4b7b;
        font-size: 45px;
        position: absolute;
        left: -50px;
        top: -20px;
        transform: rotate(-10deg);
    }

    .support-man .ques-effect:after {
        left: inherit;
        right: -60px;
        transform: rotate(25deg);
        top: 0px;
        text-shadow: 1px 2px 0px #ccc;
    }

@keyframes jump {
    0% {
        transform: translate3d(0,0,0) scale3d(1,1,1);
    }

    100% {
        transform: translate3d(0,100%,0) scale3d(1.01,.1.02, 1);
    }
}
/* ============== End Support CSS ===============*/
/* ============== Begin Case Study CSS ===============*/
.case-study-content {
    padding: 40px 0px;
}

.case-list {
    padding: 0px;
    list-style: none;
    margin-left: 20px;
}

    .case-list li {
        padding: 20px;
        padding-left: 35px;
        background: #fff;
        box-shadow: 0px 0px 8px #ececec;
        border-radius: 4px;
        margin: 20px 0px;
        counter-increment: step-counter;
        font-size: 16px;
        position: relative;
        height: 100px;
    }

        .case-list li:hover {
            box-shadow: 0px 0px 10px #ccc;
        }

        .case-list li:before {
            content: counter(step-counter);
            border: 1px solid #ddd;
            width: 40px;
            height: 40px;
            position: absolute;
            line-height: 40px;
            text-align: center;
            background: #f2f2f2;
            border-radius: 4px;
            left: -20px;
            top: 50%;
            margin-top: -20px;
            z-index: 9;
        }

        .case-list li:hover:before {
            background: #ed3237;
            border-color: #ed3237;
            color: #fff;
        }

        .case-list li p:after {
            content: "";
            width: 60px;
            height: 1px;
            background: #ccc;
            position: absolute;
            left: 100%;
            top: 51px;
            opacity: .7;
        }

        .case-list li p:before {
            content: "";
            width: 220px;
            height: 1px;
            background: #ccc;
            position: absolute;
            left: 102.5%;
            top: 144px;
            transform: rotate(58deg);
            opacity: 1;
        }

.pull-right .case-list li p:before {
    left: inherit;
    right: 102.5%;
    transform: rotate(-58deg);
}

.pull-right .case-list li p:after {
    left: inherit;
    right: 100%;
}

.case-list li:nth-child(3) p:after {
    width: 180px;
}

.case-list li:nth-child(3) p:before {
    display: none;
}

.case-list li:nth-child(4) p:before {
    transform: rotate(-58deg);
    width: 130px;
    top: -4.5px;
    left: 108.6%;
}

.pull-right .case-list li:nth-child(4) p:before {
    left: inherit;
    right: 108.6%;
    transform: rotate(58deg);
}

.case-list li:nth-child(5) p:before {
    transform: rotate(-58deg);
    top: -42.5px;
}

.pull-right .case-list li:nth-child(5) p:before {
    transform: rotate(58deg);
}

.using-list-box {
    position: relative;
    float: left;
}

    .using-list-box:after {
        content: "";
        background: url(../img/case_study_ams.png) no-repeat;
        width: 200px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 32px;
        margin-left: 15px;
    }

.cost-saving-wrp {
    padding: 40px 0px;
    background: #f2f2f2;
}

    .cost-saving-wrp .single-cost-saving {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
        min-height: 120px;
        margin-bottom: 20px;
    }

        .cost-saving-wrp .single-cost-saving:hover {
            box-shadow: 0px 0px 10px #ccc;
        }

        .cost-saving-wrp .single-cost-saving h4 {
            margin: 0px 0px 10px;
            color: #2d4b7b;
        }

        .cost-saving-wrp .single-cost-saving p {
            margin: 0px;
        }

    .cost-saving-wrp .progress-circle {
        background-color: #fff;
    }

        .cost-saving-wrp .progress-circle:after {
            background-color: #f2f2f2;
        }

    .cost-saving-wrp .slider-box .dscb {
        background: #fff;
    }
/*.case-study-wrp .slider-box .dscb p {
    height: 51px;
    overflow: hidden;
}*/
/* ============== End Case Study CSS ===============*/
/* ============== Begin Contact Us CSS ===============*/
.contact-content {
    padding: 40px 0px;
}

    .contact-content .container {
        position: relative;
    }

.contact-girl {
    width: auto;
    position: absolute;
    right: 0px;
    bottom: -40px;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

.contact-content .btn {
    padding: 10px 30px;
    margin-top: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background: #2d4b7b;
    border: 0px;
    margin-bottom: 20px;
    width: 100%;
}

    .contact-content .btn:hover {
        background: #304b7b;
        background: -webkit-gradient(linear, left top, right top, from(#794060), to(#304b7b));
        background: -webkit-linear-gradient(left, #304b7b, #794060);
        background: -moz-linear-gradient(left, #304b7b, #794060);
        background: -ms-linear-gradient(left, #304b7b, #794060);
        background: -o-linear-gradient(left, #304b7b, #794060);
        color: #fff;
    }

.map-wrp iframe {
    width: 100%;
    height: 400px;
}
/* ============== End Contact Us CSS ===============*/
.planloader {
    font-size: 40px;
    height: 311px;
    line-height: 311px;
    color: #2d4b7b;
}

.support-form .parsley-errors-list, .contact-content .parsley-errors-list {
    bottom: 100%;
}

.support-form .form-control, .contact-content .form-control {
    height: 38px;
}

.support-form textarea.form-control, .contact-content textarea.form-control {
    height: 80px;
}

/* ================= Begin Helpdesk CSS =====================*/
.helpdesk-body {
    position: relative;
    height: calc(100vh - 195px);
    overflow-y: auto;
}

    .helpdesk-body strong {
        font-weight: 600;
    }

.helpdesk-list .single-request {
    border-bottom: 1px solid #ddd;
    padding: 20px 20px 20px 80px;
    position: relative;
}

    .helpdesk-list .single-request:hover {
        box-shadow: 0px 0px 10px #ccc;
    }

    .helpdesk-list .single-request:before {
        content: "O";
        background: #6b8194;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 15px;
        top: 20px;
        border-radius: 50%;
        font-size: 22px;
        text-align: center;
        line-height: 50px;
        color: #fff;
    }

    .helpdesk-list .single-request.requirement:before {
        content: "R";
        background: #5b6e88;
    }

    .helpdesk-list .single-request.help:before {
        content: "H";
        background: #f59100;
    }

    .helpdesk-list .single-request.issue:before {
        content: "I";
        background: #ed3237;
    }

    .helpdesk-list .single-request a {
        padding-right: 50px;
        display: block;
        position: relative;
        text-decoration: none;
    }

        .helpdesk-list .single-request a:after {
            content: "\f105";
            font-family: 'FontAwesome';
            position: absolute;
            right: -10px;
            width: 30px;
            height: 30px;
            top: 50%;
            text-align: center;
            line-height: 30px;
            margin-top: -15px;
            font-size: 16px;
            border-radius: 50%;
        }

    .helpdesk-list .single-request:hover a:after {
        background: #ed3237;
        color: #fff;
    }

    .helpdesk-list .single-request a:before {
        content: "";
        position: absolute;
        right: 30px;
        width: 1px;
        height: 100%;
        background: rgba(204, 204, 204, .2);
    }

    .helpdesk-list .single-request:hover a:before {
        background: rgba(204, 204, 204, .5);
    }

    .helpdesk-list .single-request h4 {
        margin: 0px 0px 5px;
        padding-right: 120px;
        position: relative;
        line-height: 22px;
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .helpdesk-list .single-request h4 small {
            color: #fff;
            padding: 0px 6px;
            font-size: 11px;
            border-radius: 10px;
            position: relative;
            font-weight: 400;
            background: #f7be20;
        }

            .helpdesk-list .single-request h4 small.high {
                background: #f2451c;
            }

            .helpdesk-list .single-request h4 small.medium {
                background: #f49025;
            }

        .helpdesk-list .single-request h4 .date {
            display: block;
            font-size: 12px;
            color: #2d4b7b;
            font-weight: 400;
            margin: 0px 0px 3px;
        }

            .helpdesk-list .single-request h4 .date span:before {
                content: "-";
                margin: 0px 10px;
                color: #666;
            }

        .helpdesk-list .single-request h4 .status-box {
            position: absolute;
            right: 0px;
            top: 0px;
        }

            .helpdesk-list .single-request h4 .status-box .status {
                font-size: 13px;
                padding: 4px 12px;
                border-radius: 20px;
                float: left;
                font-weight: 400;
                background: #ececec;
                color: #2d4b7b;
            }

            .helpdesk-list .single-request h4 .status-box .btn {
                background: transparent;
                border-radius: 50%;
                opacity: .5;
                width: 30px;
                height: 30px;
                padding: 0px;
                border: 0px;
                line-height: 30px;
                margin-top: -3px;
            }

    .helpdesk-list .single-request:hover h4 .status-box .btn {
        background: #ed3237;
        opacity: 1;
    }

        .helpdesk-list .single-request:hover h4 .status-box .btn i {
            color: #fff;
        }

    .helpdesk-list .single-request p {
        margin: 0px;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        color: #666;
    }

    .helpdesk-list .single-request .extra-info {
        border-top: 1px dashed #ddd;
        padding-top: 10px;
        margin-top: 10px;
    }
    /*.helpdesk-list .single-request .extra-info strong {
    display: block;
}*/
    .helpdesk-list .single-request label {
        display: block;
    }

    .helpdesk-list .single-request .show-extra-opt .form-group {
        float: left;
        width: 170px;
        margin: 0px;
    }

        .helpdesk-list .single-request .show-extra-opt .form-group .btn-group {
            margin: 0px;
        }

.helpdesk-approval .single-request .show-extra-opt .form-group {
    width: 290px;
    margin-right: 5px;
}

    .helpdesk-approval .single-request .show-extra-opt .form-group .form-control.small {
        height: 60px;
        margin-bottom: 4px;
    }

.helpdesk-list .single-request .requested-by {
    background: #f1ebeb;
    margin: 10px 0px 0px;
    padding: 5px 15px;
    border-radius: 4px;
}

    .helpdesk-list .single-request .requested-by span:before {
        content: "-";
        margin: 0px 10px;
    }

.helpdesk-body .helpdesk-approval {
    padding-left: 250px;
    height: 100%;
    overflow-y: auto;
}

.helpdesk-body .helpdesk-filter-cats {
    position: absolute;
    width: 250px;
    height: 100%;
    background: #f1ebeb;
    border-right: 1px #ddd solid;
    padding: 10px 0px;
    overflow-y: auto;
}

.helpdesk-filter-cats ul {
    padding: 0px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

    .helpdesk-filter-cats ul:last-child {
        border: 0px;
    }


    .helpdesk-filter-cats ul li {
        list-style: none;
        margin: 2px 0px;
    }

        .helpdesk-filter-cats ul li a {
            padding: 7px 10px;
            display: block;
            color: #666;
        }

    .helpdesk-filter-cats ul h4 {
        font-size: 14px;
    }

    .helpdesk-filter-cats ul li a:hover, .helpdesk-filter-cats ul li.active a {
        background: #ed3237;
        color: #fff;
        border-radius: 4px;
    }

.helpdesk-list.details .single-request strong {
    display: block;
}

.helpdesk-list.details .single-request {
    box-shadow: none;
}

.helpdesk-body .messages-content {
    border: 0px;
    /*height: calc(100vh - 290px);*/
    height: calc(100vh - 345px);
    overflow-y: auto;
    padding-bottom: 20px;
}

.helpdesk-list.details .single-request p {
    white-space: inherit;
}

.helpdesk-list.details .single-request .requested-by strong {
    display: initial;
}

.helpdesk-body.full {
    height: calc(100vh - 180px);
}

.helpdesk-body .no-data-list {
    padding-left: 250px;
    width: 50%;
}

.tag-helpdeskstats {
    float: right;
    background: #fff;
    padding: 1px 5px;
    border-radius: 20px;
}

.helpdesk-filter-cats ul li.active a .tag-helpdeskstats, .helpdesk-filter-cats ul li:hover a .tag-helpdeskstats {
    color: #ed3237;
    font-weight: 600;
}

#divspinner {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 125px;
    color: #2d4b7b;
}
/* ================= End Helpdesk CSS =====================*/
#BirthDayCanvas {
    background: transparent;
    position: absolute;
    z-index: 999999;
}

.table.word-break tr td {
    word-break: break-all;
}

.table tr th.description {
    width: 300px !important;
}

/* Begin Terms & Conditions CSS*/
.terms-cond-wrp {
    padding: 30px 0px;
    overflow: hidden;
}

    .terms-cond-wrp h4 {
        font-weight: 400;
        font-size: 20px;
    }
/* End Terms & Conditions CSS*/

/* Begin Resellers CSS*/
.resellers-content .heading-box h3 {
    font-weight: 500;
    font-size: 16px;
}

    .resellers-content .heading-box h3 a {
        padding: 4px 10px;
        font-size: 15px;
        border-radius: 4px;
        text-decoration: none;
        background: #2d4b7b;
        color: #fff;
    }

        .resellers-content .heading-box h3 a:hover {
            background: #ed3237
        }

.forgot.reseller .heading-box h3 span {
    color: #ed3237;
    font-weight: 400;
    font-size: 16px;
}

    .forgot.reseller .heading-box h3 span:before {
        content: "()";
        content: "(";
        color: #888;
    }

    .forgot.reseller .heading-box h3 span:after {
        content: ")";
        color: #888;
    }

#mainlogform.MainHeightAdjust .login-form-box.forgot.reseller {
    height: 450px;
    width: 420px;
}

#mainform.MainHeightAdjust .login-form-box.forgot.reseller {
    height: 480px;
}

.resellers-content .modal-content {
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 0px 40px;
}

.reseller-verify .modal-content {
    box-shadow: none;
}

.form-body.reseller-checked {
    width: 100%;
    padding: 40px !important;
    text-align: center;
}

    .form-body.reseller-checked img {
        width: 64px;
    }

    .form-body.reseller-checked h4 {
        color: #2d4b7b;
    }

.resellers-content .btn {
    margin: 0px;
}

.resellers-content .about-single-box {
    padding-right: 10px;
}

    .resellers-content .about-single-box .about-icon-box {
        position: absolute;
        width: 60px;
    }

    .resellers-content .about-single-box .about-dscb {
        padding-left: 72px;
    }

        .resellers-content .about-single-box .about-dscb h3 {
            font-size: 15px;
        }

    .resellers-content .about-single-box p {
        height: 54px;
    }

.resellers-content blockquote p {
    font-size: 14px;
}

.reseller-form-box {
    background: #f2f2f2;
    padding: 25px;
    border-radius: 4px;
    margin-left: 20px;
}

    .reseller-form-box .heading-box {
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
        margin: 0px -25px;
    }

    .reseller-form-box #add-Resellers .otherinput {
        width: 85%;
    }
/* End Resellers CSS*/

/* Begin Curruncy Icon CSS*/
/*.currsymb i {
    width:25px;
    height:25px;
    float:left;
}*/
.currsymb {
    display: inline-block;
}

    .currsymb i {
        background-size: 12px;
        width: 12px;
        height: 12px;
        float: left;
    }

.rupee-icon {
    background: url(../img/Curruncy_Icon/rupee_gray_icon.png) no-repeat;
}

.dollar-icon {
    background: url(../img/Curruncy_Icon/dollar_gray_icon.png) no-repeat;
}

.cart-user-list.payment li.grand-total .currsymb i {
    background-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 0px;
}

.plan-head .currsymb i {
    background-size: inherit;
    width: 25px;
    height: 25px;
}

.plan-head .rupee-icon {
    background: url(../img/Curruncy_Icon/rupee_icon.png) no-repeat;
}

.plan-head .dollar-icon {
    background: url(../img/Curruncy_Icon/dollar_icon.png) no-repeat;
}

.manage-plan-list .currsymb i, .my-plan-list .currsymb i {
    margin: 0px;
    background-size: 11px;
    height: 11px;
    width: 10px;
    position: relative;
    top: 1px;
}
/* End Curruncy Icon CSS*/
.table.referral-table td {
    word-break: break-all;
}

.table.referral-table th:nth-child(1) {
    width: 90px !important;
}

.table.referral-table th:nth-child(2) {
    width: 80px !important;
}

.table.referral-table th:nth-child(3) {
    width: 240px !important;
}

.table.referral-table th:nth-child(4) {
    width: 150px !important;
}

.table.referral-table th:nth-child(5) {
    width: 150px !important;
}

.table.referral-table th:nth-child(6), .table.referral-table th:nth-child(7) {
    width: 100px !important;
}
/* Begin Payment Statistics Table CSS*/
.payment-statistics-table tr td:nth-child(1) {
    width: 90px !important;
}

.payment-statistics-table tr td:nth-child(2) {
    width: 120px !important;
}

.payment-statistics-table tr td:nth-child(3) {
    width: 120px !important;
}

.payment-statistics-table tr td:nth-child(4) {
    width: 200px !important;
}

.payment-statistics-table tr td:nth-child(5) {
    width: 400px !important;
}

.payment-statistics-table tr td:nth-child(6) {
    width: 40px !important;
}
/* End Payment Statistics Table CSS*/
/* ========= Begin Versions CSS =========*/
.versions-wrp {
    padding: 40px 0px 50px;
}

.single-version {
    border: 1px solid #ddd;
    position: relative;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0px 0px;
    margin-left: 50px;
}

    .single-version:hover {
        box-shadow: 0px 0px 10px rgba(204, 204, 204, .7);
    }

    .single-version .ver-number {
        position: absolute;
        border: 1px solid #ddd;
        padding: 20px 10px;
        background: #fff;
        width: 90px;
        text-align: center;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        left: -45px;
        top: 15px;
    }

    .single-version:hover .ver-number {
        box-shadow: 0px 0px 10px rgba(204, 204, 204, .7);
        background: #ed3227;
    }

    .single-version .ver-number h4 {
        margin: 0px;
        color: #ed3227;
    }

    .single-version:hover .ver-number h4 {
        color: #fff;
    }

    .single-version .ver-number p {
        margin: 0px;
    }

    .single-version:hover .ver-number p {
        color: #fff;
        opacity: .7;
    }

    .single-version .ver-dscb {
        padding-left: 45px;
    }

        .single-version .ver-dscb h3 {
            color: #2d4b7b;
            font-size: 20px;
            margin: 0px 0px 10px;
            position: relative;
            padding-right: 155px;
        }

            .single-version .ver-dscb h3 date {
                font-size: 11px;
                background: #f2f2f2;
                border: 1px solid #ddd;
                padding: 3px 10px;
                border-radius: 24px;
                position: absolute;
                right: 0px;
                color: #666;
                font-weight: 400;
            }
/* ========= End Versions CSS =========*/
/* ========= Begin Upcoming Features CSS =========*/
.upcoming-wrp {
    padding: 40px 0px 50px;
}

.single-upcoming {
    border: 1px solid #ddd;
    position: relative;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0px 0px;
}

    .single-upcoming:hover {
        box-shadow: 0px 0px 10px rgba(204, 204, 204, .7);
    }

    .single-upcoming h3 {
        color: #2d4b7b;
        font-size: 20px;
        margin: 0px 0px 10px;
        position: relative;
        padding-right: 155px;
    }

        .single-upcoming h3 date {
            font-size: 11px;
            background: #f2f2f2;
            border: 1px solid #ddd;
            padding: 3px 10px;
            border-radius: 24px;
            position: absolute;
            right: 0px;
            color: #666;
            font-weight: 400;
        }

    .single-upcoming blockquote p {
        font-size: 14px;
    }

    .single-upcoming.done {
        position: relative;
        overflow: hidden;
        border-color: rgba(209, 230, 189, .7);
    }

    .single-upcoming.done:before {
        content: "";
        background: url(../img/upcoming_feature_done.png) no-repeat center center;
        height: 290px;
        width: 290px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: .5;
    }

    .single-upcoming.done:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(192, 211, 172, .1);
        left: 0px;
        top: 0px;
    }
    .single-upcoming.done blockquote {
        border-left: 5px solid #d4e9be;
    }
    .single-upcoming h3 {
        padding-right: 0px;
    }

    .single-upcoming h3 date {
        display: table;
        position: initial;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .single-upcoming.done::before {
        background-size: 70%;
    }
/* =============================

Readmore  Css Start

============================= */

.read-more-check, .upcoming-list {
    display: none;
}

    .read-more-check:checked ~ .upcoming-list {
        display: block;
    }

    .read-more-check ~ .read-more-trigger:before {
        content: 'Show more +';
        font-family: Calibri;
    }

    .read-more-check:checked ~ .read-more-trigger:before {
        content: 'Show less -';
        font-family: Calibri;
    }

.read-more-trigger {
    cursor: pointer;
    color: #2d4b7b;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    z-index: 9;
}

    .read-more-trigger:hover {
        color: #ed3237
    }
/* ========= End Upcoming Features CSS =========*/
.payment-opt-wrp {
    border-top: 1px solid #f2f2f2;
    padding-top: 15px;
    margin-top: 10px;
    text-align: center;
}

.payment-opt {
    text-align: center;
    padding: 0px;
}

    .payment-opt li {
        width: 8%;
        padding: 0px 3px;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
    }

    .payment-opt li img {
        max-width: 100%;
        padding: 0px 10px;
        border-radius: 4px;
        border: 1px solid #f2f2f2;
    }
        .payment-opt li:hover img {
            transform: scale(1.1);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
            -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
        }
.login-form-box.forgot.MainHeightAdjust {
    height: 480px !important;
}

.MainHeightAdjust #divStatus {
    position: relative;
    padding-right: 30px;
}

    .MainHeightAdjust #divStatus .close {
        position: absolute;
        right: 10px;
        top: 10px;
    }
/* End Payment Statistics Table CSS*/

.clsApplyCoupon {
    left: -15px;
    top: 6px;
}

table.transaction-details-table tr td {
    width: 50%;
    position: relative;
}

.discount-coupon-box span {
    line-height: 30px;
}

.discount-coupon-box input {
    height: 30px;
}

.discount-coupon-box a {
    background: #2d4b7b;
    height: 30px;
    line-height: 30px;
    border-radius: 0px 4px 4px 0px;
    color: #fff;
    font-size: 20px !important;
    margin-left: -4px;
    width: 40px;
    text-align: center;
    position: relative;
}

    .discount-coupon-box a:hover {
        background: #ed3227;
    }

    .discount-coupon-box a i {
        position: relative;
        left: -2px;
    }

.discount-coupon-box .view-PermanentAddress .referral-code-box {
    height: 30px;
    padding: 0px 13px 0px 10px;
}

.discount-coupon-box a span.fa-spinner {
    top: 0px;
    right: 0px;
    width: 67px;
}

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

    .myaccountplan ul ul {
        margin-bottom: 0;
        margin-left: 155px;
    }

.Tshirt-modal .modal-body ul {
    padding: 0px;
    z-index: 99;
    position: relative;
    list-style: none;
}


#divTshirtStatus {
    position: absolute;
    margin-left: 31%;
    z-index: 1000000;
    margin-top: 23%;
}

.dress-size-box .cp-dress h3 {
    font-size: 16px;
    color: #333;
}

.dress-size-box {
    text-align: center;
    margin-top: 30px;
    border-radius: 8px;
    border: 1px #ccc solid;
}

    .dress-size-box .cp-dress .dress-img {
        width: 200px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .dress-size-box .cp-dress {
        display: inline-block;
    }

.cp-dress .dress-sizes li {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    font-size: 9px;
    margin: 0 0 0 0;
    border: 1px #ccc solid;
}

    .cp-dress .dress-sizes li .form-group {
        margin-bottom: 0px;
    }

    .cp-dress .dress-sizes li:hover, .cp-dress .dress-sizes li label:hover {
        cursor: pointer;
    }

.dress-size-box .cp-dress .dress-sizes li input[type=radio] {
    display: none;
}

.cp-dress .dress-sizes li input[type="radio"]:checked + label {
    color: #fff;
    border: 1px red solid;
    border-radius: 2px;
    padding: 2px;
    font-size: 9px;
    font-weight: 300;
    background: red;
    margin: 0px;
}

.cp-dress .dress-sizes li .form-group label {
    font-size: 9px !important;
    margin-bottom: 0px;
}

.List-TshirtModel .modal-content {
    background: #fff url('../img/birthday_bg.png') no-repeat;
    position: relative;
    overflow: hidden;
}

.List-TshirtModel .modal-header {
    background: transparent;
    text-align: center;
    border: 0px;
    padding: 20px 20px 13px;
}

    .List-TshirtModel .modal-header .modal-title {
        color: #2d4b7b !important;
        background: #fff;
        display: inline-block;
        font-size: 20px;
    }

    .List-TshirtModel .modal-header .close {
        color: #666;
        outline: none;
        margin-top: -14px;
        margin-right: -7px;
    }

.List-TshirtModel .modal-body {
    padding: 5px 60px;
    max-height: 530px;
    min-height: 250px;
    overflow-y: auto;
}

    .List-TshirtModel .modal-body .no-data-list {
        height: 250px;
    }

#data-tableAttendance tfoot td:nth-child(1) {
    color: #961111;
    font-size: 16px;
    font-weight: 900;
}

#data-tableAttendance tfoot td:nth-child(2) {
    color: #319212;
    font-size: 16px;
    font-weight: 900;
}

#data-tableAttendance tfoot td:nth-child(3) {
    color: #961111;
    font-size: 16px;
    font-weight: 900;
}

#data-tableAttendance tfoot td:nth-child(4) {
    color: #eaa917;
    font-size: 16px;
    font-weight: 900;
}

#data-tableAttendance tfoot td:nth-child(5) {
    color: #0729d0;
    font-size: 16px;
    font-weight: 900;
}

#data-tableAttendance tbody td:nth-child(2) {
    color: #319212;
    font-size: 12px;
    font-weight: 700;
}

#data-tableAttendance tbody td:nth-child(3) {
    color: #961111;
    font-size: 12px;
    font-weight: 700;
}

#data-tableAttendance tbody td:nth-child(4) {
    color: #eaa917;
    font-size: 12px;
    font-weight: 700;
}

#data-tableAttendance tbody td:nth-child(5) {
    color: #0729d0;
    font-size: 12px;
    font-weight: 700;
}

.divAttstats {
    position: absolute;
    right: 10px;
    bottom: 20px;
}

.divAttstats a, .divAttstats a i {
    text-decoration: none;
}
.table.special-table .btn {
    width: auto !important;
    height: 26px !important;
    padding: 0px 8px;
    font-weight: 600;
    line-height: 26px;
}

    .table.special-table .btn i {
        margin-right: 5px;
        font-size: 11px;
    }

.table.special-table td:nth-last-child(1), .table.special-table td:nth-last-child(2), .table.special-table td:nth-last-child(3), .table.special-table td:nth-last-child(4), .table.special-table th:nth-last-child(1), .table.special-table th:nth-last-child(2), .table.special-table th:nth-last-child(3), .table.special-table th:nth-last-child(4) {
    /*background: rgba(245, 145, 0, .1);*/
    text-align: center;
}

.table.special-table td:nth-child(2) {
    width: 180px !important;
    word-break: break-all;
}

.table.special-table td:nth-child(3) {
    width: 150px !important;
    word-break: break-all;
}

.table.special-table .btn {
    width: 100% !important;
    color: #fff;
    margin: 2px 0px;
}

    .table.special-table .btn.send, .table .btn.btn-warning.info {
        background: #f59100;
        border-color: #f59100;
    }

    .table.special-table .btn.download {
        background: #f59100;
    }

.special-table .checked {
    background: #00acac;
    color: #fff;
    height: 26px;
    width: 26px;
    line-height: 26px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 14px;
    text-align: center;
}

.special-table .ban {
    background: #ed3237;
    color: #fff;
    height: 26px;
    width: 26px;
    line-height: 26px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 14px;
    text-align: center;
}

.special-table .userid {
    color: #2d4b7b;
}

.special-table .btn.btn-warning {
    width: 26px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 14px;
    text-align: center;
    padding: 0px;
}

    .special-table .btn.btn-warning i {
        margin: 0px;
        font-size: 13px;
    }

.special-table .back {
    color: #ababab;
    font-size: 17px;
    margin-top: 6px;
    animation: myfirst 5s 2;
    animation-direction: alternate;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes myfirst {
    0% {
        margin-left: 0%;
    }

    33.3% {
        margin-left: -25%;
    }

    75% {
        margin-left: 0%;
    }

    100% {
        margin-left: -25%;
    }
}

@keyframes myfirst {
    0% {
        margin-left: 0%;
    }

    33.3% {
        margin-left: -25%;
    }

    75% {
        margin-left: 0%;
    }

    100% {
        margin-left: -25%;
    }
}

.modal-dialog.user-acpt-rejt {
    text-align: center;
}

    .modal-dialog.user-acpt-rejt .close {
        position: absolute;
        top: 3px;
        right: 10px;
        color: #666;
        opacity: 1;
    }

        .modal-dialog.user-acpt-rejt .close:hover {
            color: #ed3237
        }

    .modal-dialog.user-acpt-rejt .icon {
        background: #d9e0e7;
        color: #2d4b7b;
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 40px;
        border-radius: 50%;
        display: inline-block;
        margin-bottom: 15px;
    }

    .modal-dialog.user-acpt-rejt:hover .icon {
        color: #ed3237;
    }

    .modal-dialog.user-acpt-rejt h4 {
        margin-top: 15px;
        margin-bottom: 25px;
        font-size: 14px;
    }

.geofence-list-box .geofence-list {
    height: auto;
}

    .geofence-list-box .geofence-list span {
        white-space: nowrap;
    }


.profile-section {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.profile-container {
    padding: 0px;
    min-height: calc(100vh - 160px);
}

.profile-left {
    padding: 20px;
    width: 240px;
    float: left;
}

.profile-image {
    background: #fff;
    height: auto;
    border: 0px;
}

.profile-right {
    margin-left: 0px;
    padding-right: 0px;
}

.profile-info {
    padding: 15px;
}

.offical-details .view-Name h4 {
    margin: 0px;
}

.offical-details-other {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    position: relative;
    border-radius: 4px;
    /*overflow: hidden;*/
    margin-bottom: 25px;
}

    .offical-details-other:before {
        content: "";
        width: 1px;
        height: 100%;
        background: #ddd;
        position: absolute;
        left: 50%;
        top: 0px;
    }

    .offical-details-other .table.table-profile {
        margin-top: 15px;
    }

    .offical-details-other .heading {
        border-bottom: 1px solid #ddd;
        padding: 8px 20px;
        position: relative;
        z-index: 99;
        background: #fff;
    }

        .offical-details-other .heading h4 {
            margin: 0px;
        }

    .offical-details-other.form .panel {
        padding: 25px 22px;
    }

    .offical-details-other.form:before {
        display: none;
    }

.btn-resignation {
    position: absolute;
    right: 20px;
    top: 20px;
}

    /* =============== Begin Resignation Section ================*/
    .resignation-list {
        list-style: none;
        padding: 0px;
    }
.resignation-list li {
    border: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 5px;
    padding: 5px 10px;
    border-radius: 4px;
}
.resignation-list li p {
    margin-bottom: 3px;
    font-size: 14px;
}
.resignation-list li p a {
    float: right;
    padding: 3px 10px;
    margin-top: -2px;
    margin-right: -7px;
}
.resignation-list li p strong {
    font-size: 11px;
}
.resignation-list li p date {
    border-radius: 20px;
    font-size: 11px;
    color: #888;
}
.resignation-list-box .slimScrollDiv {
    overflow: visible !important;
}

    .resignation-list-box .slimScrollDiv .slimScrollBar {
        right: -16px !important;
    }
/* =============== End Resignation Section ================*/
.heading.extra {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 5px;
}

    .heading.extra h5 {
        margin: 7px 0px 0px;
    }

    .heading.extra .btn {
        padding: 2px 7px;
        background: #2d4b7b;
        border-color: #2d4b7b;
    }

        .heading.extra .btn:hover {
            background: #ed3237;
            border-color: #ed3237;
        }

    .heading.extra.bottom {
        border-top: 0px;
        padding-bottom: 5px;
        margin-top: 0px;
        padding-left: 5px;
        position: absolute;
        right: 30px;
    }

        .heading.extra.bottom .referral-code-box {
            padding-left: 40px;
            padding-right: 2px;
            position: relative;
        }

            .heading.extra.bottom .referral-code-box:before {
                content: "\f007";
                font-family: 'FontAwesome';
                position: absolute;
                width: 38px;
                height: 38px;
                background: #e5e5e5;
                color: #979a9d;
                left: -10px;
                top: -5px;
                border-radius: 50%;
                text-align: center;
                line-height: 38px;
                font-size: 20px;
            }

        .heading.extra.bottom a:hover .referral-code-box:before {
            background: #2d4b7b;
            color: #fff;
        }

        .heading.extra.bottom .referral-code-box i {
            width: 25px;
            text-align: center;
        }

table.table-bordered.table-request-status td:nth-last-child(1) {
    width: 200px !important;
}

table.table-bordered.table-request-status td:nth-last-child(2) {
    width: 100px !important;
}

.table.dataTable.three-col-table tr th:nth-child(1) {
    width: 100px !important;
}

.table.dataTable.three-col-table tr th:nth-child(2) {
    width: 300px !important;
}

.table.dataTable.three-col-table tr th:nth-child(3) {
    width: 250px !important;
}

.upload-btn-box.normal {
    height: auto;
    float: left;
    width: 100%;
    margin-top: 20px;
    box-shadow: none !important;
}

.upload-btn-box.normal .show-multi-attch-box {
    position: inherit;
    width: 100%;
    left: 0px;
    margin: 0px;
    box-shadow: none !important;
    border: 1px solid #e3e3e3;
}
.upload-btn-box.normal .show-multi-attch-box .browse-box {
    padding: 0px 0px 20px;
}

/* Begin Shor Description CSS */
.short-dscb {
    height: 90px;
    overflow: hidden;
}
/* End Shor Description CSS */

.skillbar {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #e3e3e3;
    height: 10px;
    margin-top: 22px;
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -ms-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
}

.skillbar-title {
    position: absolute;
    top: -22px;
    left: 0;
    font-weight: 600;
}
.skillbar-title span {
    color: #333;
    border-radius: 4px;
}
.skillbar-bar {
    height: 100%;
    width: 0px;
    border-radius: 4px;
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    -o-animation: animate-bg 5s linear infinite;
    animation: animate-bg 5s linear infinite;
    background-size: 40px 40px;
}

.skill-bar-percent {
    position: absolute;
    right: 4px;
    top: -25px;
    font-size: 14px;
    font-weight: 600;
    color: #2d4b7b;
}

.skillbar-bar {
    background-color: #00baff;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
}

.skillbar {
    background-color: #bdbcbc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}


@keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -80px 0;
    }
}

@-webkit-keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -80px 0;
    }
}

@-moz-keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -80px 0;
    }
}

@-o-keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -80px 0;
    }
}

/* Begin DMS Report CSS*/
.employee-statistics-list-box {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px !important;
    background-color: #ececec;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
}

    .employee-statistics-list-box .slimScrollDiv {
        overflow: visible !important;
    }

    .employee-statistics-list-box .slimScrollBar {
        right: -8px !important;
    }

.dmscategoryul {
    list-style-type: none;
    padding: 0;
}

.dmscategoryulouter {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f1f1f1;
}

.dmscategoryli {
    float: left;
    width: 100%;
    position: relative;
}
.dmscategoryli a {
    color: #333;
    padding: 5px 10px;
    text-decoration: none;
    float: left;
    width: calc(100% - 60px);
}
.dmscategoryli a span {
    position: absolute;
    right: 6px;
    border-radius: 50px;
    width: 70px;
    color: #2d4b7b;
    background: #ffffff;
    text-align: center;
}
.dmscategoryliouter a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

.dmscategoryli.active {
    background-color: #ed3237;
    color: white;
}

.dmscategoryli:hover:not(.active) {
    background-color: #2d4b7b;
    color: white;
}

    .dmscategoryli:hover:not(.active) a, .dmscategoryli.active {
        color: white;
    }

.category-no-data {
    height: 180px;
    border: 1px solid #ddd;
    margin-top: 5px;
    border-radius: 4px;
    position: relative;
}

progress, progress[role] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-size: auto;
    height: 10px;
    width: 100%;
}

.Category-listmeter {
    list-style: none;
    margin: 40px 0px 0px;
    padding: 0px;
}

.categoryuploaded {
    margin-bottom: 40px;
    position: relative;
}

.skill-1::-webkit-progress-value {
    background: #ff9e2c;
}

.tab-content.special-tab .tab-pane {
    position: relative;
}

.dmscategory-right-cont {
    padding-left: 220px;
    height: calc(100vh - 200px);
}

    .dmscategory-right-cont .category-no-data {
        height: 100%;
        position: absolute;
        width: calc(100% - 215px);
        left: 215px;
        top: -4px;
    }

.not-uploaded-doc {
    background: rgba(255, 168, 170, 0.1);
}

    .not-uploaded-doc td {
        background: transparent !important;
    }

.dms-employee-filter h6 {
    float: left;
    margin-right: 20px;
}

.dms-employee-filter .form-control {
    float: left;
    width: 257px !important;
}

.dms-employee-filter .bootstrap-select-searchbox .form-control {
    width: 100% !important;
    float: inherit;
}

.dmscategory-right-cont.employee {
    padding: 0px;
}

    .dmscategory-right-cont.employee .category-no-data {
        width: 100%;
        left: 0px;
        top: 40px;
        height: calc(100% - 40px);
    }
/* End DMS Report CSS*/
.google-map {
    height: 340px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 4px;
}

.filter-special-box {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 15px;
    margin-left: -15px;
    top: -5px;
    margin-right: -15px;
    display: flow-root;
    position: relative;
}

    .filter-special-box.modal-filter {
        margin-left: -20px;
        margin-right: -20px;
        padding: 0px 5px 15px;
    }

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #ccc !important;
    font-weight: 400;
}

    .datepicker table tr td.old:hover, .datepicker table tr td.new:hover {
        background: transparent !important;
        color: #ccc !important;
    }

.table-condensed > tbody > tr > td {
    color: #333;
    font-weight: 600;
}


/*
.datepicker.dropdown-menu {
    background: #d5ebfb;
}
.table-condensed > tbody > tr > td, .table-condensed > thead > tr > th {
    color: #444;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: #b6cdde;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background: #f59100 !important;
    color: #fff !important;
}
.custom-form .modal-header .close i {
    font-size: 14px;
    position: relative;
    top: -4px;
}*/


.isnightoutdoor {
    border: 1px solid;
    width: 235px;
    padding: 3px;
    border-color: #ccd0d4;
}

.team-filter-box {
    float: left;
    width: 100%;
}

    .team-filter-box .panel-title {
        float: left;
    }

.team-filter {
    float: right;
    margin-right: -7px;
    margin-top: -1px;
}
.team-filter .bootstrap-select {
    width: 60px !important;
    margin: 0px !important;
}
.team-filter .bootstrap-select.months {
    width: 100px !important;
    margin: 0px !important;
}
.team-filter .bootstrap-select .btn.dropdown-toggle {
    padding: 0px 20px 0px 5px;
    height: 26px;
    margin: 0px;
}
.team-filter .bootstrap-select .btn.dropdown-toggle .caret {
    right: 5px;
}
.team-filter .bootstrap-select .bootstrap-select-searchbox input {
    padding: 0px 5px;
}
.team-filter .months, .team-filter .years {
    width: 86px;
    padding: 0px;
    height: 26px;
    float: left;
}

    .team-filter .years {
        width: 60px;
        margin-left: 5px;
    }

.m-t-8 {
    margin-top: 8px !important;
}

.from-date .form-control {
    border-radius: 4px 0px 0px 4px !important;
}

.up-to-date .form-control {
    border-radius: 0px 4px 4px 0px !important;
}

.btn-sm-advance {
    height: 22px;
    width: 24px;
    line-height: 22px;
    padding: 0px;
    color: #fff;
    background: #7b7b7b;
    border-color: #7b7b7b;
}

.btn-sm-advance:hover, .btn-sm-advance:focus {
    background: #f59100;
    border-color: #f59100;
    color: #fff;
}
.edit-Emergency-btn {
    margin-top: -2px;
}
/* Begi n KYC CSS*/
.login-wrp .login-form-box.kyc-box .form-head {
    overflow: hidden;
}

.login-wrp .login-form-box .form-body .heading-box h3 {
    color: #2d4b7b;
}

    .login-wrp .login-form-box .form-body .heading-box h3 span {
        color: #ed3237;
    }

.offical-details-other .kyc-box-form {
    padding: 0px 20px;
}

    .offical-details-other .kyc-box-form .form-group {
        margin-bottom: 10px;
    }

    .offical-details-other .kyc-box-form .form-control {
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
        padding: 8px 10px !important;
    }

.login-wrp .login-form-box.kyc-box {
    height: 585px;
    width: 900px;
    background: #fff url(../img/kyc_bg.png) no-repeat 0px 63px !important;
}

    .login-wrp .login-form-box.kyc-box .form-body {
        padding: 20px 40px;
    }

.login-wrp .login-form-box .form-body .heading-box img {
    height: 60px;
}

.login-wrp .login-form-box.kyc-box .form-head .pull-right {
    margin-top: 5px;
}

.login-wrp .login-form-box.kyc-box .heading {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    background: #fbfbfb;
}

    .login-wrp .login-form-box.kyc-box .heading h4 {
        font-size: 16px;
    }

    .login-wrp .login-form-box.kyc-box .heading.top {
        border-top: 1px solid #ddd;
        margin-top: 10px;
    }

.login-wrp .login-form-box.kyc-box .offical-details-other:before {
    display: none;
}

.login-wrp .login-form-box.kyc-box .offical-details-other {
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.login-wrp .login-form-box.kyc-box .btn {
    width: 200px;
    padding: 6px 10px;
}

.kyc-body .pace-progress {
    top: 0px !important;
}

.single-relation-box {
    position: relative;
    margin-bottom: 10px;
    width: calc(100% - 30px);
}

    .single-relation-box .form-group {
        margin: 0px;
    }

    .single-relation-box .btn.advance {
        position: absolute;
        bottom: 0px;
        right: -40px;
    }

    .single-relation-box .form-group .calendar-input .parsley-errors-list {
        bottom: 100%;
    }


/* =============================== Begin New Slider CSS ================================ */
.hero-slider-wrp-1.bs-slider {
    overflow: hidden;
    max-height: 700px;
    position: relative;
    background: #000000;
}

    .hero-slider-wrp-1.bs-slider:hover {
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }

    .hero-slider-wrp-1.bs-slider:active {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

    .hero-slider-wrp-1.bs-slider > .carousel-inner > .item > img,
    .hero-slider-wrp-1.bs-slider > .carousel-inner > .item > a > img {
        margin: auto;
        width: 100% !important;
    }

    .hero-slider-wrp-1.bs-slider .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 100%;
    }
.hero-slider-wrp-1 .item.active img.slide-image {
    animation: grow 4s linear forwards;
}

@keyframes grow {
    0%, 20% {
        transform: scale(1);
    }

    75%, 100% {
        transform: scale(1.15);
    }
}

    /********************
*****Slide effect
**********************/
    .hero-slider-wrp-1.bs-slider.fade {
        opacity: 1 !important;
    }

        .hero-slider-wrp-1.bs-slider.fade .item {
            top: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            position: absolute;
            left: 0 !important;
            display: block !important;
            -webkit-transition: opacity ease-in-out 1s;
            -moz-transition: opacity ease-in-out 1s;
            -ms-transition: opacity ease-in-out 1s;
            -o-transition: opacity ease-in-out 1s;
            transition: opacity ease-in-out 1s;
        }

            .hero-slider-wrp-1.bs-slider.fade .item:first-child {
                top: auto;
                position: relative;
            }

            .hero-slider-wrp-1.bs-slider.fade .item.active {
                opacity: 1;
                z-index: 2;
                -webkit-transition: opacity ease-in-out 1s;
                -moz-transition: opacity ease-in-out 1s;
                -ms-transition: opacity ease-in-out 1s;
                -o-transition: opacity ease-in-out 1s;
                transition: opacity ease-in-out 1s;
            }
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.control-round:hover .carousel-control {
    opacity: 1;
}

.control-round .carousel-control.left {
    left: 1%;
}

.control-round .carousel-control.right {
    right: 1%;
}

    .control-round .carousel-control.left:hover,
    .control-round .carousel-control.right:hover {
        color: #fdfdfd;
        background: rgba(0, 0, 0, 0.5);
        border: 0px transparent;
    }

.control-round .carousel-control > span {
    top: 0px !important;
    margin: 0px 0px 0px -2px !important;
    height: 100% !important;
    width: 100% !important;
    left: 0px !important;
    line-height: 41px !important;
}

.control-round .carousel-control.right > span {
    margin: 0px 0px 0px 2px !important;
}

.control-round .carousel-control.left > span:nth-child(1) {
    left: 45%;
}

.control-round .carousel-control.right > span:nth-child(1) {
    right: 45%;
}
/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
    right: 45%;
    bottom: 0%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}

    .indicators-line > .carousel-indicators li {
        padding: 0;
        width: 15px;
        height: 15px;
        border: 1px solid rgba(255, 255, 255, .2);
        text-indent: 0;
        overflow: hidden;
        text-align: left;
        position: relative;
        letter-spacing: 1px;
        background: rgba(255, 255, 255, .2);
        -webkit-font-smoothing: antialiased;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-right: 5px;
        -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
        transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
        z-index: 10;
        cursor: pointer;
    }

        .indicators-line > .carousel-indicators li:last-child {
            margin-right: 0;
        }

    .indicators-line > .carousel-indicators .active {
        margin: 1px 5px 1px 1px;
        box-shadow: 0 0 0 2px #fff;
        background-color: transparent;
        position: relative;
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

        .indicators-line > .carousel-indicators .active:before {
            transform: scale(0.5);
            background-color: #fff;
            content: "";
            position: absolute;
            left: -1px;
            top: -1px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            -webkit-transition: background-color 0.3s ease;
            -moz-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
        }

/*---------- SLIDE CAPTION ----------*/
.hero-slider-wrp-1 .container {
    position: absolute;
    top: 0px;
    width: 1170px;
    height: 100%;
    margin: auto;
    left: 50%;
    margin-left: -585px;
}

.hero-slider-wrp-1 .caption {
    height: 100%;
    width: 100%;
}

    .hero-slider-wrp-1 .caption .col-md-7, .hero-slider-wrp-1 .caption .col-md-6, .hero-slider-wrp-1 .caption .col-md-5 {
        height: 100%;
    }

        .hero-slider-wrp-1 .caption .col-md-6 .dscb {
            position: absolute;
            top: 50%;
            left: 0px;
            transform: translate(0px, -50%);
        }

    .hero-slider-wrp-1 .caption h2 {
        padding: 0;
        color: #ffffff;
        font-size: 40px;
        font-style: normal;
        line-height: 46px;
        margin: 0px 0px 20px;
        letter-spacing: 1px;
        display: inline-block;
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }

    .hero-slider-wrp-1 .caption h3 {
        padding: 0;
        color: rgba(255, 255, 255, .8);
        font-size: 24px;
        line-height: 26px;
        font-weight: 300;
        margin: 0px 0px 20px;
        letter-spacing: 1px;
        -webkit-animation-delay: 1.1s;
        animation-delay: 1.1s;
    }

.hero-slider-wrp-1.bs-slider .high-lighted-text {
    color: #00fff0 !important;
}

.hero-slider-wrp-1 .caption p {
    padding: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    padding-right: 90px;
}
/*.hero-slider-wrp-1 .caption .btn-box {
    margin-top: 40px;
}*/
.hero-slider-wrp-1 .caption .btn-box a {
    padding: 4px 20px 6px 50px;
    border-radius: 4px;
    font-size: 17px;
    color: #fff;
    margin-right: 10px;
    text-decoration: none;
    float: left;
    position: relative;
    background: #fff;
}

    .hero-slider-wrp-1 .caption .btn-box a:hover {
        transform: scale(1.08);
        -webkit-transform: scale(1.08);
    }

    .hero-slider-wrp-1 .caption .btn-box a i {
        margin-right: 5px;
        position: absolute;
        left: 15px;
        top: 10px;
        font-size: 28px;
        line-height: 25px;
        color: #333;
    }

    .hero-slider-wrp-1 .caption .btn-box a.white-bg {
        background: #fff;
        color: #2d4b7b;
    }

    .hero-slider-wrp-1 .caption .btn-box a.play-store i {
        background: url(/Images/banner1/play_store_icon.png) no-repeat;
        width: 24px;
        height: 26px;
    }

    .hero-slider-wrp-1 .caption .btn-box a span {
        color: #333;
        line-height: 18px;
        float: left;
        font-weight: 700;
    }

        .hero-slider-wrp-1 .caption .btn-box a span small {
            display: block;
            font-size: 13px;
            color: #666;
            opacity: 1;
            font-weight: 400;
        }

.hero-slider-wrp-1 .caption ul {
    padding: 0px;
    overflow: hidden;
}

    .hero-slider-wrp-1 .caption ul li {
        float: left;
        color: rgba(255, 255, 255, .8);
        font-size: 22px;
        list-style: none;
        margin-right: 30px;
        font-weight: 300;
    }

        .hero-slider-wrp-1 .caption ul li:before {
            content: "\f111";
            font-family: 'FontAwesome';
            font-size: 8px;
            margin-right: 10px;
        }

.hero-slider-wrp-1 .caption .ams-listing {
    margin-top: 30px;
}

    .hero-slider-wrp-1 .caption .ams-listing li {
        width: 100%;
        margin: 0px 0px 20px;
        padding-left: 50px;
        position: relative;
        font-size: 18px;
        line-height: 34px;
    }

        .hero-slider-wrp-1 .caption .ams-listing li:before {
            content: "\f272";
            font-size: 15px;
            border: 1px solid rgba(255, 255, 255, .5);
            width: 34px;
            height: 34px;
            position: absolute;
            line-height: 32px;
            text-align: center;
            border-radius: 50%;
            left: 0px;
            background: #1c3055;
        }

        .hero-slider-wrp-1 .caption .ams-listing li.od:before {
            content: "\f10b";
            font-size: 22px;
        }

        .hero-slider-wrp-1 .caption .ams-listing li.comp-off:before {
            content: "\f073";
        }

        .hero-slider-wrp-1 .caption .ams-listing li:after {
            content: "";
            position: absolute;
            background: rgba(255, 255, 255, .5);
            height: 100%;
            width: 1px;
            left: 17px;
            top: 0px;
            margin-top: 34px;
        }

        .hero-slider-wrp-1 .caption .ams-listing li:last-child:after {
            display: none;
        }

.hero-slider-wrp-1 .caption .pic {
    padding: 30px;
    width: 100%;
    background: url(/Images/banner1/slider_1_mobile_effect.png) no-repeat center center;
    background-size: 100% !important;
    position: relative;
    height: 450px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

    .hero-slider-wrp-1 .caption .pic.second {
        background: url(/Images/banner1/slider_2_graph.png) no-repeat center center;
        height: 440px;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
    }

    .hero-slider-wrp-1 .caption .pic.tree {
        background: url(/Images/banner1/slider_4_tree.png) no-repeat center bottom;
        height: 100%;
    }

.hero-slider-wrp-1 .caption img {
    width: 100%;
    margin-left: 75px !important;
}

.hero-slider-wrp-1 .caption .pic .effect-right {
    position: absolute;
    top: 4px;
    right: -56px;
}

.hero-slider-wrp-1 .caption .pic .effect-left {
    position: absolute;
    bottom: 82px;
    left: -120px;
}

    .hero-slider-wrp-1 .caption .pic .effect-left.left-top {
        top: 64px;
        left: -36px;
    }

.hero-slider-wrp-1 .caption .pic .effect-right.right-top {
    right: 2px;
    top: 75px;
}

.hero-slider-wrp-1 .caption .pic .effect-left.left-bottom {
    bottom: 40px;
    left: -10px;
}

.hero-slider-wrp-1 .caption .pic .effect-right.right-bottom {
    right: 43px;
    top: 292px;
}

.hero-slider-wrp-1 .caption .pic .effect-right img, .hero-slider-wrp-1 .caption .pic .effect-left img {
    width: auto;
    -webkit-animation: shake 10s infinite;
    animation: shake 10s infinite;
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-5px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(5px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-5px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(5px);
    }
}
.hero-slider-wrp-1 .container .img-collage {
    position: absolute;
    width: 80%;
    height: 100%;
    right: 0px;
    top: 0px;
}

    .hero-slider-wrp-1 .container .img-collage img {
        height: 100%;
    }

.hero-slider-wrp-1 .caption .server-pic img {
    width: auto !important;
    margin-left: 0px !important;
}

.hero-slider-wrp-1 .caption .pic.ams-cloud {
    background: url(/Images/banner1/slider_5_2_ams_cloud.png) no-repeat center center;
    background-size: auto !important;
    height: 460px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

    .hero-slider-wrp-1 .caption .pic.ams-cloud .effect-left.one {
        top: 140px;
        left: -120px;
    }

    .hero-slider-wrp-1 .caption .pic.ams-cloud .effect-left.two {
        top: 10px;
        left: 20px;
    }

    .hero-slider-wrp-1 .caption .pic.ams-cloud .effect-left.three {
        top: 20px;
        left: 250px;
    }

    .hero-slider-wrp-1 .caption .pic.ams-cloud .effect-left.four {
        top: 158px;
        left: 300px;
    }

    .hero-slider-wrp-1 .caption .pic.ams-cloud .effect-left.five {
        bottom: 20px;
        left: 255px;
    }

    .hero-slider-wrp-1 .caption .pic.ams-cloud .effect-left.six {
        bottom: 26px;
        left: 0px;
    }

.hero-slider-wrp-1 .caption .pic .mobile-hand {
    height: calc(100% + 50px);
    width: auto;
    position: relative;
    right: -26px;
    bottom: 16px;
}
/* =============================== End New Slider CSS ================================ */


/* =============================== Begin Workplace CSS ================================ */
.workplace-body .radio-inline {
    margin: 0px 20px 0px 0px;
}

.symptoms-box {
    background: rgba(240, 243, 245, .5);
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px 2px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
}

    .symptoms-box .col-md-3 + .col-md-3 {
        border-left: 1px solid #ddd;
    }

    .symptoms-box .form-group {
        margin: 0px;
    }

.workplace-body label {
    margin: 0px;
}

/*.workplace-body .symptoms-box .radio-inline label {
    line-height: inherit;
}
.symptoms-box .form-group {
    margin: 0px;
}*/

/* =============================== End Workplace CSS ================================ */


table.table-bordered.dataTable.no-status.table-col-last-2 th:nth-last-child(2), table.table-bordered.dataTable.no-status.table-col-last-2 td:nth-last-child(2) {
    width: 140px !important;
}

.other-box.mobile-device-seeting-box .heading h4 {
    margin: 0px;
}

.other-box.mobile-device-seeting-box .heading::after {
    display: none;
}

.form-control.geo-fence {
    width: 120px;
    height: 26px;
    margin-top: -4px;
}
.bg-black-darker {
    background: #ffffff !important;
}
.widget-chart-sidebar .chart-legend > li {
    color: #888;
}
.nvd3.nv-pie path {
    fill-opacity: 1;
}
.input-group-addon i {
    color: #5b6ebb;
}
.table > thead > tr > th {
    color: #2d4b7b;
}
.panel.panel-expand {
    z-index: 99999;
}
.panel.panel-expand > .panel-body {
    top: 40px !important;
    height: calc(100vh - 40px);
}
.jstree-default .jstree-hovered, .jstree-default .jstree-wholerow-hovered {
    background: rgba(237, 50, 55, 0.15) !important;
}

.role-permission-box {
    padding: 0px;
    position: relative;
}
.role-permission-box .role-listing-box {
    width: 250px;
    background: rgba(236, 236, 236, .2);
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 15px;
    height: 100%;
    border-right: 1px solid #e3e3e3;
}
/*.role-permission-box .role-listing-box .radio.radio-css label:before {
    border: 1px solid #a2a2a2;
    background: #fff;
}*/
.role-permission-box .entity-listing-box {
    padding-left: 270px;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 20px;
    height: calc(100vh - 195px);
}
.role-permission-box .entity-listing-box .jstree {
    height: calc(100% - 70px);
    overflow-y: auto;
}

.role-permission-box .entity-listing-box .btn-box {
    text-align: right;
    padding: 15px 0px;
    border-top: 1px solid #e3e3e3;
}

.multiselect.dropdown-toggle.btn {
    border-color: #b6c2c9 !important;
}
table.table-bordered.dataTable.one-btn-table th:last-child, table.table-bordered.dataTable.one-btn-table th:last-child, table.table-bordered.dataTable.one-btn-table td:last-child, table.table-bordered.dataTable.one-btn-table td:last-child {
    width: 20px !important;
}

textarea.form-control.fit-control {
    height: 78px;
}
.custom-form .wysihtml5-toolbar .btn {
    background: #fff;
    border-color: #e3e3e3 !important;
    color: #666;
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: #ed3237;
}

#spnfilename {
    display: block;
    margin-top: 10px;
}

.alert {
    word-break: break-all;
}

.btn-with-content-td {
    position: relative;
    padding-left: 34px;
}

.btn-with-content-td .btn {
    position: absolute;
    left: 0px;
    top: 0px;
}

.nav-tabs {
    background: #fff;
    border-bottom: 1px solid #e3e3e3 !important;
}
.nav-tabs > li > a {
    border-bottom: 2px solid transparent !important;
    font-size: 16px;
}
.nav-tabs > li > a:hover {
    color: #ed3237 !important;
    background: transparent !important;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #ed3237;
    border-bottom: 2px solid #ed3237 !important;
}

.cart-user-list .bootstrap-select {
    margin: 0px !important;
    height: auto;
}

/* Begin Attendance photo*/
.attendance-pic {
    position: relative;
    width: 100%;
    background: #fff;
    height: calc(100vh - 70px);
    overflow: hidden;
}

    .attendance-pic #spantemp {
        position: absolute;
        left: 10px;
        background: #ff9c0c;
        padding: 2px 10px;
        top: 10px;
        z-index: 9;
        border-radius: 20px;
        color: #fff;
        font-weight: 700;
    }

    .attendance-pic .close {
        position: absolute;
        right: 10px;
        z-index: 9;
        top: 10px;
        background: #fff;
        opacity: 1;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        color: #ed3237;
        text-align: center;
        line-height: 18px;
    }

    .attendance-pic img {
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.filter-open {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.filter-open .filter-head {
    padding-right: 30px;
    position: relative;
}

.filter-open .close-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}

.filter-open:hover .close-btn {
    background: #f59100;
    border-color: #f59100;
    color: #fff;
}

.visiter-box {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 20px 20px 0px;
}

.visiter-box .attendance-pic {
    width: 250px;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: calc(100% - 36px);
}
.visiter-box .attendance-pic img {
    max-width: 100%;
    max-height: inherit;
}
.visiter-box .dscb {
    padding-left: 270px;
}
.visiter-box .dscb .dscb-scroll {
    height: calc(100vh - 302px);
    overflow-y: auto;
}
#divcheckout.visiter-box #data-table_wrapper .row:nth-child(2) .col-sm-12 {
    height: calc(100vh - 358px);
    overflow-x: hidden;
}
.visitor-entry-radio {
    overflow: hidden;
}

.visitor-entry-radio span {
    line-height: 28px;
    margin: 0px !important;
}

.visitor-entry-radio label {
    padding-left: 30px;
    font-size: 15px;
    color: #f59100;
}

.visitor-entry-radio label:before {
    height: 24px !important;
    width: 24px !important;
    border-color: #f59100 !important;
}
.visitor-entry-radio input:checked + label:before {
    background: #f59100 !important;
    border-color: #f59100 !important;
}
.visitor-entry-radio input:checked + label:after {
    width: 10px !important;
    height: 10px !important;
    top: 9px !important;
    left: 7px !important;
}

.visitor-entry-radio span:first-child label:before {
    border-color: green !important;
}

.visitor-entry-radio span:first-child input:checked + label:before {
    background: #00acac !important;
    border-color: #00acac !important;
}

.visitor-entry-radio span:first-child label {
    color: #00acac;
}
.visitor-list-details {
    list-style: none;
    padding: 0px;
}
.visitor-list-details li {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position:relative;
}
    .visitor-list-details li:last-child {
        border-bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
.visitor-list-details li label {
    display: block;
    margin-bottom: 0px;
}
.visitor-list-details li span {
    word-break: break-all;
}
.visitor-list-details .temp-box {
    position: absolute;
    right: 0px;
    background: #ff9c0c;
    padding: 5px 10px;
    border-radius: 20px;
    top: 0px;
    color: #fff;
}

.visitor-list-details .temp-box span {
    font-weight:600;
}
.cart-user-list .bootstrap-select .btn {
    height: 26px;
    padding: 5px 10px;
    margin: 0px !important;
    padding-right: 25px !important;
    border: 1px solid #ccd0d4;
}

.cart-user-list .bootstrap-select li {
    padding: 0px !important;
    text-align: left !important;
    margin: 0px;
}

    .cart-user-list .bootstrap-select li a {
        width: 100%;
        display: flex;
    }

.cart-user-list .bootstrap-select.small {
    width: 100px;
}

.payment-mode-drop .bootstrap-select .btn {
    height: 36px !important;
    line-height: 36px;
    padding: 10px !important;
}

.payment-mode-drop {
    margin: 7px 0px !important;
}

.cart-user-list.payment .cart-user-list:after {
    display: none;
}

.bootstrap-select.btn-group .btn .caret {
    width: 10px;
}

.radio.radio-css span.with-dropdown .bootstrap-select {
    width: 100px;
}

    .radio.radio-css span.with-dropdown .bootstrap-select .btn {
        padding: 3px 30px 3px 10px;
    }

    .radio.radio-css span.with-dropdown .bootstrap-select .dropdown-menu > li > a {
        display: block;
        float: left;
        width: 100%;
    }

#tblViewBranches_wrapper .col-sm-7 {
    width: 70% !important;
}

#tblViewBranches_wrapper .col-sm-5 {
    width: 30%;
}

.upload-btn-box .show-multi-attch-box .atteched-file-list.no-icon a:after {
    display: none;
}

.table.special-table .btn.width-100 {
    width: 100px !important
}

.detail-listing-box .form-group span {
    display: block;
}

.detail-listing-box .form-group label {
    margin-bottom: 0px;
}

.btn-inverse.bg-green {
    border-color: #00acac !important;
}
.panel-heading-btn.extra-btns .input-daterange {
    position: relative;
}
.panel-heading-btn.extra-btns .input-daterange:after {
    content: "\f073";
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    z-index: 999;
    color: #5b6ebb;
    top: 50%;
    transform: translate(0px, -50%);
}
/*.bootstrap-select.btn-group .dropdown-menu {
    z-index: 99999999 !important;
    top: 100% !important;
}*/
.bootstrap-select.btn-group .dropdown-menu.inner, .bootstrap-select.btn-group .dropdown-menu {
    min-height: 100% !important;
    z-index: 99999 !important;
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f040";
}
.redcolorspan {
    background-color: #f7ddde;
    color: #ed3237;
    display: block;
    padding: 4px 6px;
    border-radius: 4px;
    line-height: 14px;
}
.sidebar-box {
    height: 100%;
    border-right: 1px solid #ddd;
}
/*#ulmenulist {
    height: auto !important;
}*/
.sidebar-box .slimScrollDiv {
    max-height: calc(100vh - 220px) !important;
}
.sidebar-box .slimScrollDiv.menu-fit-box {
    max-height: calc(100vh - 352px) !important;
}
.content hgroup h1, .content hgroup h2 {
    color: #fff;
}
.no-data-list.modal-record {
    position: inherit;
    padding: 50px 0px;
    height: auto;
}
.panel.panel-expand .btn-box.fixed {
    width: 100%;
}

.gritter-bottom, .gritter-item, .gritter-top {
    background: #ffffff !important;
}
.gritter-title {
    color: #666 !important;
}
.gritter-item p {
    color: #2d4b7b;
}
.gritter-close, .gritter-light .gritter-close {
    background: transparent !important;
    color: #ccc !important;
    top: 7px !important;
    right: 10px !important;
}

.gritter-close:before, .gritter-light .gritter-close:before {
    color: #ed3237 !important;
    font-size: 12px !important;
}
.gritter-item-wrapper {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
}
.pace-progress, .pace:before {
    height: 4px;
}
.pace .pace-activity {
    display: none;
}
.payment-mode-drop .dropdown-menu.open {
    overflow: visible !important;
}

.fix-filter-scroll {
    padding-top: 45px;
}

.info-advance.normal-pos {
    float: left;
}
.info-advance.normal-pos a {
    position: inherit;
    top: inherit;
    margin-right: 10px;
}
.info-advance.normal-pos ul li {
    border: 0px;
    margin: 0px;
    padding: 0px;
    min-height: auto;
    margin-bottom: 8px;
}
.info-advance.normal-pos:hover .dscb {
    width: 500px;
    top: 50%;
    left: 20px;
    transform: translate(0px, -50%);
    border-radius: 7px;
}

.info-advance.normal-pos .dscb:before {
    top: 50%;
    left: -10px;
    transform: translate(0px, -50%);
}

/* ======================== Begin facilitation map ====================== */
.panel-body.panel-form.custom-form.facilitation-map-box {
    padding: 0px 5px 5px 5px !important;
    overflow: hidden;
}
.facilitation-map-box .facilitation-map {
    height: calc(100vh - 211px);
    width: 100%;
}
.facilitation-map-box .tab-content.special-tab {
    height: calc(100vh - 244px);
    overflow-y: auto;
    margin: 0px;
}
.facilitation-map-box .facilitation-single-user {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 4px;
}

.facilitation-map-box .facilitation-single-user a {
    display: block;
    padding: 7px 15px 7px 60px;
    position: relative;
    text-decoration: none;
}
.facilitation-map-box .facilitation-single-user a:before {
    content: "\f041";
    font-family: 'FontAwesome';
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    top: 50%;
    left: 0px;
    transform: translate(7px, -50%);
    line-height: 40px;
    background: rgba(237, 50, 55, .10);
    border-radius: 4px;
    font-size: 20px;
    color: #ed3237;
}
.facilitation-map-box .facilitation-single-user.inactive-user a:before {
    content: "\f05e";
}
.facilitation-map-box .facilitation-single-user a h4 {
    margin: 0px 0px 5px;
    font-size: 14px;
}
.facilitation-map-box .facilitation-single-user a p {
    margin: 0px;
}
.facilitation-map-box .tab-content.special-tab .tab-pane {
    height: 100%;
}
.facilitation-map-box .tab-content.special-tab .no-data-list {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
    height: auto;
    bottom: inherit;
}
.facilitation-head {
    border-bottom: 1px solid #ddd;
    padding: 5px 15px 15px;
}

    .facilitation-head h4 {
        margin: 0px 0px 5px;
    }

    .facilitation-head p {
        margin: 0px;
        font-size: 14px;
    }
h5.km-box {
    border: 1px dashed #ddd;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    margin: 5px 0px 0px;
}
.facilitation-map-box .tab-content.special-tab .geofence-list-box {
    max-height: inherit !important;
}
.modal-body.facilitation-map-box .facilitation-map {
    height: calc(100vh - 94px);
    width: 100%;
}
.facilitation-map-box .facilitation-single-user:hover {
    border-color: #ed3237;
    background: #ed3237;
}

.facilitation-map-box .facilitation-single-user:hover a:before {
    background: #fff;
}

.facilitation-map-box .facilitation-single-user:hover a h4, .facilitation-map-box .facilitation-single-user:hover a p {
    color: #fff;
}
.facilitation-map-box .facilitation-single-user.inactive-user:hover {
    border-color: #ddd;
    background: #fff;
}

.facilitation-map-box .facilitation-single-user.inactive-user:hover a:before {
    background: rgba(237, 50, 55, .10);
}

.facilitation-map-box .facilitation-single-user.inactive-user:hover a h4{
    color: #242a30;
}
.facilitation-map-box .facilitation-single-user.inactive-user:hover a p {
    color: #666;
}
/* ======================== End facilitation map ====================== */
.modal-body.modal-chat-box {
    padding: 0px;
}

.modal-body.modal-chat-box .messages-content-box .messages-send {
    width: 100%;
    position: inherit;
    border-top: 1px solid #ddd;
    box-shadow: none;
}

.modal-body.modal-chat-box .messages-content-box .messages-content {
    height: calc(100vh - 170px);
    padding: 20px 15px;
}

.modal-body.modal-chat-box .messages-content-box .messages-send .input-group {
    width: 100%;
}
.panel-body.panel-form.custom-form.chat-on-page-box {
    padding: 0px !important;
}
.chat-on-page-box .messages-content {
    height: calc(100vh - 214px) !important;
    padding-bottom: 20px;
}
.chat-on-page-box .messages-send .input-group {
    width: calc(100% - 10px);
}

.facilitation-map-box .col-md-4:before {
    border-left: 1px solid #ddd;
    content: "";
    height: calc(100% + 10px);
    width: 1px;
    position: absolute;
    left: 0px;
    top: -5px;
    z-index: 9;
}

/* ======================== Begin New Joining =================== */
/*.new-joining-box .bx-wrapper {
    max-width: 100% !important;
}*/
.new-joining-box ul {
    list-style: none;
    padding: 0px;
    overflow: visible;
}
/*.new-joining-box ul li {
    width: 222px !important;
}*/
.single-joiner-box {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 3px 3px 0px;
    text-align: center;
    width: 100%;
    float: left;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    border-bottom: 8px solid #15ABB2;
}

    .single-joiner-box:hover {
        box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
        border-bottom: 8px solid #f59100;
    }

.single-joiner-box:before {
    content: "";
    height: 60px;
    width: 100%;
    position: absolute;
    background: #15ABB2;
    left: 0px;
    top: 0px;
}
.single-joiner-box:hover:before {
    background: #20D6DE;
}
.single-joiner-box:after {
    content: "";
    height: 60px;
    width: calc(100% - 80px);
    position: absolute;
    background: rgb(253 254 255 / 20%);
    right: 0px;
    top: 0px;
    border-radius: 100px 0px 0px 0px;
}
.single-joiner-box .img-sm-box {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    border: 3px solid #fff;
    display: inline-block;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    background:#fff;
    z-index:99;
}

.single-joiner-box .img-sm-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.single-joiner-box .dscb h5 {
    margin: 2px;
}
.single-joiner-box .dscb p {
    color: #f59100;
}
.single-joiner-box .list {
    list-style: none;
    text-align: left;
    border-top: 1px dashed #ddd;
    margin: 15px -10px 12px;
    padding: 15px 10px 0px;
    position: relative;
}

    .single-joiner-box .list li {
        margin-bottom: 5px;
        overflow: hidden;
        width: 100% !important;
    }
.single-joiner-box .list li:last-child {
    margin: 0px;
}
.single-joiner-box .list li span {
    width: 60%;
    float: left;
    text-align: right;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.single-joiner-box .list li span:first-child {display: block;width: 40%;text-align: left;}
.single-joiner-box .list li span dd {
    float: right;
}



.single-cis-box {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 3px 3px 0px;
    text-align: center;
    width: 100%;
    float: left;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    border-bottom: 8px solid #6C8BA5;
}

    .single-cis-box:hover {
        box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
        border-bottom: 8px solid #f59100;
    }

.single-cis-box:before {
    content: "";
    height: 60px;
    width: 100%;
    position: absolute;
    background: #6C8BA5;
    left: 0px;
    top: 0px;
}
.single-cis-box:hover:before {
    background: #A2AFBB;
}
.single-cis-box:after {
    content: "";
    height: 60px;
    width: calc(100% - 80px);
    position: absolute;
    background: rgb(253 254 255 / 20%);
    right: 0px;
    top: 0px;
    border-radius: 100px 0px 0px 0px;
}
.single-cis-box .img-sm-box {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    border: 3px solid #fff;
    display: inline-block;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    background:#fff;
    z-index:99;
}

.single-cis-box .img-sm-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.single-cis-box .dscb h5 {
    margin: 2px;
}
.single-cis-box .dscb p {
    color: #f59100;
}
.single-cis-box .list {
    list-style: none;
    text-align: left;
    border-top: 1px dashed #ddd;
    margin: 15px -10px 12px;
    padding: 15px 10px 0px;
    position: relative;
}

    .single-cis-box .list li {
        margin-bottom: 5px;
        overflow: hidden;
        width: 100% !important;
    }
.single-cis-box .list li:last-child {
    margin: 0px;
}
.single-cis-box .list li span {
    width: 60%;
    float: left;
    text-align: right;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.single-cis-box .list li span:first-child {display: block;width: 40%;text-align: left;}
.single-cis-box .list li span dd {
    float: right;
}




.new-joining-box .bx-controls {
    position: absolute;
    top: 6px;
    z-index: 999;
    right: 15px;
}
.new-joining-box .bx-controls-direction a:before {
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 20px;
    position: absolute;
    left: 48%;
    top: 50%;
    transform: translate(-48%, -50%);
}
.new-joining-box .bx-controls-direction a {
    text-align: center;
    line-height: 26px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 0px;
    display: block;
    float: left;
    border: 1px solid #e3e3e3;
    margin: 0px 3px;
    text-decoration: none;
    position: relative;
}

.new-joining-box .bx-controls-direction a.bx-next {
    right: 0px;
    left: inherit;
    transform: rotate( 180deg );
}
.new-joining-box .bx-controls-direction a:hover {
    background: #ed3237;
    border-color: #ed3237;
}
.new-joining-box .bx-controls-direction a:hover:before {
    color: #fff;
}
/* ======================== End New Joining =================== */

#divotpPhone input:focus {
    border-color: #286090;
    color: #286090;
}
 /* ======================== End New Joining =================== */
table.table-bordered.dataTable th.remark-box-new {
    width: 340px !important;
}
.custom-title .btn.btn-white.btn-warning {
    background: #f59100;
}
.btn-with-table-fly {
    position: absolute;
    left: 195px;
    z-index: 99;
    background: #00acac !important;
    border-color: #00acac !important;
}
.btn-with-table-fly:hover {
    background: #f59100 !important;
    border-color: #f59100 !important;
}

.total-employees-box .employee-single .tooltip-inner {
    max-width: 250px !important;
    width:250px;
}
/* =============== Begin Side Menu Icons ============== */
.menu-icon {
    width: 25px !important;
    height: 20px;
    margin-right: 10px !important;
    /*background-size: 70% !important;*/
}

.menu-icon.dashboard {
    background: url(../img/sidemenu/dashboard.png) no-repeat center;
}
.sidebar .nav > li a:hover .menu-icon.dashboard,
.sidebar .nav > li.active a .menu-icon.dashboard {
    background: url(../img/sidemenu/dashboard_active.png) no-repeat center;
}

.menu-icon.leave {
    background: url(../img/sidemenu/product.png) no-repeat center;
    /* background-size: 14px; */
}
.sidebar .nav > li a:hover .menu-icon.leave,
.sidebar .nav > li.active a .menu-icon.leave {
    background: url(../img/sidemenu/product_active.png) no-repeat center;
    /* background-size: 14px; */
}

.menu-icon.comp-off {
    background: url(../img/sidemenu/service.png) no-repeat center;
    /* background-size: 14px; */
}
.sidebar .nav > li a:hover .menu-icon.comp-off,
.sidebar .nav > li.active a .menu-icon.comp-off {
    background: url(../img/sidemenu/service_active.png) no-repeat center;
    /* background-size: 14px; */
}

.menu-icon.work-from-home {
    background: url(../img/sidemenu/other.png) no-repeat center;
    /* background-size: 16px; */
}
.sidebar .nav > li a:hover .menu-icon.work-from-home,
.sidebar .nav > li.active a .menu-icon.work-from-home {
    background: url(../img/sidemenu/other_active.png) no-repeat center;
    /* background-size: 16px; */
}

/* Manage RMA Icon */
.menu-icon.rma-icon {
    background: url(../img/sidemenu/manage_rma.png) no-repeat center;
    /* background-size: 14px; */
}
.sidebar .nav > li a:hover .menu-icon.rma-icon,
.sidebar .nav > li.active a .menu-icon.rma-icon {
    background: url(../img/sidemenu/manage_rma_active.png) no-repeat center;
    /* background-size: 14px; */
}

/* RMA Dispatch Icon */
.menu-icon.rma-dispatch-icon {
    background: url(../img/sidemenu/rma_dispatch.png) no-repeat center;
}
.sidebar .nav > li a:hover .menu-icon.rma-dispatch-icon,
.sidebar .nav > li.active a .menu-icon.rma-dispatch-icon {
    background: url(../img/sidemenu/rma_dispatch_active.png) no-repeat center;
}

/* Manage Stock Icon */
.menu-icon.stock-icon {
    background: url(../img/sidemenu/manage_stock.png) no-repeat center;
}
.sidebar .nav > li a:hover .menu-icon.stock-icon,
.sidebar .nav > li.active a .menu-icon.stock-icon {
    background: url(../img/sidemenu/manage_stock_active.png) no-repeat center;
}

/* Reports Icon */
.menu-icon.report-icon {
    background: url(../img/sidemenu/reports.png) no-repeat center;
}
.sidebar .nav > li a:hover .menu-icon.report-icon,
.sidebar .nav > li.active a .menu-icon.report-icon {
    background: url(../img/sidemenu/reports_active.png) no-repeat center;
}




.menu-icon.conveyance {
    background: url(../img/sidemenu/conveyance.svg) no-repeat center;
}
.sidebar .nav > li a:hover .conveyance,
.sidebar .nav > li.active a .conveyance {
    background: url(../img/sidemenu/conveyance_active.svg) no-repeat center;
}

.menu-icon.outdoor-attendance {
    background: url(../img/sidemenu/outdoor_attendance.svg) no-repeat center;
}
.sidebar .nav > li a:hover .outdoor-attendance,
.sidebar .nav > li.active a .outdoor-attendance {
    background: url(../img/sidemenu/outdoor_attendance_active.svg) no-repeat center;
}

.menu-icon.my-team {
    background: url(../img/sidemenu/my_team.svg) no-repeat center;
}
.sidebar .nav > li a:hover .my-team,
.sidebar .nav > li.active a .my-team {
    background: url(../img/sidemenu/my_team_active.svg) no-repeat center;
}

.menu-icon.clearance-request {
    background: url(../img/sidemenu/clearance_request.svg) no-repeat center;
}
.sidebar .nav > li a:hover .clearance-request,
.sidebar .nav > li.active a .clearance-request {
    background: url(../img/sidemenu/clearance_request_active.svg) no-repeat center;
}

.menu-icon.my-document {
    background: url(../img/sidemenu/my_document.svg) no-repeat center;
}
.sidebar .nav > li a:hover .my-document,
.sidebar .nav > li.active a .my-document {
    background: url(../img/sidemenu/my_document_active.svg) no-repeat center;
}

.menu-icon.company-policies {
    background: url(../img/sidemenu/company_policies.svg) no-repeat center;
}
.sidebar .nav > li a:hover .company-policies,
.sidebar .nav > li.active a .company-policies {
    background: url(../img/sidemenu/company_policies_active.svg) no-repeat center;
}

.menu-icon.helpdesk {
    background: url(../img/sidemenu/helpdesk.svg) no-repeat center;
}
.sidebar .nav > li a:hover .helpdesk,
.sidebar .nav > li.active a .helpdesk {
    background: url(../img/sidemenu/helpdesk_active.svg) no-repeat center;
}

.menu-icon.visitor-management {
    background: url(../img/sidemenu/visitor-management.svg) no-repeat center;
    background-size: 15px;
}
.sidebar .nav > li a:hover .visitor-management,
.sidebar .nav > li.active a .visitor-management {
    background: url(../img/sidemenu/visitor-management_active.svg) no-repeat center;
    background-size: 15px;
}

.menu-icon.team-connect {
    background: url(../img/sidemenu/team_connect.svg) no-repeat center;
    background-size: 18px;
}
.sidebar .nav > li a:hover .team-connect,
.sidebar .nav > li.active a .team-connect {
    background: url(../img/sidemenu/team_connect_active.svg) no-repeat center;
    background-size: 18px;
}

.menu-icon.emp-management {
    background: url(../img/sidemenu/employee.svg) no-repeat center;
}
.sidebar .nav > li a:hover .emp-management,
.sidebar .nav > li.active a .emp-management {
    background: url(../img/sidemenu/employee_active.svg) no-repeat center;
}

.menu-icon.shift-management {
    background: url(../img/sidemenu/shift.svg) no-repeat center;
    background-size: 18px;
}
.sidebar .nav > li a:hover .shift-management,
.sidebar .nav > li.active a .shift-management {
    background: url(../img/sidemenu/shift_active.svg) no-repeat center;
    background-size: 18px;
}

.menu-icon.device-management {
    background: url(../img/sidemenu/device_managements.svg) no-repeat center;
}
.sidebar .nav > li a:hover .device-management,
.sidebar .nav > li.active a .device-management {
    background: url(../img/sidemenu/device_managements_active.svg) no-repeat center;
}

.menu-icon.reports {
    background: url(../img/sidemenu/reports.svg) no-repeat center;
}
.sidebar .nav > li a:hover .reports,
.sidebar .nav > li.active a .reports {
    background: url(../img/sidemenu/reports_active.svg) no-repeat center;
}

.menu-icon.masters {
    background: url(../img/sidemenu/masters.svg) no-repeat center;
    background-size: 13px;
}
.sidebar .nav > li a:hover .masters,
.sidebar .nav > li.active a .masters {
    background: url(../img/sidemenu/masters_active.svg) no-repeat center;
    background-size: 13px;
}

.menu-icon.my-account {
    background: url(../img/sidemenu/account.svg) no-repeat center;
}
.sidebar .nav > li a:hover .my-account,
.sidebar .nav > li.active a .my-account {
    background: url(../img/sidemenu/account_active.svg) no-repeat center;
}
.menu-icon.app-settings {
    background: url(../img/sidemenu/app_settings.svg) no-repeat center;
}
.sidebar .nav > li a:hover .app-settings,
.sidebar .nav > li.active a .app-settings {
    background: url(../img/sidemenu/app_settings_active.svg) no-repeat center;
}

.menu-icon.ams-connect {
    background: url(../img/sidemenu/ams_connect.svg) no-repeat center;
}
.sidebar .nav > li a:hover .ams-connect,
.sidebar .nav > li.active a .ams-connect {
    background: url(../img/sidemenu/ams_connect_active.svg) no-repeat center;
}
.menu-icon.ams-connect1 {
    background: url(../img/sidemenu/ams_connect_active.svg) no-repeat center;
}

.sidebar .nav > li a:hover .ams-connect1,
.sidebar .nav > li.active a .ams-connect1 {
    background: url(../img/sidemenu/ams_connect_white.svg) no-repeat center;
}
.menu-icon.dms {
    background: url(../img/sidemenu/dms.svg) no-repeat center;
    background-size: 16px;
}
.sidebar .nav > li a:hover .dms,
.sidebar .nav > li.active a .dms {
    background: url(../img/sidemenu/dms_active.svg) no-repeat center;
    background-size: 16px;
}
.menu-icon.others {
    background: url(../img/sidemenu/others.svg) no-repeat center;
    background-size: 16px;
}

.sidebar .nav > li a:hover .others,
.sidebar .nav > li.active a .others {
    background: url(../img/sidemenu/others_active.svg) no-repeat center;
    background-size: 16px;
}
/* =============== End Side Menu Icons ============== */
.checkbox.check-with-span span {
    position: relative;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    width: 154px;
}
.input-with-icon {
    display: flex;
    align-items: baseline;
}

.input-with-icon a {
    line-height: 26px;
    margin-right: 6px;
    width: 17px;
    text-align: center;
}
.cart-user-list.payment-mode {
    overflow: visible;
}

.cart-user-list.payment-mode .nav.nav-tabs li {
    float: left;
    width: auto !important;
    padding: 0px 10px;
    margin-bottom: 0px;
}
.cart-user-list.payment-mode h3 {
    margin-bottom: 0px;
}

.cart-user-list.payment-mode::after {
    display: none;
}
.cart-user-list.payment-mode .tab-content {
    float: left;
    width: 100%;
}
.cart-user-list.payment-mode .tab-content .bootstrap-select .btn {
    height: auto;
}
.cart-user-list.payment-mode .tab-content .btn small {
    display: block;
    font-size: 12px;
    opacity: .9;
    margin-top: 5px;
}
.cart-user-list .bootstrap-select li a span:after {
    display: none;
}
.cart-user-list .parsley-errors-list li {
    font-size: 11px;
}

.cart-user-list.payment-mode .tab-content .bootstrap-select.btn-group .dropdown-menu {
    min-height: 265px !important;
    max-height: 265px !important;
}
.cart-user-list.payment-mode .tab-content .bootstrap-select.btn-group .dropdown-menu.inner.selectpicker {
    min-height: 227px !important;
    max-height: 227px !important;
}
.image-tem-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.image-tem-list li a {
    display: block;
}

.image-tem-list li a img {
    max-width: 100%;
    max-height: 100%;
}

.image-tem-list li {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}
.image-tem-list li:last-child {
    margin: 0px;
}
.role-permission-box.birthday-config-box .slimScrollBar {
    right: -10px !important;
}

.role-permission-box.birthday-config-box .slimScrollDiv {
    overflow: visible !important;
}
.role-permission-box.birthday-config-box .entity-listing-box .email-preview-box {
    height: calc(100vh - 280px) !important;
}
.role-permission-box.birthday-config-box .role-listing-box {
    height: calc(100vh - 205px) !important;
}
.panel-body.role-permission-box.birthday-config-box .birthday-config-form .slimScrollDiv {
    height: calc(100vh - 273px) !important;
    overflow: hidden;
    margin-bottom: 15px;
}
.table-default table.table-bordered.dataTable th:last-child, .table-default table.table-bordered.dataTable td:last-child {
    width: auto !important;
}
.para-with-btn {
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.para-with-btn span {
    width: 100%;
}
.modal-content table.table-bordered.dataTable.no-status th:nth-last-child(2).width-200, .modal-content table.table-bordered.dataTable.no-status th:nth-last-child(2).width-200 {
    width: 200px !important;
}
.badge.badge-primary, .label.label-primary {
    background: #2d4b7b;
}

.table.table-profile.table-profile-sm td {
    padding: 4px;
}
.table-profile-sm.field-50 td.field {
    width: 60% !important;
    padding-right: 30px;
}
.table-profile-sm.field-40 td.field {
    width: 50% !important;
    padding-right: 30px;
}
.table-profile-sm.field-50 td.field:after {
    top: 4px;
}
.shift-roster-modal-body .height-sm .tagit.ui-widget {
    border: 0px !important;
}
.text-with-btn {
    position: relative;
    padding-right: 50px;
    min-height: 22px;
}
.text-with-btn span .btn {
    position: inherit;
}
.text-with-btn .btn {
    position: absolute;
    right: 0px;
    top: 0px;
}
.text-with-btn .btn.btn-second {
    right: 41px;
}

.onboarding-candidate-wrp {
    width: 100%;
    height: 100%;
    background: #d9e0e7 url(/Images/banner1/slider_3.jpg);
    position: relative;
    overflow: hidden;
    background-size: cover;
}
/*.onboarding-candidate-wrp:before {
    content: "";
    position: absolute;
    height: 200px;
    width: 200px;
    left: -40px;
    background: rgba(45, 75, 123, 0.5);
    border-radius: 50%;
    bottom: -40px;
}
    .onboarding-candidate-wrp:after {
        content: "";
        position: absolute;
        height: 200px;
        width: 200px;
        right: -40px;
        background: rgba(237, 50, 55, 0.5);
        border-radius: 40px;
        top: -40px;
    }*/

.onboarding-candidate-wrp .msg-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 650px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    max-width: 90%;
}

.onboarding-candidate-wrp .msg-box .logo {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.onboarding-candidate-wrp .msg-box .msg-card {
    padding: 30px 50px;
}
.onboarding-candidate-wrp .msg-box .msg-card h3 {
    font-weight: 700;
}
.onboarding-candidate-wrp .msg-box .msg-card p {
    line-height: 28px;
    font-size: 16px;
    margin-top: 20px;
}

/* ====================== Begin hierarchy box ======================*/
.hierarchy-tree {
    overflow: auto;
}
.hierarchy-tree ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    text-align: center;
    padding-left: 0px;
    display: flex;
}

.hierarchy-tree li {
    display: inline-block;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.hierarchy-tree li::before, .hierarchy-tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
}

.hierarchy-tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}
.hierarchy-tree li:last-child::after {
    display: none;
}

.hierarchy-tree li:only-child::after, .hierarchy-tree li:only-child::before {
    display: none;
}
.hierarchy-tree li:only-child {
    padding-top: 0;
}

.hierarchy-tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}
.hierarchy-tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.hierarchy-tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}
.hierarchy-tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

.hierarchy-tree li .card {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin:0px
}
    .hierarchy-tree li .card:hover, .hierarchy-tree li .card:hover + ul li .card {
        background: #c8e4f8;
        color: #000;
        border: 1px solid #94a0b4;
    }
        .hierarchy-tree li .card:hover + ul li::after,
        .hierarchy-tree li .card:hover + ul li::before,
        .hierarchy-tree li .card:hover + ul::before,
        .hierarchy-tree li .card:hover + ul ul::before {
            border-color: #94a0b4;
        }

/* ====================== End hierarchy box ======================*/
.two-content-p{
    display: flex;
}
.two-content-p label {
    font-weight: 400;
    width: 54px;
    position: relative;
    padding-right: 10px;
}
.two-content-p label:after {
    content: ":";
    position: absolute;
    right: 0px;
}
.two-content-p span {
    padding-left: 10px;
}

.single-line-form {
    position: relative;
}
.single-line-form .card-box {
    padding-right: 65px;
}
.single-line-form .card-box .form-group {
    margin: 0px;
}
.single-line-form .btn-action {
    position: absolute;
    top: 32px;
}
.panel-title .info-advance .badge {
    font-size: 12px;
}

.panel-title .info-advance .dscb {
    font-size: 14px;
    top: 25px;
    width: 450px !important;
}

.emp-verify-td {
  display: flex;
  margin-bottom:3px
}
.emp-verify-td label {
    width: 110px;
    position: relative;
    padding-right: 20px;
    margin: 0px;
}
.emp-verify-td label:after {
    content: ":";
    position: absolute;
    right: 15px;
    top: 0px;
}
.emp-verify-td span {
  width: calc(100% - 90px);
  display: flex;
  justify-content: space-between;
}
.emp-verify-td span span:first-child {
  width: 50%;
}
.emp-verify-td span span:last-child {
  width: 50%;
  text-align:right
}
.emp-verify-td span span:last-child p {
    text-align: right;
    width: 100%;
    margin: 0px;
}
.emp-verify-td span span:last-child p span {
    width: auto;
    float: right;
}
.emp-verify-td span i {
    width: 40px;
    text-align: center;
}
.bottom-table-scroll {
    max-height: calc(100vh - 370px);
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
}
.exit-label {
    display: flex;
    padding: 8px 10px;
    margin: -4px 0px;
    justify-content: space-between;
}
.exit-label a {
    position: inherit;
    line-height: inherit;
    margin-left: 10px;
    color: #fff;
    width: auto;
    padding: 3px 10px;
    font-size: 10px;
    border-radius: 9px;
    border: 1px solid #fff;
    margin: -4px -5px -4px 10px;
    line-height: 15px;
}
.exit-label a:hover {
    background:#fff;
    color:#ed3237;
}
.exit-label i {
    margin-top: 3px;
    margin-left: 6px;
}
.without-padding .nav-item {
    margin-right:20px
}
.without-padding .nav-link {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
}
.w-100 {
    width:100% !important;
}

.map-with-content {
    display: flex;
}

.map-with-content .left-side-bar {
    width: calc(100% - 300px);
    height: calc(100vh - 160px);
}

.map-with-content .right-side-bar {
    width: 300px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    overflow-y: auto;
}
.map-with-content #map-canvas {
    height: 100% !important;
}
    .map-with-content .right-side-bar .list-group-item {
        padding-right: 40px;
        position: relative;
        padding-left: 54px;
        border-radius: 0px !important;
        min-height: 40px;
    }
.map-with-content .right-side-bar .list-group-item .btn {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0px;
    width: 20px;
}
.map-with-content .right-side-bar .list-group-item.start-point {
    background: rgb(0 128 0 / 10%);
}
.map-with-content .right-side-bar .list-group-item.end-point {
    background: rgb(237 50 55 / 10%);
}
.map-with-content .right-side-bar .list-group {
    counter-reset: my-badass-counter;
}

.map-with-content .right-side-bar .list-group-item:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: 15px;
    top: 7px;
    width: 24px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    background: #fff;
}
.small-scroll-box {
    max-height: 250px;
    overflow-y: auto;
}
.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      
}

.animate-charcter2
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #fff 0%,
    #F6F7D8 29%,
    #DBDE20 67%,
    #20D6DE 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}