body body {
    background-color: #fff;
}

body, html {
    font-family: Lato;
    font-size: 11px;
    font-weight: 400;
}

a, a label {
    cursor: pointer !important;
}

.m-brand.m-brand--skin-dark {
    background: #232638;
}

.m-page--fluid .m-header, .m-page--wide .m-header {
    background-color: #2c2f43;
}

.m-brand .m-brand__logo, .m-brand .m-brand__tools {
    height: 80px !important;
}

    .m-brand .m-brand__logo img {
        max-height: 50px;
    }

    .m-brand .m-brand__tools .m-brand__toggler span {
        width: 22px;
        height: 2px;
        min-height: 2px;
    }

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span {
    background: #b0bec5;
}

    .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before {
        background: #b0bec5;
    }

.m-brand .m-brand__tools .m-brand__toggler span::after, .m-brand .m-brand__tools .m-brand__toggler span::before {
    height: 2px;
    min-height: 2px;
}

.m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left span:before {
    width: 75%;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span {
    background: #b0bec5;
}

    .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before {
        background: #b0bec5;
    }

.m-aside-left.m-aside-left--skin-dark {
    background-color: #33374e;
}
/*.profile-and-search-box{padding: 40px 30px 40px 30px; width: 100%; height: auto; clear: both; background:url(../media/img/misc/profile-and-search-box-bg.jpg) no-repeat center center; background-size: cover;}*/

.profile-and-search-box {
    padding: 40px 30px 40px 30px;
    width: 100%;
    height: auto;
    clear: both;
}

    .profile-and-search-box .profile-box {
        display: table;
        vertical-align: middle;
    }

        .profile-and-search-box .profile-box .m-sidebar__userpic {
            padding-right: 10px;
            display: table-cell;
            vertical-align: middle;
        }

        .profile-and-search-box .profile-box img {
            width: auto;
            height: 45px;
            max-width: 45px;
            max-height: 45px;
        }

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    width: 25px;
    height: 25px;
    max-width: 28px !important;
    max-height: 25px;
}

.profile-and-search-box .profile-box .m-dropdown {
    display: table-cell;
    vertical-align: middle;
}

    .profile-and-search-box .profile-box .m-dropdown a {
        font-size: 20px;
        color: #eceef2;
        display: block;
    }

        .profile-and-search-box .profile-box .m-dropdown a:hover {
            text-decoration: none;
        }

    .profile-and-search-box .profile-box .m-dropdown small {
        color: #afb7c7;
    }
/* .profile-and-search-box .profile-box .dropdown-toggle:after{content: "\6d"; font-family: mcs;} */
.profile-and-search-box .search-box {
    padding: 20px 0 0 0;
}

    .profile-and-search-box .search-box .form-control {
        background-color: #232638;
        border-color: #232638;
        color: #b5b4c2;
    }

    .profile-and-search-box .search-box .input-group-append .btn {
        background-color: #232638;
        border-color: #232638;
        color: #b5b4c2;
    }

        .profile-and-search-box .search-box .input-group-append .btn i {
            font-size: 13px;
        }

.m-aside-menu .m-menu__nav {
    padding: 0;
}

    .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
        padding: 15px 30px;
    }

    .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-bullet, .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-bullet {
        color: #a5a6bb;
        font-size: 10px;
    }

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #b5b4c2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #b5b4c2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #232638;
    color: #b5b4c2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active {
    position: relative;
}

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active:before {
        content: '';
        border-left: 4px solid #3ab7bb;
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 100%;
        z-index: 1;
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
        color: #b5b4c2;
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
        color: #b5b4c2;
    }

.m-aside-menu > .m-menu__nav .m-menu__item--submenu > .m-menu__link:after {
    content: "\63";
    font-family: mcs;
    color: #b5b4c2;
}

.m-aside-menu > .m-menu__nav .m-menu__item--submenu .m-menu__item--submenu > .m-menu__link:after {
    margin-top: 10px;
    display: inline-block;
}

.m-aside-menu > .m-menu__nav .m-menu__item--submenu.m-menu__item--open > .m-menu__link:after {
    content: "\71";
    font-family: mcs;
    color: #b5b4c2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open {
    position: relative;
    background-color: #33374e;
}

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text {
        color: #b5b4c2;
    }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > a {
        background-color: #232638;
    }

        .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > a:before {
            content: '';
            border-left: 4px solid #3ab7bb;
            position: absolute;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            z-index: 1;
        }

    .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open .m-menu__subnav li > a .m-menu__link-text {
        color: #b5b4c2 !important;
    }

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open > .m-menu__link {
    background-color: #232638;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link:after {
    display: none;
}

.m-aside-menu .m-badge.m-badge--success {
    font-weight: bold;
}

.m-aside-menu .m-menu__nav > .m-menu__item:last-child:after {
    content: '';
    border-bottom: 1px solid #363d3f;
    position: absolute;
    bottom: -20px;
    left: 30px;
    right: 30px;
    width: calc(100% - 60px);
}

.m-topbar__nav .notification-count {
    position: absolute;
    top: 18px;
    left: 18px;
    font-weight: bold;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i:before {
    color: #9998ab;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background: unset;
}

.m-topbar .m-topbar__username {
    padding-left: 10px;
}

    .m-topbar .m-topbar__username .name-box {
        display: block;
        position: relative;
        font-size: 14px;
        line-height: 14px;
    }

        .m-topbar .m-topbar__username .name-box i {
            font-size: 10px;
            line-height: 10px;
            margin-left: 5px;
        }

    .m-topbar .m-topbar__username small {
        font-size: 10px;
        color: #afb7c7;
    }

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
    text-transform: none;
}

.m-content--skin-light2 .m-body {
    background-color: #e4ebf7;
}

.m-portlet {
    -webkit-box-shadow: 1px 1px 0 1px #DEDEDE;
    box-shadow: 1px 1px 0 1px #DEDEDE;
}

.m-portlet__head-tools .table-tools {
    margin: 0;
    padding: 0;
    float: right;
}

    .m-portlet__head-tools .table-tools li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
    }

        .m-portlet__head-tools .table-tools li a {
            text-decoration: none;
            padding: 0 2px;
        }

            .m-portlet__head-tools .table-tools li a:hover {
                text-decoration: none;
            }

            .m-portlet__head-tools .table-tools li a i {
                font-size: 14px;
            }

.m-portlet .m-portlet__head {
    padding: 0 1.5rem;
    height: 3rem;
}

.m-portlet .m-portlet__body {
    padding: 1.5rem;
    color: #515974;
}

.mcs-badge {
    width: 15px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
}

.mcs-badge-available {
    background-color: #5f8b95;
}

.mcs-badge-pending {
    background-color: #FCF4A3;
}

.mcs-badge-waiting-confirmation {
    background-color: #ba4d51;
}

.mcs-badge-scheduled {
    background-color: #af8a53;
}

.mcs-badge-Holiday {
    background-color: #ff0000;
}

.mcs-badge-OnLeave {
    background-color: #FFC4BB;
}

.mcs-badge-notWork {
    background-color: #FF8888;
}

.map-info-btns {
    text-align: right;
}

    .map-info-btns .btn:nth-child(2) {
        margin-left: 10px;
        margin-right: 10px;
    }

.btn .m-checkbox {
    margin-bottom: 0;
}

.m-checkbox span {
    border-radius: 6px;
}

.m-checkbox.all-check > span {
    border-color: #515974;
}

.m-checkbox.all-check > input:checked ~ span {
    border-color: #515974;
}

.m-checkbox > span:after {
    border: solid #515974;
}

.m-checkbox > span:after {
    margin-left: -1px;
    margin-top: -12px;
    width: 8px;
    height: 16px;
    border-width: 0 3px 3px 0 !important;
}

.checkbox-with-btn .btn {
    width: 100%;
    text-align: left;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--even > .m-datatable__cell {
    background: transparent;
}

.m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell, .m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    background: transparent;
}

.table thead th, .table td, .table th {
    border-color: #e1e7f0;
}

table th, table td {
    position: relative;
    white-space: nowrap;
}

    table th .m-checkbox > span, table td .m-checkbox > span {
        top: 50%;
        transform: translateY(-70%);
    }

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email {
    white-space: normal;
    word-break: break-all;
}

.table th {
    font-weight: bold;
}

.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: #e1e7f0;
    font-weight: bold;
}

.table a, .table a:hover {
    color: #515974;
    text-decoration: none;
}

.showing-and-select-info {
    margin: 0;
    padding: 0;
}

    .showing-and-select-info li {
        margin: 0;
        padding: 0 5px;
        list-style: none;
        display: inline-block;
        color: #515974;
    }

        .showing-and-select-info li:first-child {
            padding-left: 0;
        }

        .showing-and-select-info li:last-child {
            padding-right: 0;
        }

.m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span, .m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    color: #515974;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    color: #515974;
    font-weight: 400;
}

.unconfirmed-next-forthnight-tbl th span, .unconfirmed-next-forthnight-tbl td span {
    width: auto !important;
    min-width: auto;
    max-width: unset;
}

.unconfirmed-next-forthnight-tbl th .m-checkbox span, .unconfirmed-next-forthnight-tbl td .m-checkbox span {
    width: 18px !important;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
    margin: 0 auto 2rem auto;
}

.m-login__logo img {
    max-width: 300px;
    width: 100%;
    height: auto;
}

.m-login.m-login--2.m-login--signin .m-login__signin {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
}

.m-login.m-login--2.m-login--forget-password .m-login__forget-password {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
}

.m-login.m-login--2.m-login--signup .m-login__signup {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
}

.m-login.m-login--2.m-login--forget-password .m-login__forget-password .m-login__title {
    color: #515974 !important;
}

.m-login.m-login--2.m-login--signup .m-login__signup .m-login__title {
    color: #515974 !important;
}

.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__head .m-login__title {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 2rem;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
    margin: 0 auto;
}

    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
        padding: 1rem;
        border-radius: 0;
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
    }

        .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control.m-login__form-input--last {
            border-bottom: 1px solid #e0e0e0;
        }

    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub {
        margin-left: -15px;
        margin-right: -15px;
    }

.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__account .m-login__account-msg {
    color: #d8d8d8;
}

.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__account .m-login__account-link {
    color: #fff;
}

    .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__account .m-login__account-link:hover {
        color: #fff;
        text-decoration: none;
    }

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
    padding: 1rem 3rem;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group.has-danger .form-control-feedback {
    padding-left: 0;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
    width: 100%;
    border-radius: 5px;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head {
    margin-top: 0;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -21px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__item > .m-nav__link > .m-nav__link-text {
    color: #515974;
}

.m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__separator {
    color: #515974;
}

.m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__item > .m-nav__link > .m-nav__link-icon {
    color: #515974;
}

.pagination {
    margin-bottom: 0;
}

.page-item .page-link {
    padding: .6rem;
    border-radius: 50%;
    margin: 0 5px;
    width: 38px;
    height: 38px;
}

.page-item:first-child .page-link {
    margin-left: 0;
}

.page-item:last-child .page-link {
    margin-right: 0;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 50%;
}

.total-records-show-info .m-form__label {
    padding-right: 0 !important;
    padding-left: 1rem;
}

.total-records-show-info label {
    white-space: nowrap;
}

.custom-table-filters .filter-box {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
}

    .custom-table-filters .filter-box.select-all-box {
        min-width: 96px;
        max-width: 96px;
    }

.client-list-tbl-filters .filter-box.client-list-filter {
    min-width: 255px;
}

.custom-table-filters .show-pagination-box {
    min-width: 90px;
}

.custom-table-filters .pagination-next-prev-box {
    width: 113px;
}

.m-portlet__head-tools .table-tools li a {
    color: #515974;
    padding: 0 10px;
    display: block;
    word-break: break-all;
}

    .m-portlet__head-tools .table-tools li a:hover {
        color: #1a1f31;
    }

    .m-portlet__head-tools .table-tools li a i {
        margin-right: 10px;
    }

    .m-portlet__head-tools .table-tools li a.tbl-minus {
        margin-left: 20px;
    }

        .m-portlet__head-tools .table-tools li a.tbl-minus i, .m-portlet__head-tools .table-tools li a.tbl-close i {
            margin-right: 0;
        }
/*.client-list-menu{margin:0; display: block; width: 100%; clear: both; float: left; background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 0 1px #DEDEDE;  margin-bottom: 2.2rem; padding:8px;}*/
/*.client-list-menu li{margin:0; padding:0; list-style: none; float: left; width: 6.25%; position: relative;}
.client-list-menu li a{display: block; text-align: center; margin: 7px; position: relative; width: auto; height: auto; text-decoration: none;}
.client-list-menu li a:hover{text-decoration: none;}
.client-list-menu li a .img-box{ position: relative; width:100%;  height: 100%; line-height:normal; background:url(../../../app/media/img//bg/menu-bg.jpg) no-repeat center center; background-size: cover; border-radius: 3px; margin-bottom: 5px;}
.client-list-menu li a .img-box:after{content:'\50'; font-family: "mcs"; position: absolute; top:50%; right: -8px; transform:translateY(-50%);}
.client-list-menu li:last-child a .img-box:after{display: none;}
.client-list-menu li a .img-box i{ display: block; font-size: 1.5rem; color:#fff; padding: 28% 20%;}
.client-list-menu li a .img-box i:before{margin:0; padding:0;}
.client-list-menu li a p{margin: 0; font-size: 11px; line-height: 16px; font-weight: bold; color:#515974; min-height: 32px; word-break: break-all;}
.client-list-menu li a:hover i{color:#a0c515;}*/
.client-list-menu {
    margin: 0;
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 0 1px #DEDEDE;
    margin-bottom: 1.2rem;
    padding: 8px;
    overflow-x: auto;
}

    .client-list-menu li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        min-width: 56px;
        position: relative;
    }

        .client-list-menu li a {
            display: block;
            text-align: center;
            margin: 7px;
            position: relative;
            width: auto;
            height: auto;
            text-decoration: none;
        }

            .client-list-menu li a:hover {
                text-decoration: none;
            }

            .client-list-menu li a .img-box {
                position: relative;
                width: 40px;
                height: 40px;
                line-height: normal;
                background: url(../../../app/media/img//bg/menu-bg.jpg) no-repeat center center;
                background-size: cover;
                border-radius: 3px;
                margin: 0 auto 5px auto;
            }

                .client-list-menu li a .img-box:after {
                    content: '\50';
                    font-family: "mcs";
                    position: absolute;
                    top: 50%;
                    right: -10px;
                    transform: translateY(-50%);
                }

.m-aside-left--minimize .client-list-menu li a .img-box:after {
    right: -15px;
}

.client-list-menu li a .img-box:after {
    right: -10px;
}

.client-list-menu li:last-child a .img-box:after {
    display: none;
}

.client-list-menu li a .img-box i {
    display: block;
    font-size: 1.5rem;
    color: #fff;
    padding: 28% 20%;
}

    .client-list-menu li a .img-box i:before {
        margin: 0;
        padding: 0;
    }

.client-list-menu li a p {
    margin: 0;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    color: #515974;
}

.client-list-menu li a:hover i {
    color: #a0c515;
}

.m-portlet__head-custom {
    margin-top: -10px;
}

    .m-portlet__head-custom .table-tools {
        padding-right: 91px;
    }

.custom-title {
    font-size: 1.0625rem;
    font-weight: bold;
    color: #515974;
    border-bottom: 1px solid #ebedf2;
    padding-bottom: 15px;
}

.panel-title {
    font-size: 1.0625rem;
    font-weight: bold;
    color: #515974; /*border-bottom: 1px solid #ebedf2;*/
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/*******************Show hide buttons***************/
.showDiv {
    background: #9998ab;
    color: white;
    padding: 0 2px 1px 2px;
    margin: 0px 2px 0 2px !important;
    font-size: 11px !important;
    position: relative;
    left: -1px;
}

.hideDiv {
    background: #9998ab;
    color: white;
    padding: 0 2px 0 2px;
    margin: 0 2px 1px 2px !important;
    font-size: 11px !important;
}

.control-label .required, .form-group .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}

.custom-input-group .input-group-append .btn, .custom-input-group .input-group-append .input-group-text {
    background-color: #fff;
    border: 1px solid #ebedf2;
    border-left: 0;
    color: #71788e;
}

.custom-input-group .form-control {
    border-right: 0;
}

.form-control.focus ~ .input-group-append .btn, .form-control:focus ~ .input-group-append .btn {
    border-color: #716aca;
    color: #575962;
}

.form-control.focus ~ .input-group-append .input-group-text, .form-control:focus ~ .input-group-append .input-group-text {
    border-color: #716aca;
    color: #575962;
}

.m-typeahead .input-group .twitter-typeahead:focus ~ .input-group-append .btn {
    border-color: #716aca;
    color: #575962;
}

.custom-date-input {
    position: relative;
    z-index: 1;
}

    .custom-date-input:after {
        content: '\4e';
        font-family: 'mcs';
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .custom-date-input .form-control {
        background-color: transparent;
    }

.bootstrap-select > .dropdown-toggle {
    border-radius: 0 !important;
}

    .bootstrap-select > .dropdown-toggle:after {
        content: '\6d';
        font-family: 'mcs';
        color: #71788e;
        font-size: 10px;
        right: 1.5rem;
    }

.m-portlet__head-custom2 {
    margin-bottom: 20px;
    padding: 0 !important;
}

.table thead th {
    border-bottom: 1px solid #e1e7f0;
}

.care-workers-tbl tr th:last-child, .care-workers-tbl tr td:last-child {
    text-align: center;
}

.m-typeahead .input-group .twitter-typeahead {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.languages-spoken-tbl tr th:last-child, .brokerage-numbers-tbl tr td:last-child {
    text-align: center;
}

label samll {
    font-size: 13px;
    margin-top: 3px;
}

.m-portlet--collapse .la-minus:before {
    content: '\f2c2';
}

.search-actions {
    float: right;
}

    .search-actions .search-box, .search-actions .plus-icon-box {
        display: inline-block;
    }

    .search-actions .search-box {
        margin-right: 15px;
    }

    .search-actions .plus-icon-box a, .search-actions .plus-icon-box a:hover {
        color: #71788e;
        text-decoration: none;
    }

.m-portlet__body .m-portlet__head-text {
    font-size: 1.0625rem !important;
    font-weight: bold !important;
    color: #515974 !important;
}

.contact-persons-tbl tr th:last-child, .contact-persons-tbl tr td:last-child {
    text-align: center;
}

.service-provider-tbl tr th:last-child, .service-provider-tbl tr td:last-child {
    text-align: center;
}

.custom-table-filters .label-box {
    text-align: left !important;
    padding: 0 15px;
    flex: 1;
}

.calendar-filters .filter-box .input-box {
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
}

.calendar-filters .client-list-label {
    max-width: 114px;
}

.calendar-filters .employee-list-label {
    max-width: 138px;
}

.calendar-filters .shedule-list-label {
    max-width: 128px;
}

.calendar-filters .date-range-picker-label {
    max-width: 66px;
}

.calendar-filters .filter-box .input-box.custom-date-range-picker {
    max-width: 312px;
}

.custom-date-range-picker .input-group .input-group-append > .input-group-text, .custom-date-range-picker .input-group .input-group-prepend > .input-group-text {
    border: 0;
    background-color: transparent;
}

.custom-date-range-picker .input-group .input-group-append + .form-control:not(:focus):not(.focus) {
    border-left: 1px solid #ebedf2;
}

.calendar-above-info {
    padding: 13px 0 18px 0 !important;
    margin-bottom: 15px !important;
}

.fc table .fc-day-number {
    font-size: 2em;
}

.fc-unthemed th, .fc-unthemed td {
    border-color: #fff;
    background: #f1f1f1;
    border-width: 6px;
}

    .fc-unthemed th.fc-day-header {
        background-color: #eaeaea;
    }

        .fc-unthemed th.fc-day-header > a, .fc-unthemed th.fc-day-header > span {
            font-size: 1.2em;
            text-transform: uppercase;
            color: #444;
            font-weight: 600;
        }

    .fc-unthemed td.fc-other-month {
        background-color: #e6e6e6;
    }

    .fc-unthemed th.fc-sun, .fc-unthemed th.fc-sat {
        background-color: #7d7d7d;
    }

        .fc-unthemed th.fc-sun span, .fc-unthemed th.fc-sat span {
            color: #fff;
        }

    .fc-unthemed td.fc-today {
        border-style: solid;
    }

    .fc-unthemed td.fc-pending {
        background-color: #fe0000;
        color: #fff;
    }

    .fc-unthemed td.fc-available {
        background-color: #14d5dc;
        color: #fff;
    }

    .fc-unthemed td.fc-awaiting-confirmation {
        background-color: #fed7d8;
        color: #fff;
    }

    .fc-unthemed td.fc-scheduled {
        background-color: #608c95;
        color: #fff;
    }

    .fc-unthemed td.fc-confirmed {
        background-color: #a0c516;
        color: #fff;
    }

    .fc-unthemed td.fc-cancelled {
        background-color: #e1e1e1;
        color: #fff;
    }

.next-prev-btns {
    margin: 0;
    padding: 0;
    float: right;
}

    .next-prev-btns li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
    }

        .next-prev-btns li a {
            display: block;
            background-color: #fff;
            color: #515974;
            padding: 5px 10px;
            margin: 0 5px;
        }

            .next-prev-btns li a:hover {
                text-decoration: none;
            }

        .next-prev-btns li:last-child a {
            margin-right: 0;
        }

        .next-prev-btns li:first-child a {
            margin-left: 0;
        }


/*.show-entries-box, .showing-entries-box, .pagination-custom-box{ display: inline-block; }*/
/*.datatbl-fields{width: 100%; text-align: right;margin-top:-14px; }*/
/*.show-entries-box, .showing-entries-box{margin-right:5px;}*/


.show-entries-box, .showing-entries-box, .pagination-custom-box, .show-search-filter {
    display: inline-block;
}

.datatbl-fields {
    width: 100%;
    text-align: right;
    margin-top: -14px; /*margin-top:-42px;*/
}

.show-entries-box, .showing-entries-box, .show-search-filter {
    margin-right: 5px;
}

.show-search-filter {
    float: unset;
    margin-left: 0;
    margin-top: 7px;
}

.msc-tbl-extra-menu {
    margin: 0;
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    background-color: #232638;
    border-radius: 4px;
    box-shadow: 1px 1px 0 1px #DEDEDE;
    margin-bottom: 1.2rem;
    padding: 8px;
    overflow-x: auto;
}

    .msc-tbl-extra-menu li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .msc-tbl-extra-menu li a {
            color: #b9b9b9 !important;
            padding: 0 10px;
            display: block;
            white-space: nowrap;
        }

            .msc-tbl-extra-menu li a i {
                margin-right: 10px;
            }

            .msc-tbl-extra-menu li a:hover {
                color: #fff;
                text-decoration: none;
            }

.msc-form-menu {
    margin: 0;
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 0 1px #DEDEDE;
    margin-bottom: 1.2rem;
    padding: 8px;
    overflow-x: auto;
}

    .msc-form-menu li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .msc-form-menu li a {
            color: #575962;
            padding: 0 10px;
            display: block;
            white-space: nowrap;
        }

    .msc-form-menu a i {
        margin-right: 10px;
    }

.msc-tbl-extra-menu {
    margin: 0;
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    background-color: #232638;
    border-radius: 4px;
    box-shadow: 1px 1px 0 1px #DEDEDE;
    margin-bottom: 1.2rem;
    padding: 8px;
    overflow-x: auto;
}

    .msc-tbl-extra-menu li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .msc-tbl-extra-menu li a {
            color: #b9b9b9 !important;
            padding: 0 10px;
            display: block;
            white-space: nowrap;
        }

            .msc-tbl-extra-menu li a i {
                margin-right: 10px;
            }

            .msc-tbl-extra-menu li a:hover {
                color: #fff;
                text-decoration: none;
            }

.msc-form-menu {
    margin: 0;
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    background: rgb(250,245,226) !important;
    border-radius: 4px;
    box-shadow: 1px 1px 0 1px #DEDEDE;
    margin-bottom: 1.2rem;
    padding: 8px;
    overflow-x: auto;
}

    .msc-form-menu li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .msc-form-menu li a {
            color: #575962;
            padding: 0 10px;
            display: block;
            white-space: nowrap;
        }

    .msc-form-menu a i {
        margin-right: 10px;
    }

    .msc-form-menu li a:hover {
        color: #232638;
        text-decoration: none;
    }
/*.msc-scrollable-main-div{ max-height:400px; overflow-y: auto; overflow-x: hidden;}*/
.msc-scrollable-main-div {
    max-height: 78vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.msc-scrollable-main-div1 {
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.msc-img-upload {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 150px;
    position: relative;
    overflow: visible;
}

    .msc-img-upload img {
        display: block;
        width: 150px;
        height: 150px;
        margin-left: auto;
        margin-right: auto;
        max-height: 100%;
    }

.thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.msc-img-upload .close {
    position: absolute;
    top: 0px;
    right: -20px;
}

.panel-body .form-group:first-child .dataTables_wrapper {
    margin: -20px 10px 0;
}

.dataTables_wrapper .tableHeaderButtons {
    text-align: right;
    width: 100%;
    margin-top: -22px;
}

.msc-new-tbl-search {
    position: relative;
    margin-right: 5px;
    margin-top: -10px;
}
    /*.msc-new-tbl-search:after{content: '\f002';font-family: 'FontAwesome'; position: absolute;right: 5px; top: 50%; transform: translateY(-50%); z-index: 0; }*/
    .msc-new-tbl-search:after {
        font-family: 'FontAwesome';
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0;
    }

.dataTables_filter .btnTableNew {
    line-height: 25px;
    margin-top: -4px;
}

iframe.widget-content {
    border: 0;
    padding: 0 15px;
    width: 100%;
    overflow: hidden;
    height: 1000px;
    background-color: #fff;
    border-radius: 4px;
}
/*old height:766px;*/
iframe div#pageCommunicationTitle {
    background: #fff;
}

.date-range-devider {
    width: auto;
    padding: 0 10px;
    display: inline-block;
}

.date-range-picker {
    float: left;
    display: inline-block;
    margin-top: 15px;
}

.custom-search {
    position: relative;
}

    .custom-search input {
        background: url(../media/img/misc/search-icon.png) no-repeat center right 5px;
        background-size: 13px;
        padding-right: 25px;
    }

.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {
    width: 33px;
    height: 32px;
}

.dataTables_wrapper .pagination .page-item:hover > .page-link {
    background-color: #33374e;
}

.form-control[readonly], .form-control, .btn.btn-default, .btn.btn-secondary {
    border-color: #d7d8da;
}

.select-all-box .m-checkbox > span {
    top: -2px;
}

.cra-btn {
    background-color: #33374E;
    color: #fff;
}

    .cra-btn:hover {
        background-color: #24273A;
        color: #fff;
    }

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.modal-dialog.modal-full-screen {
    width: calc(100% - 40px);
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff !important;
    height: auto;
    overflow: scroll;
    max-width: unset;
}

    .modal-dialog.modal-full-screen .modal-content {
        box-shadow: none !important;
        border: 0 !important;
        overflow: auto;
    }

.modal .modal-content .modal-header {
    padding: 10px;
}

    .modal .modal-content .modal-header .close {
        margin-top: 0;
    }

.modal .modal-content .modal-body {
    padding: 0 10px 10px 10px;
    margin-top: 10px;
}

.modal-header .formModalButtons > :not(:last-child) {
    margin-right: .25rem;
}

.modal-header .formModalButtons > :not(:first-child) {
    margin-left: .25rem;
}

.btn {
    padding: 0.60rem 0.5rem;
}

.form-control {
    padding: 0.60rem 0.5rem;
    height: calc(2.45rem + 2px);
}

div.dataTables_wrapper div.dataTables_length select {
    width: 45px;
    border-radius: 0;
}

.gradient-btns {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #3F4659;
    border-radius: 4px;
}

    .gradient-btns li {
        margin: 10px;
        padding: 6px 15px;
        display: inline-block;
        text-align: center;
        color: #fff;
        border-radius: 4px;
        background: #519e98;
        background: -moz-linear-gradient(top, #519e98 0%, #7fa574 100%);
        background: -webkit-linear-gradient(top, #519e98 0%,#7fa574 100%);
        background: linear-gradient(to bottom, #519e98 0%,#7fa574 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519e98', endColorstr='#7fa574',GradientType=0 );
    }

        .gradient-btns li:hover {
            background: #7fa574;
            background: -moz-linear-gradient(top, #7fa574 0%, #519e98 100%);
            background: -webkit-linear-gradient(top, #7fa574 0%,#519e98 100%);
            background: linear-gradient(to bottom, #7fa574 0%,#519e98 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fa574', endColorstr='#519e98',GradientType=0 );
        }

        .gradient-btns li i {
            margin-right: 5px;
        }

.notes-listing {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.communication-page-filters {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .communication-page-filters .date-range-picker {
        margin-top: 0;
    }

.calendar-above-info {
    height: auto !important;
}

.bootstrap-select > .dropdown-toggle {
    padding-top: .60rem;
    padding-bottom: .60rem;
    padding-left: 1rem;
}

    .bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
        border-color: #d7d8da;
    }

.calendar-above-info .mcs-badge {
    margin-left: 5px;
}

.calendar-filters.custom-table-filters .filter-box.date-range-picker-filter-box {
    margin-bottom: 0;
}

.calendar-filters .date-range-picker {
    margin-top: 0;
}

.calendar-filters .date-range-picker-label {
    padding-top: .85rem;
    padding-bottom: calc(.85rem + 1px);
    line-height: 1.25;
}

#formBuilder {
    padding: 1.5rem;
}

    #formBuilder .panel .panel-body {
        padding: 0;
    }

        #formBuilder .panel .panel-body .m-portlet__body {
            padding: 0;
        }

    #formBuilder .m-portlet {
        box-shadow: none;
    }

    #formBuilder .uiItem {
        width: 100%;
    }

.panel-options a:hover {
    text-decoration: none;
}

.custom-input-group .input-group-append .btn, .custom-input-group .input-group-append .input-group-text {
    border-color: #d7d8da;
}

.custom-search-datatbl-main {
    float: left;
    padding: 0;
    margin-top: 4px;
}

    .custom-search-datatbl-main div.dataTables_filter {
        text-align: left !important;
        position: relative;
    }

        .custom-search-datatbl-main div.dataTables_filter input {
            margin-left: 0 !important;
        }

.datefilters-box {
    margin-top: 0;
    padding: 0 15px;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin: 0 !important;
}

.select-type-box {
    max-width: 225px;
    padding-right: 7px;
}

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

.pad-t-5 {
    padding-top: 5px !important;
}

.pad-b-5 {
    padding-top: 5px !important;
}

.pad-t-15 {
    padding-top: 15px !important;
}

.pad-b-15 {
    padding-bottom: 15px !important;
}

.mar-0 {
    margin: 0px !important;
}

.mar-b-15 {
    margin-bottom: 15px !important;
}

.custom-row {
    margin-left: -15px;
    margin-right: -15px;
}

.pad-l-0 {
    padding-left: 0 !important;
}

.pad-r-0 {
    padding-right: 0 !important;
}

.pad-t-0 {
    padding-top: 0 !important;
}

.pad-b-0 {
    padding-bottom: 0 !important;
}

.modal-dialog.modal-full-screen .modal-content {
    overflow-x: hidden;
}

.m-portlet {
    margin-bottom: 1.2rem;
}

.m-body .m-content {
    padding: 15px 15px 5px 15px;
}

.bor-bt-0 {
    border-bottom: 0;
}

.notification-count {
    border-radius: 50%;
}

.m-subheader {
    padding: 15px 15px 0 15px;
}

#m_calendar {
    width: 90% !important;
    margin: 0 auto !important;
}

.modal-dialog, .modal-open .modal {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.modal .msc-scrollable-main-div {
    max-height: 72vh !important;
    overflow: visible;
}

.modal .modal-body {
    height: 75vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.client-list-tbl-filters .datafilters-box-for-single-line .filter-box.client-list-filter {
    padding-left: 0;
    min-width: 235px;
    width: 100%;
    max-width: 235px;
}

.right-alined-search {
    float: unset;
}

.m-aside-left--minimize .single-line-tbl-filters {
    margin-top: -80px;
}

.single-line-tbl-filters1 {
    margin-top: 0px;
}

.m-aside-left--minimize .panel-query {
    top: -10px;
    right: 15px;
}

.single-line-tbl-filters {
    float: right;
    width: auto;
}

.datafilters-box-for-single-line .filter-box.select-all-box {
    min-width: 85px;
    max-width: 85px;
}

.datafilters-box-for-single-line .filter-box {
    padding-left: 10px;
    padding-right: 10px;
}

.client-list-tbl-filters .datafilters-box-for-single-line .filter-box.client-list-filter {
    margin-bottom: 0.4rem !important;
}




/*Added by Monika-----------------------------*/
.redBackground {
    background: RGB(255,138,138) !important;
}

.greenBackground {
    background: RGB(179,255,179) !important;
}

.orangeBackground {
    background: RGB(255,197,138) !important;
}

.darkRedBackground {
    background: RGB(255,66,66) !important;
    color: black !important;
}

btn.Scheduled {
    background-color: #608c95 !important;
}

btn.UnConfirmed {
    background-color: #FFD7F6 !important;
}

btn.Completed {
    background-color: #D0EDB6 !important;
}

.loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.loader {
    display: block;
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -50px;
    margin-top: -100px;
    z-index: 2;
    overflow: auto;
}

#spinner {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: url(../Assets/images/loader.gif) no-repeat center transparent;
    text-align: center;
    padding: 10px;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 3;
    overflow: auto;
    background-size: 100%;
}

.bodyBackground {
    filter: blur(2px);
}

loader-overlay {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}

.accounting-btn-block {
    float: left;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    margin-top: 2px;
}

    .accounting-btn-block .btn.tableID {
        background-color: rgb(203, 231, 232);
        margin-bottom: 5px;
        color: rgba(56,165,172,1);
    }

        .accounting-btn-block .btn.tableID.selected {
            background-color: rgba(56,165,172,1);
            color: #fff;
        }

.row-disabled {
    pointer-events: none;
}

.DaysDiv input[type=checkbox] {
    width: 16px;
    float: left;
}

.form-group.DaysDiv .col-sm-8 label {
    float: left;
    padding-right: 5px;
    margin: 2px 5px;
}

.accountingSearchRow {
    margin-left: -2.5%;
    margin-top: -41px;
}

.accountingSearchRowGetData {
    margin-left: 0.5%;
    margin-top: 0px;
}

#previewResultAccounting .single-line-tbl-filters {
    margin-top: 0px !important;
}

span.rq-sym:after {
    content: " *";
    color: red;
    display: inline-block;
}

.OrgnisationName {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    display: table-cell;
    vertical-align: middle;
    /*text-transform: uppercase;*/
    font-weight: 400;
    text-align: center;
    color: #6def30;
    padding-left: 10px;
    width: 100%;
    text-align: center;
    left: 0;
    top: 33px;
    z-index: -1;
}




svg.dxc.dxc-chart {
    width: 100% !important;
}

.show {
    display: block !important;
}

.margintop25 {
    margin-top: 15px; /*-25px;*/
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    padding: 1px 5px;
    white-space: nowrap;
    text-align: left;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 100;
    background-color: #ffffff;
    z-index: 100;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

.ui-front {
    z-index: 100;
}

.PayrollListSelect {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: -6PX;
    margin-bottom: -6PX;
}

.notification-info .line {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding: 0 5px 0 0;
    font-size: 1rem;
    color: #575962;
}

    .notification-info .line small time {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        width: 80px;
        padding: 0 7px 0 0;
        font-size: .85rem;
        color: #7b7e8a;
    }

.page-title .breadcrumb-env {
    background-color: transparent;
}

.m-nav {
    padding: -1px !important;
}

#formWrapper iframe {
    border: none;
    width: 100%; /*height: 100%;*/
}

label.rq-sym:after {
    content: " *";
    color: red;
    display: inline-block;
}
.fa-question-circle:before {
     color: #539db5;
}
.dataTables_wrapper {
    width: 100%;
}

.formContent {
    width: 100%;
}

.panel .panel-heading > .panel-options a[data-toggle=panel] span {
    display: block;
    font-size: 16px;
    text-align: center;
}

    .panel .panel-heading > .panel-options a[data-toggle=panel] span.expand-icon {
        display: none;
        font-size: 16px;
    }

.panel .panel-heading > .panel-options a[data-toggle=remove] {
    font-size: 16px;
}

.panel .panel-heading > .panel-options {
    float: right;
    font-size: 13px;
    margin-top: -4%;
}

.panel-title .tableHeaderButtons {
    font-size: 14px;
    text-align: right;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-overlay {
    position: absolute;
    top: -11px;
    left: 165px;
}

.tt-menu .tt-suggestion {
    padding: 1px 5px;
    white-space: nowrap;
}

.input-group span.twitter-typeahead {
    display: block !important;
}

span.twitter-typeahead {
    width: 100%;
}

.m-typeahead .tt-menu {
    min-width: calc(100% + 32px);
    background-color: #ffffff;
}

.tt-menu {
    min-width: calc(100% + 32px);
    background-color: #ffffff;
}

.m-typeahead .tt-menu .tt-suggestion {
    padding: 1px 5px;
    white-space: nowrap;
    text-align: left;
}

.lookup-actions {
    float: right;
}

.lookup-footer {
    position: absolute;
    margin: 5px;
    font-style: italic;
}

.lookup-actions div {
    float: right;
    margin: 5px;
}

/* override the absolute-positioned box */
label.error {
    position: static; /* let it flow in normal document flow */
    display: block; /* new line under the input */
    margin-top: 0.25rem; /* small spacing below the input */
    background: none; /* remove the red box */
    color: #d9534f; /* Bootstrap "danger" red */
    font-size: 1em; /* smaller text */
    font-weight: normal;
    line-height: normal;
    height: auto;
    padding: 0;
}
    /* a red box before the error */
    label.error::before {
        content: "";
        position: absolute;
        margin-left: -1.25rem; /* place it in the reserved space */
        width: 8px;
        height: 28px;
        background-color: #d9534f;
        top: 0; /* vertically align with text */
        border-radius: 2px; /* optional rounded box */
    }

label.valid {
    display: none !important;
}

.hide {
    display: none !important;
}

.noteList {
    width: 100%;
}

.communicationWrapper {
    width: 100%;
}

.formButtons {
    display: none;
}

.pull-right {
    float: right !important;
}

.panel-filter {
    display: none;
}

.rules-group-container {
    width: 100% !important;
}

#result-table th {
    font-size: 9px;
    padding: 17px;
    margin: 0;
    font-weight: normal !important;
}

#result-table td {
    border-color: #eee !important;
}

.img-circle {
    border-radius: 50%;
}

.mcs-badge-available {
    background-color: #15d6db;
}

.mcs-badge-Scheduled {
    background-color: #C9E0F8;
}

.mcs-badge-Completed {
    background-color: #D0EDB6;
}

.mcs-badge-Cancelled {
    background-color: #b5b4c2;
}

.mcs-badge-Awaiting {
    background-color: #FFD7F6;
}

.mcs-badge-waiting-confirmation {
    background-color: #fb6666;
}

.mcs-badge-Awaiting-green {
    background-color: #bbf1a2;
}

.mcs-badge-pending {
    background-color: #FCF4A3;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.3rem !important;
    font-weight: 500;
    font-family: Roboto;
}

.fc-unthemed .fc-event .fc-time {
    display: none !important;
}

.fc-basic-view .fc-body .fc-row {
    height: 80px !important;
}

.fc-unthemed a.fc-more {
    font-size: 0.95rem;
    font-weight: bold;
    color: green;
}

.tab-content > .active {
    margin-top: 1.6% !important;
}

.msc-tbl-extra-menu li a:hover {
    color: #6def30 !important;
}
/*.modal-backdrop{display:none;}*/
.m-portlet {
    background-color: #fdfdfd;
}


.m-aside-menu .m-menu__nav .m-menu__subnav {
    background-color: #2C3539;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu .m-menu__subnav > .m-menu__item > .m-menu__submenu .m-menu__subnav {
    background-color: #4C4646;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text:hover {
    color: #6def30 !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon:hover {
    color: #6def30 !important;
}

.form-control[disabled] {
    border-color: #d7d8da !important;
}

.m-brand {
    width: 215px;
    padding: 0px 15px;
}

.m-aside-left {
    width: 215px;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link:hover .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link.active .m-menu__link-text {
    color: #6def30 !important;
}

.form-group {
    margin-bottom: 0.4rem !important;
}

.modal .modal-content .modal-header .modal-title {
    font-weight: 500;
    font-size: 1.4rem;
}

.select-info {
    display: none !important;
}

.single-line-tbl-filters-forSelectGrid {
    float: right;
    width: auto;
    margin-top: -43px;
}

.single-line-tbl-filters-Communication {
    float: right;
    width: auto;
    margin-top: -68px;
}

.IframeBody .ExtraDateFilter {
    margin-top: -80px;
}


.verticalScrollHeight {
    overflow-y: auto;
    height: 77vh;
}
/*------------------------------------------------------*/

/*.show-search-filter {
    float: left;
    margin-left: 705px;
    margin-top: 2px;
}
.datatbl-fields {
    width: 100%;
    text-align: right;
    margin-top: -37px;
}
.margin-bottom-24 {
    margin-bottom: -24px!important;
}*/

.BlueBackground {
    background-color: #337ab7 !important;
    color: #fff !important;
}

.WhiteBackground {
    color: #337ab7 !important;
    background-color: #fff !important;
}

#btnDeleteSelected {
    margin-right: 10px;
    margin-left: 10px;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .tooltip.fade.in {
        opacity: 1;
    }

/*css added by designer on 10-5-2019*/
.dataTables_scrollBody {
    height: auto !important;
}


.dashboard-table-block .col-6 .right-alined-search, .dashboard-table-block .col-4 .right-alined-search {
    float: left;
    width: 50%;
    margin-top: 0;
}

.dashboard-table-block .col-6 .show-entries-box, .dashboard-table-block .col-4 .show-entries-box {
    float: right;
    width: 45%;
}

.dashboard-table-block .col-6 .showing-entries-box, .dashboard-table-block .col-4 .showing-entries-box {
    float: left;
    width: 50%;
    text-align: left;
    margin-top: 10px;
}

.dashboard-table-block .col-6 .pagination-custom-box, .dashboard-table-block .col-4 .pagination-custom-box {
    float: right;
    width: 45%;
    margin-top: 10px;
}

.dashboard-table-block .row.align-items-center.datafilters-box-for-single-line {
    display: none;
}

.dashboard-table-block .single-line-tbl-filters {
    margin-top: -40px !important;
}

.dashboard-table-block .col-12 .single-line-tbl-filters {
    margin-top: -50px !important;
}

.dashboard-table-block .col-6 div.dataTables_wrapper div.dataTables_filter input,
.dashboard-table-block .col-6 div.dataTables_wrapper div.dataTables_filter label,
.dashboard-table-block .col-4 div.dataTables_wrapper div.dataTables_filter input,
.dashboard-table-block .col-4 div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
}

.ajaxBusy {
    position: fixed;
    left: 50%;
    top: 35%;
    display: block;
    z-index: 9999;
    height: 18%;
    width: 7%;
}

#myProgress {
    width: 100%;
    background-color: #fff;
}

#myBar {
    width: 1%;
    height: 30px;
    background-color: #4CAF50;
}

#spinner {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 26%;
    left: 50%;
    background: url(../../../../../Assets/images/loader.gif) no-repeat center transparent;
    text-align: center;
    padding: 10px;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 9999;
    overflow: auto;
    background-size: 100%;
}


/** SPINNER CREATION **/

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    top: 26%;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

#loadMe {
    z-index: 9999;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}



/*--------------------------Responsive Media Quries---------------------------*/

@media (min-width: 1025px) {
    .m-header {
        height: 80px;
    }

    .m-header--fixed .m-body {
        padding-top: 80px !important;
    }

    .m-aside-left--minimize .profile-and-search-box {
        padding-left: 0;
        padding-right: 0;
    }

        .m-aside-left--minimize .profile-and-search-box .profile-box .m-sidebar__userpic {
            padding-left: 10px;
            padding-right: 10px;
        }

        .m-aside-left--minimize .profile-and-search-box .profile-box .m-dropdown, .m-aside-left--minimize .profile-and-search-box .profile-box .m-dropdown small, .m-aside-left--minimize .profile-and-search-box .search-box {
            display: none;
        }

    .m-portlet.m-portlet--full-height .m-portlet__body {
        height: calc(100% - 1.5rem - 1.5rem);
    }

    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
        margin-left: 215px;
    }
}

@media (max-width: 1800px) {
    .client-list-menu li {
        width: 6.4%;
    }

        .client-list-menu li:nth-child(8) a .img-box:after {
            display: none;
        }

    .custom-table-filters .filter-box.client-filter-box, .custom-table-filters .filter-box.employee-filter-box, .custom-table-filters .filter-box.shedule-filter-box {
        width: 23%;
    }

    .custom-table-filters .filter-box.date-range-picker-filter-box {
        width: 31%;
    }
    /*.ExtraDateFilter {margin-top: -80px;}*/

}

@media (max-width: 1366px) {
    .m-portlet__head-custom .table-tools {
        padding-right: 0;
    }

    .m-portlet__head-tools .table-tools li a.tbl-minus {
        margin-left: 0;
    }

    .custom-table-filters .filter-box.client-filter-box, .custom-table-filters .filter-box.employee-filter-box, .custom-table-filters .filter-box.shedule-filter-box {
        width: 50%;
    }

    .custom-table-filters .filter-box.date-range-picker-filter-box {
        width: 50%;
    }

    .custom-table-filters .filter-box.client-filter-box, .custom-table-filters .filter-box.employee-filter-box {
        margin-bottom: 15px;
    }

    .calendar-filters .client-list-label, .calendar-filters .employee-list-label, .calendar-filters .shedule-list-label, .calendar-filters .date-range-picker-label {
        max-width: 138px;
    }

    .calendar-filters .filter-box .input-box.custom-date-range-picker {
        max-width: unset;
    }
    /*Added by Monika*/
    .single-line-tbl-filters-forSelectGrid {
        float: right;
        width: auto;
        margin-top: -43px;
    }

    .single-line-tbl-filters-Communication {
        margin-top: -68px;
    }

    .IframeBody .ExtraDateFilter {
        margin-top: -80px;
    }
    /*-----------------*/
}

@media (max-width: 1300px) {
    .m-aside-left--minimize .single-line-tbl-filters {
        margin-top: 10px;
        margin-bottom: 0;
    }


    /*Added by Monika*/
    .single-line-tbl-filters-forSelectGrid {
        float: right;
        width: auto;
        margin-top: -43px;
    }

    .single-line-tbl-filters-Communication {
        margin-top: -68px;
    }

    .single-line-tbl-filters {
        margin-top: -80px;
    }

    #previewResultAccounting .single-line-tbl-filters {
        margin-top: 0px !important;
    }

    .single-line-tbl-filters1 {
        margin-top: -80px;
    }


    .IframeBody .single-line-tbl-filters1 {
        margin-top: 0px;
    }

    .IframeBody .ExtraDateFilter {
        margin-top: 0px;
    }

    .m-aside-left--minimize .ExtraDateFilter {
        margin-top: -80px;
    }

    .IframeMainBodyMinimized .ExtraDateFilter {
        margin-top: -80px;
    }

    .IframeMainBodyMaximized .ExtraDateFilter {
        margin-top: 0px;
    }

        .IframeMainBodyMaximized .ExtraDateFilter.single-line-tbl-filters1 {
            margin-top: 0px;
        }

    .IframeMainBodyMinimized .ExtraDateFilter.single-line-tbl-filters1 {
        margin-top: 0px;
    }
    /*.IframeBody  .single-line-tbl-filters {margin-top: 0px;}*/

    /*-----------------*/


}

@media (max-width: 1200px) {
    .m-portlet .m-portlet__head {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .table-tools.extra-tools {
        display: block;
        width: 100%;
    }

    .custom-table-filters .filter-box.client-filter-box, .custom-table-filters .filter-box.employee-filter-box, .custom-table-filters .filter-box.shedule-filter-box {
        width: 100%;
    }

    .custom-table-filters .filter-box.date-range-picker-filter-box {
        width: 100%;
    }

    .custom-table-filters .filter-box.shedule-filter-box {
        margin-bottom: 15px;
    }

    .fc-unthemed th.fc-day-header > a, .fc-unthemed th.fc-day-header > span {
        font-size: 1em;
    }

    .fc table .fc-day-number {
        font-size: 1.8em;
    }
}

@media (max-width: 1024px) {
    .m-brand .m-brand__logo, .m-brand .m-brand__tools {
        height: auto !important;
    }

    .m-header--fixed-mobile.m-topbar--on .m-topbar {
        background-color: #505161;
    }
    /*.custom-tbl-layout{padding-top: 0!important;}*commented by monika*/
    .custom-tbl-layout {
        padding-top: 0;
    }
        /*change by monika for Select all checkbox and Status dropdown on Tab Menu listings*/
        .custom-tbl-layout .custom-table-filters.m--margin-bottom-20 {
            margin-bottom: 0 !important;
        }

    .custom-table-filters .filter-box.total-records-show-info {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .custom-table-filters .filter-box .m-form__group {
        padding-top: 0;
        padding-bottom: 0;
    }

    .custom-table-filters .filter-box.client-filter-box, .custom-table-filters .filter-box.employee-filter-box, .custom-table-filters .filter-box.shedule-filter-box {
        width: 50%;
    }

    .custom-table-filters .filter-box.date-range-picker-filter-box {
        width: 50%;
    }

    .custom-table-filters .filter-box.client-filter-box, .custom-table-filters .filter-box.employee-filter-box {
        margin-top: 15px;
    }

    .custom-table-filters .filter-box.date-range-picker-filter-box {
        margin-bottom: 15px;
    }

    .fc-unthemed th.fc-day-header > a, .fc-unthemed th.fc-day-header > span {
        font-size: 18px;
    }

    .fc table .fc-day-number {
        font-size: 24px;
    }

    /*added by monika-------------------------------*/
    .m-brand {
        width: 100%;
    }

    .single-line-tbl-filters-Communication {
        margin-top: 0px;
    }

    single-line-tbl-filters-forSelectGrid {
        margin-top: 0px;
    }

    .single-line-tbl-filters {
        margin-top: 0px !important;
    }

    .single-line-tbl-filters1 {
        margin-top: 0px !important;
    }

    .IframeBody .single-line-tbl-filters1 {
        margin-top: 0px;
    }

    .IframeBody .ExtraDateFilter {
        margin-top: 0px;
    }
    /*----------------------------------------------*/
    /*added by desinger on 10-05-2019*/
    .single-line-tbl-filters {
        margin-top: -28px !important;
        width: 100%;
        text-align: center;
        margin-left: 0;
        float: left;
    }

    .filter-box.client-list-filter {
        width: auto !important;
        float: left;
    }

    div#widgetcontent, div#formWrapper {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    iframe.widget-content {
        width: 994px;
        max-width: 994px;
    }

    .single-line-tbl-filters-Communication {
        margin-top: -20px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    #widget-communication .datefilters-box > div {
        width: 50%;
        max-width: 50%;
    }

        #widget-communication .datefilters-box > div .custom-date-input {
            position: relative;
            z-index: 1;
            width: 46%;
        }

    .single-line-tbl-filters-Communication.margin-m-50 {
        margin-top: -69px;
    }

    .single-line-tbl-filters-Communication.margin-m-50 {
        margin-top: -69px;
        float: right;
        width: auto;
    }
}


@media (max-width: 991px) {
    .custom-table-filters .filter-box.client-filter-box, .custom-table-filters .filter-box.employee-filter-box, .custom-table-filters .filter-box.shedule-filter-box {
        width: 100%;
    }

    .custom-table-filters .filter-box.date-range-picker-filter-box {
        width: 100%;
    }

    .fc-unthemed th.fc-day-header > a, .fc-unthemed th.fc-day-header > span {
        font-size: 16px;
    }

    .fc table .fc-day-number {
        font-size: 22px;
    }

    div#widgetcontent, div#formWrapper {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    iframe.widget-content {
        width: 961px;
        max-width: 961px;
    }

    #widget-communication .datefilters-box > div .custom-date-input {
        position: relative;
        z-index: 1;
        width: 44%;
    }

    #previewdocs_wrapper .col-sm-12.col-md-6 {
        width: 50%;
        float: left;
        max-width: 50%;
        flex: 50%;
    }

    iframe.iframe-2 {
        min-height: 1300px;
    }

    .dashboard-table-block .col-4 {
        width: 50%;
        max-width: 50%;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .datafilters-box-for-single-line .filter-box.select-all-box {
        float: none;
        display: inline-block;
    }

    .row.align-items-center.datafilters-box-for-single-line {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .m-form.m-form--label-align-right.margin-bottom-20.custom-table-filters.client-list-tbl-filters {
        text-align: center;
    }

    .client-list-tbl-filters .datafilters-box-for-single-line .filter-box.client-list-filter {
        margin-bottom: 0.4rem !important;
        display: inline-block;
        float: none;
    }

    .datafilters-box-for-single-line .date-range-picker-box {
        display: inline-block;
    }

    #widget-communication .datefilters-box > div {
        width: 50% !important;
        max-width: 50% !important;
    }

        #widget-communication .datefilters-box > div .custom-date-input {
            position: relative;
            z-index: 1;
            width: 46%;
        }

    #form .col-md-4 .form-group span b {
        word-break: break-all;
    }

    #serviceScheduleNotification #previewResult .col-sm-12.col-md-6 {
        width: 50%;
        max-width: 50%;
    }
}

@media (max-width:800px) {
    div#widgetcontent, div#formWrapper {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }


    iframe.widget-content {
        width: 770px !important;
        max-width: 770px;
    }

    .communication-page-filters .custom-date-input {
        width: 44%;
    }

    #serviceScheduleNotification #previewResult .col-sm-12.col-md-6 {
        width: 50%;
        max-width: 50%;
    }
}

@media (max-width:768px) {
    div#widgetcontent, div#formWrapper {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    iframe.widget-content {
        width: 738px !important;
        max-width: 738px;
    }
}

@media (max-width: 767px) {
    .custom-tbl-layout .custom-table-filters .justify-content-end {
        justify-content: flex-start !important;
    }

    .custom-table-filters .filter-box, .custom-table-filters .filter-box.select-all-box, .client-list-tbl-filters .filter-box.client-list-filter {
        min-width: 50%;
    }

    .custom-table-filters .m-form .m-form__group {
        margin-bottom: 15px;
    }

    .client-list-menu li {
        width: 25%;
    }

        .client-list-menu li:nth-child(4n) a .img-box:after {
            display: none;
        }

        .client-list-menu li a .img-box i {
            padding: 10% 20%;
        }

    .fc-unthemed th.fc-day-header > a, .fc-unthemed th.fc-day-header > span {
        font-size: 14px;
    }

    .fc table .fc-day-number {
        font-size: 20px;
    }

    #m_calendar {
        width: 100% !important;
    }
    /*added by monika--------------------------*/
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    /*------------------------------------------*/
    .single-line-tbl-filters {
        margin-top: -20px !important;
    }

    .date-range-picker-box {
        margin: 10px auto 0;
    }

    .client-list-tbl-filters .datafilters-box-for-single-line .filter-box.client-list-filter {
        min-width: 50%;
    }

    div#widgetcontent, div#formWrapper {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    iframe.widget-content {
        width: 100%;
        max-width: 100%;
    }

    .communication-page-filters .m-typeahead {
        margin-top: 10px;
    }

    iframe.iframe-2 {
        min-height: auto;
    }

    .dashboard-table-block .col-6, .dashboard-table-block .col-4, .dashboard-table-block .col-3 {
        max-width: 100%;
        width: 100%;
        display: inline-block;
    }

    .dashboard-table-block .form-group.filter-box.select-all-box {
        top: 0;
    }

    .row.col-md-12.dashboard-table-block {
        margin: 0;
        padding: 0;
    }

    .dashboard-table-block .col-4 {
        width: 100%;
        max-width: 100%;
    }
}


@media (max-width:742px) {
    #widget-communication .datefilters-box > div {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 576px) {
    .custom-tbl-layout .custom-table-filters .justify-content-end {
        justify-content: flex-start !important;
    }

    .custom-table-filters .filter-box, .custom-table-filters .filter-box.select-all-box, .client-list-tbl-filters .filter-box.client-list-filter {
        min-width: 100%;
    }

    .page-item .page-link {
        margin-bottom: 15px;
    }

    .custom-table-filters .label-box, .calendar-filters .filter-box .input-box {
        width: 100%;
        display: block;
        max-width: unset;
        flex: unset;
    }

    .custom-table-filters .label-box {
        margin-bottom: 15px;
        padding-top: 0 !important;
    }

    .custom-table-filters .filter-box.employee-filter-box, .custom-table-filters .filter-box.shedule-filter-box, .custom-table-filters .filter-box.date-range-picker-filter-box {
        margin-top: 0;
    }

    .client-list-tbl-filters .datafilters-box-for-single-line .filter-box.client-list-filter {
        padding-left: 10px;
        margin-top: 10px;
        max-width: 100%;
    }

    .filter-box.client-list-filter {
        width: 100% !important;
        float: left;
    }

    #widget-communication .datefilters-box > div .custom-date-input {
        position: relative;
        z-index: 1;
        width: 43%;
    }

    .datatbl-fields.report_filter > div {
        width: 50%;
        float: left;
        margin: 0;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .single-line-tbl-filters-Communication.margin-m-50 {
        margin-top: -30px;
    }

    .select-for-mobile {
        max-width: 100%;
        padding-right: 0;
        width: 100%;
    }

    .single-line-tbl-filters-Communication.margin-m-50 {
        float: right;
        width: 100%;
    }
}

@media (max-width: 480px) {
    /*.client-list-menu li{width: 50%;}
	.client-list-menu li:nth-child(2n) a .img-box:after{display: none;}*/
    .single-line-tbl-filters {
        margin-top: -10px !important;
    }

    #previewdocs_wrapper .col-sm-12.col-md-6 {
        width: 100%;
        max-width: 100%;
        text-align: center;
        float: left;
    }

        #previewdocs_wrapper .col-sm-12.col-md-6 .pull-left, #previewdocs_wrapper .col-sm-12.col-md-6 .pull-right {
            float: none !important;
        }
}

@media (min-width: 1430px) {
    .single-line-tbl-filters {
        margin-top: -80px;
    }

    .dashboard-table-block .form-group.filter-box.select-all-box {
        position: relative;
        top: -10px;
        z-index: 9;
    }
}


@media (max-width:384px) {
    .date-range-devider {
        width: auto;
        padding: 0 3px;
        display: inline-block;
    }
}

@media (max-width:360px) {
    label.dataTables_filter.filter_calendar_input.custom-date-input {
        width: 43.5%;
        margin: 0 5px;
    }

    #previewdocs_wrapper .col-sm-12.col-md-6 {
        width: 100%;
        max-width: 100%;
        text-align: center;
        float: left;
    }

    #widget-communication .datefilters-box > div .custom-date-input {
        position: relative;
        z-index: 1;
        width: 42%;
    }
}

@media (max-width:320px) {
    label.dataTables_filter.filter_calendar_input.custom-date-input {
        width: 42.5%;
        margin: 0 5px;
    }

    #widget-communication .datefilters-box > div .custom-date-input {
        position: relative;
        z-index: 1;
        width: 41%;
    }
}

@media (max-width:1024px) {
    .OrgnisationName {
        width: auto;
        left: auto;
        top: 25px;
        z-index: 3;
        right: 110px;
    }
}

@media (max-width: 360px) {
    .OrgnisationName {
        right: 85px;
        font-size: 12px;
    }
}