/*@import url('file:///C:\Users\ajdin\source\repos\EmaHealth-Web-API\BizTrack.HWM.Web\wwwroot\app\css\custom.css');*/
* :not(i) {
    font-family: Poppins !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

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

.select2-img-size {
    height: 38px !important;
    width: 38px !important;
}

.select2-sm-img-size {
    height: 29px !important;
    width: 29px !important;
}

.select2-selection__placeholder {
    color: #282a3c !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single {
    position: relative;
}

    .select2-container--default .select2-selection--single::after {
        content: "\f002";
        /*font-family: 'Font Awesome 5 Free';*/
        font-weight: 600; /* Adjust weight as needed */
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 1rem;
        color: #9d9d9d; /* Change the color as desired */
    }

.m-portlet {
    margin-bottom: 20px;
    border-bottom: 0px;
}

.cursor-default{
    cursor: default !important;
}

.em-portlet {
    margin-bottom: 20px;
    background: #eaeaf0 !important;
}

.em-portlet__body__filter {
    background-color: white;
    padding: 20px 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.em-portlet__head-progress {
    border-bottom: 0px solid transparent;
}

.validation-summary-errors ul {
    margin-bottom: 0px !important;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
}

/*.m_datatable .m-datatable__table .m-datatable__head {
    height: 0px;
    opacity: 0;
}*/

.m_datatable .m-datatable__table .m-datatable__tbody {
    border-radius: 0 0 8px 8px;
    background-color: white !important;
}

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

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row {
    background-color: white !important;
}

.m-datatable__pager {
    border-radius: 0 0 8px 8px;
    background-color: #ffff !important;
    margin-top: 0px !important;
    padding: 5px;
}

.em-portlet {
    margin-bottom: 20px;
    background: #eaeaf0 !important;
}

.em-portlet__body__filters {
    background-color: white;
    padding: 15px 10px;
    border-radius: 10px;
}

.em-portlet__head-progress {
    border-bottom: 0px solid transparent;
}

.checkSubmit {
    border-color: #a3a3a3;
}

    .checkSubmit:focus {
        border-color: black;
    }

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

.form-section-title {
    color: #3f4047;
    font-weight: 400;
    font-size: 1.2rem;
}

.m-portlet .m-portlet__head {
    height: auto !important;
    min-height: 5.1rem !important;
}


.em-portlet .em-portlet__head {
    height: auto !important;
    min-height: 5.1rem !important;
    border-bottom: none;
    padding: 15px 10px; /*28.6px;*/
    display: flex;
}

.em-portlet .em-portlet__head
.em-portlet__head-tools .em-portlet__nav
.em-portlet__nav-item .em-portlet__nav-link.em-portlet__nav-link--icon:hover i {
    color: #34bfa3 !important;
}

.m-portlet .m-portlet__head
.m-portlet__head-tools .m-portlet__nav
.m-portlet__nav-item .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #34bfa3 !important;
}

.m-body .m-content {
    padding: 20px 20px !important;
}

@media (min-width: 1025px) {
    .m-dropdown.m-dropdown--medium .m-dropdown__wrapper {
        width: 375px !important;
    }
    .m-aside-left--fixed .m-body {
        padding-left: 225px !important;
    }

    .m-aside-left--fixed.m-aside-left--minimize .m-body {
        padding-left: 73px !important;
    }

    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed).m-aside-left--minimize .m-footer {
        margin-left: 88px !important;
    }

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

    .m-aside-left--fixed.m-aside-left--minimize-hover .m-aside-left {
        width: 230px;
    }

    .m-dropdown.m-dropdown--large .m-dropdown__wrapper {
        width: 440px !important;
    }
}

@media (min-width: 1025px) {
    .m-aside-left {
        width: 230px;
    }
}

.appointment-request-overlap.fc-time-grid-event,
.appointment-request-overlap.fc-day-grid-event {
    background: #f4516c !important;
}

.appointment-request-no-overlap.fc-time-grid-event,
.appointment-request-no-overlap.fc-day-grid-event {
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;
}

.appointment-request-overlap .fc-time,
.appointment-request-overlap .fc-title,
.appointment-request-no-overlap .fc-time,
.appointment-request-no-overlap .fc-title {
    color: white !important;
}

.fc-unthemed .fc-event .fc-content:before, .fc-unthemed .fc-event-dot .fc-content:before {
    border: 1px solid white !important;
}

.m-portlet.m-portlet--sticky .m-portlet__head {
    background: linear-gradient(173deg, #3DC797 30%, #31A6AA 100%) !important;
}

.em-portlet.m-portlet--sticky .em-portlet__head {
    background: none;
}

.m-portlet.m-portlet--sticky .m-portlet__head-icon i,
.m-portlet.m-portlet--sticky .m-portlet__head-text {
    color: white;
    letter-spacing: .1rem;
}

.em-portlet.em-portlet--sticky .em-portlet__head-icon i,
.em-portlet.em-portlet--sticky .em-portlet__head-text {
    color: white;
    letter-spacing: .1rem;
}

.em-portlet__head-text-subtitle {
    color: #9b9a9a;
    font-size: 16px;
}

.m-portlet.m-portlet--sticky .btn-emahealth-gradient:hover {
    border-color: #e5e5e5 !important;
}

.em-portlet.em-portlet--sticky .btn-emahealth-gradient:hover {
    border-color: #e5e5e5 !important;
}

.m-portlet.m-portlet--sticky .btn-emahealth-gradient {
    border-color: white !important;
}

.em-portlet.em-portlet--sticky .btn-emahealth-gradient {
    border-color: white !important;
}

.emahealth-warning-div {
    background: #ffbf38;
    letter-spacing: 0.4px;
}


    .emahealth-warning-div .m-alert__icon i, .emahealth-warning-div, .emahealth-warning-div .close {
        color: white;
    }

.emahealth-error-div {
    background: #AA0000;
    letter-spacing: 0.4px;
}

    .emahealth-error-div .m-alert__icon i, .emahealth-error-div, .emahealth-error-div .close {
        color: white;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.letter-spacing-06 {
    letter-spacing: 0.5em;
}

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

.btn-emahealth-gradient.m-btn--air {
    -webkit-box-shadow: 0px 5px 10px 2px rgba(52, 191, 163, 0.19) !important;
    box-shadow: 0px 5px 10px 2px rgba(52, 191, 163, 0.19) !important;
}

    .btn-emahealth-gradient.m-btn--air:focus,
    .btn-emahealth-gradient.m-btn--air:hover {
        -webkit-box-shadow: 0px 5px 10px 2px rgba(52, 191, 163, 0.36) !important;
        box-shadow: 0px 5px 10px 2px rgba(52, 191, 163, 0.36) !important;
        color: white !important;
    }

.text-emahealth {
    color: #34BFA3 !important;
}


.datepicker tbody tr > td.day.today {
    background: #00c5dc !important;
}

.datepicker tbody tr > td.day.active {
    background: #34bfa3 !important;
}

.datetimepicker tbody tr > td.day.today {
    background: #00c5dc !important;
}

.datetimepicker tbody tr > td.day.active,
.datetimepicker tbody tr > td span.month.active,
.datetimepicker tbody tr > td span.year.active,
.datetimepicker tbody tr > td span.hour.active,
.datetimepicker tbody tr > td span.minute.active {
    background: #34bfa3 !important;
}

.emahealth-badge,
.emahealth-dropdown-menu > li > a.active, .emahealth-dropdown-menu > .dropdown-item.active,
.dataTables_wrapper .pagination .page-item.active > .page-link,
.dataTables_wrapper .pagination .page-item:hover > .page-link,
.emahealth-border .dropdown-menu.inner > li.active:not(.selected) > a {
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;
}

.workforce-badge {
    background: linear-gradient(135deg, #3ac93e 30%, #238137 100%) !important;
}

.workforce-badge-red {
    background: linear-gradient(135deg, #ff4a4a 30%, #b32d2d 100%) !important;
}

.workforce-badge-orange {
    background: linear-gradient(135deg, #ffa500 30%, #cc7a00 100%) !important;
}

.workforce-profile-tab-badge {
    background: linear-gradient(135deg, #ffa500 30%, #ffbc80 100%) !important;
}

.emahealth-background {
    background: linear-gradient(175deg, #3DC797 30%, #31A6AA 100%) !important;
}

.emahealth-danger-background, .emahealth-danger-badge {
    background: linear-gradient(135deg, #ff677f 30%, #ba0624 100%) !important;
}


.btn-emahealth-danger-gradient {
    background: linear-gradient(135deg, #f4516c 30%, #981228 100%) !important;
    color: white !important;
    font-weight: 500 !important;
}

.btn-emahealth-gradient {
    transition: all .4s !important;
    color: white !important;
    font-weight: 500 !important;
    background: #34BFA3 !important;
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;
}

    .btn-emahealth-gradient:focus,
    .btn-emahealth-gradient:hover {
        border-color: #2d8386 !important;
        color: white !important;
        /*font-weight: 600;*/
        background: linear-gradient(135deg, #3DC797 30%, #2b9c83 100%) !important;
    }

.btn-emahealth-outline-gradient {
    transition: all .2s !important;
    color: #9699a2 !important;
    font-weight: 500 !important;
    background: #34BFA3 !important;
    background: none !important;
    border: 1px solid #e0e0e0 !important;
}

.btn-emahealth-outline-gradient-2 {
    transition: all .2s !important;
    color: black !important;
    font-weight: 500 !important;
    background: #e6e6e6;
    border: 1px solid #e0e0e0 !important;
}

    .btn-emahealth-outline-gradient:focus,
    .btn-emahealth-outline-gradient:hover {
        color: #575757 !important;
        background: #e0e0e0 !important;
        border-color: transparent !important;
    }

.btn-emahealth-outline-gradient-green {
    transition: all .4s !important;
    color: #ffffff !important; /* bijeli tekst */
    font-weight: 500 !important;
    background: #60bf83 !important; /* tamnije od #d4f0e1 */
    border: 1px solid #b2d8c4 !important; /* diskretan rub */
}

    .btn-emahealth-outline-gradient-green:hover,
    .btn-emahealth-outline-gradient-green:focus {
        color: #ffffff !important;
        background: #60bf83 !important; /* korak tamnije na hover/focus */
        border-color: #a3d2b6 !important;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(191, 227, 207, .45);
    }

    .btn-emahealth-outline-gradient-green:active {
        background: #bfe3cf !important; /* još nijansu tamnije pri kliku */
        border-color: #97cdae !important;
    }

.btn-emahealth-gradient-blue {
    transition: all .4s !important;
    color: white !important;
    font-weight: 500 !important;
    background: #3db4c7 !important;
    background: linear-gradient(135deg, #3db4c7 30%, #316EAA 100%) !important;
}

    .btn-emahealth-gradient-blue:focus,
    .btn-emahealth-gradient-blue:hover {
        border-color: #2d6083 !important;
        color: white !important;
        /*font-weight: 600;*/
        background: linear-gradient(135deg, #3db4c7 20%, #2b6b9c 100%) !important;
    }

.btn-emahealth-gradient-purple {
    transition: all .4s !important;
    color: white !important;
    font-weight: 500 !important;
    background: #e18eff !important;
    background: linear-gradient(135deg, #e18eff 30%, #AA31A6 100%) !important;
}

    .btn-emahealth-gradient-purple:focus,
    .btn-emahealth-gradient-purple:hover {
        border-color: #832d83 !important;
        color: white !important;
        /*font-weight: 600;*/
        background: linear-gradient(135deg, #e18eff 30%, #832b9c 100%) !important;
    }

.btn-emahealth-gradient-orange {
    transition: all .4s !important;
    color: white !important;
    font-weight: 500 !important;
    background: #F7A808 !important;
    background: linear-gradient(135deg, #F7A808 30%, #E68A00 100%) !important;
}

    .btn-emahealth-gradient-orange:focus,
    .btn-emahealth-gradient-orange:hover {
        border-color: #E37E00 !important;
        color: white !important;
        /*font-weight: 600;*/
        background: linear-gradient(135deg, #F7A808 15%, #E37E00 100%) !important;
    }

.btn-emahealth-gradient-red {
    transition: all .4s !important;
    color: white !important;
    font-weight: 500 !important;
    background: #FF6347 !important; /* Adjust the shade of red as needed */
    background: linear-gradient(135deg, #FF6347 30%, #AA3131 100%) !important; /* Adjust the shade of red as needed */
}

    .btn-emahealth-gradient-red:focus,
    .btn-emahealth-gradient-red:hover {
        border-color: #AA3131 !important; /* Adjust the shade of red as needed */
        color: white !important;
        background: linear-gradient(135deg, #FF6347 30%, #AA3131 100%) !important; /* Adjust the shade of red as needed */
    }

.btn-emahealth-gradient-yellow {
    transition: all .4s !important;
    color: white !important;
    font-weight: 500 !important;
    background: #FFD700 !important; /* Adjust the shade of yellow as needed */
    background: linear-gradient(135deg, #FFD700 30%, #AAAD31 100%) !important; /* Adjust the shade of yellow as needed */
}

    .btn-emahealth-gradient-yellow:focus,
    .btn-emahealth-gradient-yellow:hover {
        border-color: #AAAD31 !important; /* Adjust the shade of yellow as needed */
        color: white !important;
        background: linear-gradient(135deg, #FFD700 30%, #AAAD31 100%) !important; /* Adjust the shade of yellow as needed */
    }

.box-staff-workhours {
    border-radius: 4px;
    height: 140px;
}

.emahealth-link-color {
    font-weight: 500;
}

.m-datatable-emahealth.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__toggle-subtable > i,
.emahealth-link-color {
    color: #36a3f7 !important;
}

    .emahealth-link-color:hover {
        color: #0e79cb !important;
    }

.emahealth-link-color-hard {
    font-weight: 500;
    color: #015fb3;
}

    .emahealth-link-color-hard:hover {
        font-weight: 500;
        color: #004d92;
    }

.emahealth-hover--gradient {
    color: #898b96;
}

    .emahealth-hover--gradient:hover {
        border-color: #34BFA3 !important;
        color: #fff !important;
        background-color: #34BFA3 !important;
    }

.emahealth-hover--blue {
    color: #898b96;
}

    .emahealth-hover--blue:hover {
        border-color: #36a3f7 !important;
        color: #fff !important;
        background-color: #36a3f7 !important;
    }

    .emahealth-hover--lightgrey:hover {
        border-color: lightgrey !important;
        color: #fff !important;
        background-color: lightgrey !important;
    }

.m-bootstrap-select--pill-dm > .dropdown-toggle {
    border-radius: 5px 0 0 5px !important;
}

.emahealth-dropdown-image--user {
    width: 37px;
    height: 37px;
    padding-top: 1px;
}

.m-list-pics.m-list-pics--sm > a > img {
    height: 2.14rem;
}

.m-bootstrap-select--pill-dm > .dropdown-toggle .filter-option {
    padding: 0;
}

.m-bootstrap-select--pill-dm-multiple > .bs-placeholder .filter-option {
    padding: inherit !important;
}

.filter-option < .example {
}

.m-bootstrap-select--pill-dm > .dropdown-menu .dropdown-menu .dropdown-item {
    padding: 4px 7px;
}
/*kalendar buttoni*/
.fc-unthemed-emahealth .fc-toolbar .fc-button:focus, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button.fc-state-active,
/*paggination datatable*/
.m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active,
.m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover,
/*next-prev btn*/
.m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--first:hover, .m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev:hover, .m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover, .m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--last:hover,
/*dropdown-page size*/
.m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus, .m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover, .m-datatable-emahealth > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle,
/*record selection*/
.m-datatable-emahealth > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span, .m-datatable-emahealth > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span, .m-datatable-emahealth > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span {
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%);
}


.emahealth-border.show > .dropdown-toggle.btn-light, .emahealth-border.show > .dropdown-toggle.btn-secondary,
.emahealth-border > .dropdown-toggle.btn-light:focus, .emahealth-border > .dropdown-toggle.btn-light.active,
.emahealth-border > .dropdown-toggle.btn-secondary:focus, .emahealth-border > .dropdown-toggle.btn-secondary.active,
.emahealth-border > .dropdown-menu .bs-searchbox input:focus,
.emahealth-border:focus,
.bootstrap-select.show > .dropdown-toggle.btn-light, .bootstrap-select.show > .dropdown-toggle.btn-secondary,
.bootstrap-select > .dropdown-toggle.btn-light:focus, .bootstrap-select > .dropdown-toggle.btn-light.active,
.bootstrap-select > .dropdown-toggle.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.btn-secondary.active {
    border-color: #31A6AA !important;
}

.m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell {
    background: #ffff !important;
}

.emahealth-nav.m-nav--active-bg .m-nav__item > .m-nav__link.m-tabs__item--active .m-nav__link-text,
.emahealth-nav .m-nav__item:hover .m-nav__link .m-nav__link-text,
.emahealth-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
.emahealth-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
.emahealth-dropdown__arrow,
.emahealth-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text,
.emahealth-aside-menu.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
.emahealth-aside-menu.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #31A6AA !important;
}

.emahealth-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    font-weight: 600;
}

.emahealth-aside-menu.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span,
.emahealth-aside-menu.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span {
    background-color: #31A6AA !important;
}

.emahealth-border + .select2-container--default.select2-container--focus .select2-selection--multiple,
.emahealth-border + .select2-container--default.select2-container--focus .select2-selection--single,
.emahealth-border + .select2-container--default.select2-container--open .select2-selection--multiple,
.emahealth-border + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #31A6AA !important;
}


.emahealth-nav.m-tabs-line.m-tabs-line--brand a.m-tabs__link.active,
.emahealth-tabs-line .nav-link:hover,
.emahealth-tabs-line .nav-link.active,
.emahealth-tabs-line a.m-tabs__link:hover,
.emahealth-tabs-line a.m-tabs__link.active {
    color: #31A6AA !important;
    border-bottom: 1px solid #31A6AA !important;
}

.emahealth-header-menu .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon,
.emahealth-header-menu .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon,
.emahealth-header-menu .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text,
.emahealth-header-menu .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text {
    color: #31A6AA !important;
}

.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon,
.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon,
.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-text,
.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text {
    color: #31A6AA !important;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #31A6AA !important;
}

.emahealth-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon,
.emahealth-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text,
.emahealth-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow,
.emahealth-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon,
.emahealth-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text,
.emahealth-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow,
.emahealth-text {
    color: #31A6AA !important;
}
/* INDEX PAGE */
.m-portlet .m-portlet__body {
    padding: 0.5rem 0.5rem !important;
}

.em-portlet .em-portlet__body {
    padding: 0.5rem 0.5rem !important;
}

/* PROFILE PAGE */
.m-portlet .m-portlet-fit--sides {
    margin-left: -1.2rem !important;
    margin-right: -1.2rem !important;
}

.em-portlet .em-portlet-fit--sides {
    margin-left: -1.2rem !important;
    margin-right: -1.2rem !important;
}


.m-nav.m-nav--hover-bg .m-nav__item:hover > .m-nav__link, .m-nav.m-nav--hover-bg .m-nav__item.m-nav__item--active > .m-nav__link {
    border-radius: .25rem !important;
    background-color: #f7f8fa;
}

.m-nav.m-nav--active-bg .m-nav__item > .m-nav__link.m-tabs__item--active {
    border-radius: .25rem !important;
    background-color: #f7f8fa;
}

/*
.m-nav .m-nav__item:hover {
    border-radius: .15rem !important;
    display: block;
}
*/

.m-card-profile .m-card-profile__pic .m-card-profile__pic-wrapper {
    margin: 0.5rem auto 1.5rem auto !important;
}

/*
    DATATABLE
*/

.m-datatable__table {
    border-radius: 10px 10px 0px 0px !important;
}

.width-50 {
    width: 50px !important;
}

.width-100 {
    width: 100px !important;
}

.width-150 {
    width: 150px !important;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

#m_aside_left {
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    background-color: #fff;
    top: 45px !important;
}

.m-portlet__head-button {
    padding: .45rem .8rem;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: .2rem;
}

.em-portlet__head-button {
    padding: .45rem .8rem;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: .2rem;
}

.em-portlet__head-button {
    padding: .45rem .8rem;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 10px;
}

.modal-extra-lg {
    max-width: 95% !important;
}

@media only screen and (min-width : 480px) {
    .modal-extra-lg {
        max-width: 94% !important;
    }
}

.service {
    border-radius: 4px;
}

.add-service {
    border-radius: 4px;
    filter: opacity(60%);
    height: 119px;
}

.examination-item-disabled, .invoice-item-disabled {
    filter: opacity(60%);
}

.add-service img {
    height: 30%;
    filter: opacity(30%);
}

.add-service:hover {
    background: #34BFA3 !important;
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;
}

    .add-service:hover img {
        filter: brightness(8);
    }

.service img {
    width: 25px;
}

.service-title {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.service:hover .color-change, .examination-item-selected .color-change, .invoice-item-selected .color-change {
    color: white;
}

.service:hover hr {
    background-color: white;
}

.service:hover, .examination-item-selected, .invoice-item-selected {
    background: #34BFA3 !important;
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;
}

    .service:hover img, .examination-item-selected img, .invoice-item-selected img {
        filter: brightness(4);
    }

.m-portlet__foot {
    padding: 1.2rem 1.2rem !important;
}

.em-portlet__foot {
    padding: 1.2rem 1.2rem !important;
}

.btn-left-radius {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.btn-left-only-radius {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 0 !important;
}

.btn-right-radius {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.btn-outline-success:hover {
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;
}

.btn-right-only-radius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 4px !important;
}

.payment-type-section {
    padding-bottom: 0px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.item, /*.bill-item,*/ /*.examination-item, .invoice-item*//*, .service*/ {
    cursor: pointer
}

.m-nav-sticky {
    top: unset;
    bottom: 45%;
    margin-top: unset;
}

.round-badge {
    width: 25px;
    height: 25px;
    color: white;
    border-radius: 50%;
    text-align: center;
    padding-top: 3px;
    font-size: 1rem;
}

.round-badge-mini {
    width: 17px;
    height: 17px;
    color: white;
    border-radius: 50%;
    text-align: center;
    padding-top: 1px;
    font-size: 0.8rem;
}

.round-badge-extra-mini {
    width: 12px;
    height: 12px;
    color: white;
    border-radius: 50%;
    text-align: center;
    padding-top: 0.5px;
    font-size: 0.5rem;
}

.img-preview, .m-card-profile__pic-wrapper, .border-radius-10 {
    border-radius: 10% !important;
}

.border-radius-30 {
    border-radius: 30% !important;
}

.img-preview {
    cursor: pointer;
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.img-index {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 20% !important;
    margin-bottom: 5px !important;
}

.img-topbar-user-pic {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 30% !important;
}

.daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus {
    border: 1px solid #2ca38b;
}

.daterangepicker tbody td.today {
    background: #2ca38b;
}

.daterangepicker tbody td.in-range, .daterangepicker tbody td.active {
    background: #34bfa3;
}

    .daterangepicker tbody td.in-range:hover, .daterangepicker tbody td.active:hover {
        background: #2ca38b;
    }

.m-login.emahealth-login-5 .m-login__wrapper-2 .m-login__contanier .m-login__form .m-form__group .form-control {
    border-radius: 46px !important;
    margin-top: 1.5rem !important;
    background: whitesmoke !important;
}

.m-login.emahealth-login-5 .m-login__wrapper-2 .m-login__contanier .m-login__form .m-form__group .bootstrap-select {
    display: inline-table !important;
    padding: 0 !important;
    border: none !important;
}

    .m-login.emahealth-login-5 .m-login__wrapper-2 .m-login__contanier .m-login__form .m-form__group .bootstrap-select button {
        border: none !important;
    }


.m-login.emahealth-login-5 .emahealth-padding-top-10 {
    padding-top: 5% !important;
}

.m-login.emahealth-login-5 .m-login__wrapper-1 .m-login__wrapper-1-1 .m-login__border > div {
    box-shadow: -23px 0 32px -7px #00000017 !important;
    -webkit-box-shadow: -23px 0 32px -7px #00000017 !important;
    height: 100% !important;
}

.emahealth-infobox {
    color: #9699a2 !important;
    font-weight: 500 !important;
    background: none !important;
    border: 1px solid #e0e0e0 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.border-radius-language {
    border-radius: 17px;
}

.language-selected-image {
    width: 31px;
    height: 31px;
}

.language-image {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain;
}

.btn-group-sm-custom > .btn {
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

/*override*/
.table thead th {
    vertical-align: middle !important;
}

.dropdown-item .text {
    width: 100% !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;
}

.custom-file .custom-file-input:focus + .custom-file-label {
    border-color: #31A6AA !important;
}




.m-dropdown .profiles-dropdown-wrapper {
    width: 100% !important;
    left: 0 !important;
}

.m-dropdown .profiles-dropdown-arrow {
    left: 10px !important;
}

.m-dropdown .language-dropdown-arrow {
    right: 80px !important;
}

.m-dropdown .notification-dropdown-arrow {
    right: 125px !important;
    left: auto !important;
}

@media only screen and (min-width : 480px) {
    .m-dropdown.m-dropdown--small .profiles-dropdown-wrapper {
        width: 300px !important;
    }

    .m-dropdown .profiles-dropdown-arrow {
        left: 20px !important;
        right: auto !important;
    }

    .m-dropdown .language-dropdown-arrow {
        right: 20px !important;
    }

    .m-dropdown .notification-dropdown-arrow {
        left: auto !important;
        right: 185px !important;
    }
}


@media (max-width: 1024px) {
    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic .img-index {
        max-height: 32px !important;
        max-width: 32px !important;
    }
}

a.border-radius-language {
    text-decoration: none !important;
}

.dropdown-menu {
    overflow-y: auto !important;
}

    .dropdown-menu .inner {
        overflow-y: unset !important;
    }

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

    .emahealth-dropdown-menu .dropdown-item:hover {
        background: #34bfa3 !important;
        color: #fff !important;
    }

.dz-image img {
    width: 100%;
}

.dz-image {
    display: flex;
    align-items: center;
}

.text-grey {
    color: #656464 !important;
}

.scale-1:hover span {
    transform: scale(1.07,1.07);
    transition: transform 0.3s ease-in-out;
}

.select2-sm + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: .45rem 1.15rem !important;
}

.select2-sm + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: .25rem 1.15rem !important;
}

.select2-sm + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: .25rem 1.15rem !important;
}

.select2-sm + .select2-container--default .select2-selection--multiple .select2-search--inline {
    /*width: 10px !important;*/
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding-left: 10px !important;
}

.select2-inline-search + .select2-container--default .select2-selection--multiple .select2-search--inline {
    width: 135px !important;
}

.form-control-sm.bootstrap-select > .dropdown-toggle {
    padding: .45rem 1.15rem !important;
}

.treatment-operation-btn {
    min-width: fit-content;
    padding: 0px 11px;
    margin: 5px 5px;
    border-radius: 10px;
    cursor: pointer;
    letter-spacing: 0.01rem;
    font-weight: 500;
    border-top: 1px solid #fff;
    transition: transform 0.15s ease-in-out;
}

.service-type-btn {
    min-width: fit-content;
    padding: 0px 11px;
    margin: 5px 5px;
    border-radius: 10px;
    cursor: pointer;
    letter-spacing: 0.01rem;
    font-weight: 500;
    border-top: 1px solid #fff;
    transition: transform 0.15s ease-in-out;
}

.treatment-material-btn, .treatment-service-btn {
    min-width: fit-content;
    padding: 7px 11px;
    margin: 5px 5px;
    border-radius: 10px;
    cursor: pointer;
    letter-spacing: 0.01rem;
    font-weight: 500;
    /*border: 3px solid white;*/
    transition: transform 0.15s ease-in-out;
}

    .treatment-material-btn:hover, .treatment-operation-btn:hover, .treatment-service-btn:hover, .service-type-btn:hover {
        transform: scale(1.1);
    }

.treatment-operation-btn-selected {
    background: linear-gradient( 135deg, #3DC797 30%, #31A6AA 100%) !important;
    color: white;
}

.service-type-btn-selected {
    background: linear-gradient( 135deg, #3DC797 30%, #31A6AA 100%) !important;
    color: white;
}

.treatment-material-btn-selected, .treatment-service-btn-selected {
    background: linear-gradient( 135deg, #3DC797 30%, #31A6AA 100%) !important;
    color: white;
    /*border: 3px solid #31aa8c;*/
}

@media (min-width: 1025px) {
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .sidebar-statistic-item {
        display: none;
    }
}

#m_nav_patient_profile.m-nav--active-bg.m-nav--active-bg-padding-lg .m-nav__item > .m-nav__link, #m_nav_patient_profile2.m-nav--active-bg.m-nav--active-bg-padding-lg .m-nav__item > .m-nav__link {
    padding: 0.5rem 1rem !important;
}

.fc .patient-appointment-modal-btn button.dropdown-toggle {
    height: 100% !important;
}

#m_filter_box .dropdown-toggle:not(.bs-placeholder), #m_filter_box .select2-selection__rendered .selected-option {
    font-weight: bold;
}

.fc-unthemed .fc-event.fc-not-start.fc-end .fc-content, .fc-unthemed .fc-event-dot.fc-not-start.fc-end .fc-content {
    /*padding-left: 2rem !important;*/
}

.w-35 {
    width: 35% !important;
}

.patient-appointment-btn, .patient-appointment-modal-btn {
    display: flex;
    align-items: center;
}

.dropdown.my-selectlist {
    width: 180px !important;
    height: 22px !important;
}

    .dropdown.my-selectlist > .dropdown-toggle {
        padding: .15rem .8rem !important;
    }

.fc-list-item-title a[href]:hover .m-badge {
    text-decoration: underline !important;
}

.m-badge {
    border-radius: 0.25rem;
}

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

.w-28 {
    width: 28% !important;
}

.w-140px {
    width: 140px !important;
}

.w-160px {
    width: 160px !important;
}

.p9{
    padding: 9px !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.fc-unthemed .fc-list-item .fc-event-dot {
    border-radius: 4px !important;
    height: 40px !important;
}

.fc th, .fc td {
    vertical-align: middle !important;
}

.text-outline-white {
    text-shadow: -0.1pt -0.1pt 0 #fff, 0.5pt -0.5pt 0 #fff, -0.5pt 0.5pt 0 #fff, 0.5pt 0.5pt 0 #fff;
}

.text-shadow {
    text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 2px 2px 5px rgba(0,0,0,0.65);
}

.fc-unthemed .fc-list-item-title > a[href]:hover {
    color: #2196f3 !important;
}

#dm_calendar .fc-scroller {
    /*height: auto !important;*/
    min-height: 400px;
}

.fc-list-empty {
    padding-top: 100px;
    vertical-align: top !important;
}

.border-bottom-dotted {
    border-bottom: 1px dotted;
}

.border-top-dotted {
    border-top: 1px dotted;
}

.w-15 {
    width: 15%;
}

.border-radius-10p{
    border-radius:10px;
}

.carousel-indicators .active {
    background-color: #34bfa3;
}

.carousel-indicators li {
    height: 4px !important;
}
/*.cropper-container, .cropper-crop-box, .cropper-canvas, .cropper-canvas .cropper-hide {
    max-width: 100% !important;
}*/
.font-size-1rem {
    font-size: 1rem !important;
}

.selectpicer-remove-btn-margin + button {
    margin: 0 !important;
}

.fc-nonbusiness {
    background: #383737 !important;
}

.fc-nonbusiness-partial {
    background: #a9a6a6 !important;
}

.fc-unthemed th.fc-day-header {
    border-bottom-color: #9b9a9a;
}

.fc-unthemed .fc-axis.fc-time.fc-widget-content {
    border-right-color: #9b9a9a;
}

.fc-unthemed .fc-axis.fc-widget-header {
    border-right-color: #9b9a9a;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #9b9a9a !important;
}

.fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content {
    padding: 0.2rem 0.3rem 0.2rem 0.3rem !important;
}

    .fc-unthemed .fc-event .fc-content:before, .fc-unthemed .fc-event-dot .fc-content:before {
        top: 0.35rem !important;
        left: 0.5rem !important;
    }

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    vertical-align: middle !important;
}

.fc-unthemed .fc-day-grid td:not(.fc-axis).fc-event-container {
    padding: 0 !important;
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 !important;
}

.fc-unthemed .fc-scroller .fc-content-col {
    padding: 0.5rem 0 !important;
}



.fc-view-container {
    overflow-x: scroll;
}

.fc-unthemed .fc-event .fc-content:before, .fc-unthemed .fc-event-dot .fc-content:before {
    display: none;
}

.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-time,
.fc-agendaWeek-view .fc-event .fc-time,
.fc-month-view .fc-time,
.fc-agendaDay-view .fc-content .fc-time {
    display: none !important;
}

.fc-agendaWeek-view .fc-event.fc-helper .fc-time {
    display: block !important;
}

.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-title,
.fc-agendaWeek-view .fc-event .fc-title,
.fc-agendaDay-view .fc-time-grid-event.fc-short .fc-title,
.fc-agendaDay-view .fc-event .fc-title {
    font-size: 1em !important;
    font-weight: 500;
}

.fc-agendaWeek-view .fc-time-grid .fc-slats td,
.fc-agendaDay-view .fc-time-grid .fc-slats td {
    height: 1.5rem;
}

.fc-agendaWeek-view .fc-time-grid-event,
.fc-agendaDay-view .fc-time-grid-event {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inactive-event-item-by-staff-filter {
    opacity: 0.45;
    font-size: 0.65rem;
}






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

.modal .modal-content .modal-footer {
    padding: 15px;
}

.modal .modal-content .modal-body {
    padding: 10px 15px;
}

.alert.m-alert--icon .m-alert__icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 1rem 0.5rem 1rem 1.75rem;
    line-height: 0;
    width: 1%;
}

.alert.m-alert--icon .m-alert__text {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding: 1rem 1.25rem;
}

.alert.m-alert--icon .m-alert__close {
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding: 1rem 1.75rem 1rem 1.25rem;
}

.m-portlet .m-portlet__head {
    height: auto !important;
    min-height: 3.8rem !important;
}

.em-portlet .em-portlet__head {
    height: auto !important;
    min-height: 3.8rem !important;
}

.fc-unthemed .fc-scroller .fc-content-col {
    padding: 0 0 0.5rem 0 !important;
}

.fc-event.fc-draggable, .fc-event[href] {
    margin-top: 0;
}

.bg-non-working-day {
    background-color: #ff812d91 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    white-space: pre-wrap;
}

/*.fc-slats tr td:nth-child(2) {
    background: #00000045 !important;
}*/

.font-size-08rem {
    font-size: 0.8rem !important;
}

.fc-unthemed td.fc-today {
    /*background:none!important;*/
}

.fc-bgevent {
    background: none !important;
}

.fc-unthemed .fc-toolbar .fc-button {
    padding: 0 .9rem !important;
}

.fc .fc-toolbar > * > * {
    margin-left: 0.5em !important;
}

.fc button .fc-icon {
    margin: 0 !important;
}

.fc-unthemed .fc-toolbar .fc-button {
    height: 2.3rem !important;
}

#dm_calendar .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}

.emahealt-calendar-protlet-body .filter-option .room-title {
    display: none;
}

.emahealt-calendar-protlet-body .filter-option .room-code {
    margin-right: 3px !important;
    width: auto !important;
}

.form-control-sm .emahealth-dropdown-image--user {
    width: 35px !important;
    height: 28px !important;
}

.emahealt-calendar-protlet-body .col-md.fc.fc-unthemed-emahealth.fc-unthemed.form-group {
    padding: 0 !important;
}

.fc-widget-content .cell-time {
    font-size: .65rem;
    transition-duration: 500ms;
    width: -webkit-fill-available;
    text-align: right;
    padding-right: 5px;
    height: -webkit-fill-available;
    padding-top: 2px;
    opacity: 0.8;
}

    .fc-widget-content .cell-time:hover {
        font-size: .75rem;
    }

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right, .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper {
    margin-bottom: 50px !important;
}

@media (min-width: 1025px) {
    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
        margin-top: -50px !important;
    }
}

.m-footer {
    height: 50px !important;
    min-height: 50px !important;
}

.fc-unthemed th.fc-day-header {
    padding: 0.2rem 0.5rem !important;
}

}

.m-brand .m-brand__logo {
    vertical-align: middle;
    line-height: 0
}

.m-brand .m-brand__logo, .m-brand .m-brand__tools {
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
    height: 45px !important
}

.m-brand--minimize .m-brand .m-brand__logo {
    display: none !important
}

.m-brand .m-brand__logo {
    height: 45px !important;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease
}

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

#m_header_topbar {
    height: 45px !important;
    width: 100% !important;
}

#m_header {
    height: 45px !important;
}

#stack_div {
    height: 45px !important;
}

#header_profiles {
    margin-top: 7px;
}

#m_header_menu {
    height: 45px !important;
}

#header_brand {
    height: 40px !important;
}

select.form-control-sm + button + .dropdown-menu .bs-searchbox input {
    height: 30px !important;
    padding: 0.45rem 0.8rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
}

.tooltip-inner {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
    border-radius: 7px !important;
}

.m-topbar--nav .m-nav .m-nav--inline {
    height: 45px !important;
}

.m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
    padding: 0px !important;
}

.m-dropdown {
    bottom: 0px !important;
}

.m-stack m-stack--ver m-stack--general {
    height: 45px !important;
}

.m-topbar .m-topbar__nav.m-nav {
    margin: 3px 5px 0px 5px !important;
}

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item {
        padding: 0px 5px !important;
    }

border-radius: 7px !important;
}

.fc-unthemed .fc-event {
    border-radius: 1px !important;
}

.ema-td-head-text {
    font-size: 11px !important;
    margin: 0px !important;
    font-weight: 500 !important;
}

.ema-main-td-head-text {
    font-size: 12px !important;
    margin: 0px !important;
}

.ema-td-body-text {
    font-size: 13px !important;
    font-weight: 700 !important;
}

.ema-td-body-name {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.ema-main-td-body-text {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.ema-main-td-body-text-2 {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.ema-info-badge {
    padding: 4px !important;
    height: 24px !important;
    border-radius: 6px !important;
    background-color: #e3e3e3 !important;
    font-weight: 700 !important;
}

.ema-edu-info-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
    font-size: 12px;
    padding: 3px !important;
    height: 22px !important;
    border-radius: 6px !important;
    background-color: #e3e3e3 !important;
    font-weight: 700 !important;
}

.ema-subtable-badge {
    padding: 5px !important;
    height: 24px !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight: 500 !important;
}

.ema-subtable-long-badge {
    height: 15px !important;
    border-left: 1px solid white !important;
}

.ema-dot {
    margin-right: 5px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 15px !important;
}

.ema-main-td-text {
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 50px !important;
    font-weight: 700 !important;
}

.ema-main-td-badge {
    padding: 8px !important;
    height: 30px !important;
    border-radius: 6px !important;
    background-color: #01BD55 !important;
    color: white !important;
    font-weight: 700 !important;
}

.ema-main-td-subbadge {
    padding: 8px !important;
    height: 30px !important;
    border-radius: 6px !important;
    background-color: #ffa800;
    color: white !important;
    font-weight: 700 !important;
}

.ema-chamber-datatable {
    border-radius: 10px;
    border: 1px solid lightgrey;
    padding-bottom: 5px;
}

    .ema-chamber-datatable tr {
        box-shadow: 0 -1px 0 lightgrey;
        border-radius: 10px;
    }

        .ema-chamber-datatable tr td:first-child {
            border-top-left-radius: 10px;
        }

        .ema-chamber-datatable tr td:last-child {
            border-top-right-radius: 10px;
        }

    .ema-chamber-datatable tbody .m-datatable__row--subtable-expanded {
        box-shadow: 0 -4px 0 #01BD55;
        margin-top: 2.5px;
        border-radius: 9px;
    }

.ema-chamber-datatable .m-datatable__pager-info {
    padding-right: 5px;
}

#m_payrollLists_index__datatable tr {
    min-width: 1330px !important;
}

td:has(> span > div.internalContractType) {
    border-left: 5px solid #00008B;
}

td:has(> span > div.externalContractType) {
    border-left: 5px solid #dbca00;
}

td:has(> span > div.approvedWorkAbsence) {
    border-left: 5px solid #1daf64;
}

td:has(> span > div.rejectedWorkAbsence) {
    border-left: 5px solid #ffa500;
}

td:has(> span > div.waitingWorkAbsence) {
    border-left: 5px solid #0d6eff;
}

td:has(> span > div.canceledWorkAbsence) {
    border-left: 5px solid grey;
}

.position-badge-success {
    background-color: #d4f0e1;
    color: #1daf64;
    font-weight: bold;
}

.position-badge-danger {
    color: #ffa500 !important;
    background-color: #ffeca8 !important;
    font-weight: bold;
}

.img-chamber-table {
    height: 2.4rem !important;
    width: 2.4rem !important;
    margin: 0px !important;
    border-radius: 50% !important;
}

.img-chamber-subtable {
    height: 2.8rem !important;
    width: 2.8rem !important;
    margin: 0px !important;
    border-radius: 50% !important;
}

.img-chamber-supertable {
    height: 2.8rem !important;
    width: 2.8rem !important;
    margin: 0px !important;
    border-radius: 25% !important;
}

.action-buttons {
    color: black !important;
    background-color: #e7e7e7 !important;
    border-radius: 10px !important;
}

.action-approve-buttons {
    color: #1daf64 !important;
    background-color: #d4f0e1 !important;
    border-radius: 10px !important;
}

    .action-approve-buttons:hover {
        color: white !important;
        background-color: #1daf64 !important;
    }

.action-reject-buttons {
    color: #ffa500 !important;
    background-color: #ffeca8 !important;
    border-radius: 10px !important;
}

    .action-reject-buttons:hover {
        color: white !important;
        background-color: #ffa500 !important;
    }

.action-secondary-buttons {
    color: grey !important;
    background-color: #e8e8e8 !important;
    border-radius: 10px !important;
}

    .action-secondary-buttons:hover {
        color: white !important;
        background-color: grey !important;
    }

.action-delete-buttons {
    color: red !important;
    background-color: #ffd9d9 !important;
    border-radius: 10px !important;
}

    .action-delete-buttons:hover {
        color: white !important;
        background-color: red !important;
    }

#profileChartButton {
    color: black;
    background-color: #e7e7e7;
    border-radius: 10px;
    height: 32px;
    width: 32px;
}

.documentation-icon-present {
    height: 50px !important;
    width: 50px !important;
    border-radius: 50px !important;
    background-color: #d4f0e1;
    color: #1daf64 !important;
    font-weight: bold !important;
}

.documentation-icon-missing {
    height: 50px !important;
    width: 50px !important;
    border-radius: 50px !important;
    background-color: #fff0a8;
    color: #ffb100 !important;
    font-weight: bold !important;
}

.documentation-card-present {
    border: 2px solid #d4f0e1 !important;
    border-radius: 10px !important;
}

.documentation-card-missing {
    border: 2px solid #fff0a8;
    border-radius: 10px !important;
}

.ema-edu-img {
    top: -10px;
    position: absolute;
    width: 150px;
    height: 150px;
    border: none;
    border-radius: 10px !important;
}

.ema-edu-img-hover {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    width: 150px;
    top: -10px;
    border-radius: 10px !important;
    background-color: rgba(0, 0, 0, 0.7);
    pointer-events: none;
}

.ema-edu-info-div {
    margin-left: 160px;
    width: 100%;
}

.ema-edu-card {
    min-width: 460px !important;
}

.ema-edu-additional-info-responsive {
    display: inline-flex;
    width: 100%;
}

.ema-edu-type-detail {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.ema-edu-card-body {
    height: 130px;
    margin-bottom: 20px;
    border-radius: 10px !important;
    border-left: none !important;
    border-right: none !important;
}

.ema-edu-info-circle {
    height: 100px;
    width: 100px;
    border: 10px solid transparent;
}

.ema-edu-info-circle-text {
    margin: 0px;
    color: white;
}

.ema-edu-info-circle-value-text {
    margin: 0px;
    color: white;
}

#profilePersonalInfoId {
    columns: 2;
}

.time-info-control {
    padding: 4px !important;
    background-color: #d4f0e1 !important;
    color: #1daf64 !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.time-info-remote-control {
    padding: 4px !important;
    background-color: #d9e8ff !important;
    color: #0d6eff !important;
}

.ema-btn-blue {
    color: #0d6eff !important;
    background-color: #d9e8ff !important;
}

    .ema-btn-blue:hover {
        color: white !important;
        background-color: blue !important;
    }

.ema-btn-green {
    color: #1daf64 !important;
    background-color: #d4f0e1 !important;
}

    .ema-btn-green:hover {
        color: white !important;
        background-color: #1daf64 !important;
    }

.ema-green {
    color: #1daf64 !important;
    background-color: #d4f0e1 !important;
}

.ema-btn-orange {
    color: #ffa500 !important;
    background-color: #ffeca8 !important;
}

    .ema-btn-orange:hover {
        color: white !important;
        background-color: #ffa500 !important;
    }

.ema-orange-color {
    color: #ffa500 !important;
    background-color: #ffeca8 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.ema-btn-red {
    color: red !important;
    background-color: #ffd9d9 !important;
}

    .ema-btn-red:hover {
        color: white !important;
        background-color: red !important;
    }

.ema-btn-grey {
    color: grey !important;
    background-color: #e8e8e8 !important;
}

    .ema-btn-grey:hover {
        color: white !important;
        background-color: grey !important;
    }

.weekend-cell {
    background-color: #67a0e6 !important;
}

.work-cell {
    background-color: #D4F0E258 !important;
}

.pending-absence {
    background-color: #67a0e6 !important;
}

.non-working-cell {
    background-color: #f2d8bb !important;
}

.working-cell-without-event-td {
    background-color: #f2d8bb91 !important;
}

.holiday-cell {
    color: #1daf64 !important;
    background-color: #d4f0e1 !important;
}

.onsite-work {
    color: #1daf64 !important;
    background-color: #d4f0e1 !important;
}

.onsite-work-low-opacity {
    background-color: #f7fffb !important;
}

.remote-work {
    color: #0d6eff !important;
    background-color: #d9e8ff !important;
}

.remote-work-low-opacity {
    background-color: #f5f9ff !important;
}

.important-red {
    color: red !important;
}

.relocated-work {
    color: #cc00ff !important;
    background-color: #e9d8ff !important;
}

.relocated-work-low-opacity {
    background-color: #f9f4ff !important;
}

.bg-working-day{
    background-color: seashell !important;
}

.bg-lightgreen {
    /*background: linear-gradient(135deg, #3DC797 30%, #31A6AA 100%) !important;*/
    background-color: rgba(61,199,151, 0.5);
}


#m_calendar_index__datatable table {
    /*overflow: hidden !important;*/
}

    #m_calendar_index__datatable table td {
        background-color: #ffff;
    }

#m_calendar_index__datatable td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff;
}

#m_calendar_index__datatable th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
}

/*#m_calendar_index__datatable tr:nth-child(even) td:first-child {
    background-color: #faf9fc;
}

#m_calendar_index__datatable tr:nth-child(odd) td:first-child {
    background-color: #fff;
}*/

.workHoursPopUp:hover,
.workHourToleranceDurationPopUp:hover {
    color: #fff !important;
    background-color: #34bfa3 !important;
}

.hide-overflaw-x {
    overflow-x: hidden !important;
}

.max-width {
    max-width: 100%;
}

@media(max-width: 500px) {
    #profilePersonalInfoId {
        columns: 1;
    }
}

@media(max-width: 768px) {
    .m-login__wrapper-1-1 .m-login__border {
        margin-top: 70px !important;
    }

    .m-login__contanier {
        padding-top: 35px !important;
    }

        .m-login__contanier .m-login__logo img, .m-login__desc {
            padding-top: 0 !important;
        }

    .m-login.m-login--5 .m-login__wrapper-1 .m-login__wrapper-1-1 .m-login__contanier .m-login__content .m-login__form-action {
        margin: 2rem 0 0 0 !important;
    }

    .workPositionsOptions {
        width: 100% !important;
        margin-right: 0px !important;
    }

    #addWorkAbsenceId a {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .additional-info {
        font-size: 11px !important;
        padding: 0rem 1rem !important;
    }
}

@media(max-width: 576px) {
    .additional-info {
        font-size: 8px !important;
        padding: 0rem 0.5rem !important;
    }
}

@media(max-width: 500px) {
    .ema-edu-img {
        top: 10px !important;
        left: -5px !important;
        position: absolute;
        width: 90px;
        height: 90px;
        border: none;
        border-radius: 10px !important;
    }

    .ema-edu-img-hover {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90px;
        width: 90px;
        top: 10px !important;
        left: -5px !important;
        border-radius: 10px !important;
        background-color: rgba(0, 0, 0, 0.4);
        pointer-events: none;
    }

    .ema-edu-info-div {
        margin-left: 90px;
        width: 100%;
        font-size: 12px;
    }

    .ema-edu-card {
        min-width: 0px !important;
    }

    .ema-edu-card-main-title {
        font-size: 13px;
    }

    .ema-edu-additional-info-responsive {
        display: block;
    }

    .ema-edu-type-detail {
        display: block;
        align-items: stretch;
        flex-direction: row;
        left: -85px;
    }

    .ema-edu-card-body {
        height: 170px;
        margin-bottom: 0px;
        border-radius: 10px !important;
    }

    .ema-edu-info-circle {
        height: 80px;
        width: 80px;
        border: 8px solid transparent !important;
    }

    .ema-edu-info-circle-value-text {
        font-size: 17px;
    }

    .ema-edu-info-circle-text {
        font-size: 10px;
    }

    .ema-edu-grouped-info {
        font-size: 15px !important;
    }
}



@media only screen and (min-width : 768px) {
    .m-login.m-login--5 {
        display: inline-flex;
    }

        .m-login.m-login--5 .m-login__wrapper-1 {
            display: block;
            width: 100%;
        }

        .m-login.m-login--5 .m-login__wrapper-2 {
            width: 100%;
            padding-top: 13%;
        }

        .m-login.m-login--5 .m-login__wrapper-1 .m-login__wrapper-1-1 .m-login__contanier {
            padding-top: 15%;
        }
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    display: flex !important;
    flex-direction: column !important;
    margin: 10px 0px !important;
}

    .m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-title {
        left: 0 !important;
    }

        .m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text,
        .m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-title .round-badge {
            font-size: 0.8rem !important;
        }

        .m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-title .round-badge {
            width: 21px;
            height: 21px;
            position: absolute;
            left: 45px;
            top: -19px;
        }

    .m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
        /*text-transform: uppercase;*/
        display: table-cell !important;
        padding-top: 3px !important;
    }

    .m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
        min-height: 18px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

/*.m-aside-left--minimize .m-aside-menu .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']) > .m-menu__submenu{
    display: block !important;
}

    .m-aside-left--minimize .m-aside-menu .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']) > .m-menu__submenu .m-menu__link-bullet {
        display: none !important;
    }
    .m-aside-left--minimize .m-aside-menu .m-menu__nav .m-menu__item:not([m-menu-submenu-mode='accordion']) > .m-menu__submenu .m-menu__link {
        padding: 0 !important;
    }*/

.aside-menu-minimized-item {
    display: none !important;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav .aside-menu-minimized-item {
    display: block !important;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
    background: none !important;
    border-right: 4px solid #33aaa8;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 5px 0px !important;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__section {
    display: none;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .aside-menu-minimized-item > .m-menu__link {
    padding: 5px 2px !important;
    margin: 0px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
}

    .m-aside-left--minimize .m-aside-menu .m-menu__nav > .aside-menu-minimized-item > .m-menu__link .m-menu__link-text,
    .m-aside-left--minimize .m-aside-menu .m-menu__nav > .aside-menu-minimized-item > .m-menu__link .aside-menu-minimized-item-icon {
        font-size: 0.7rem !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        color: #5e6383;
    }

    .m-aside-left--minimize .m-aside-menu .m-menu__nav > .aside-menu-minimized-item > .m-menu__link .aside-menu-minimized-item-icon {
        padding-right: 10px;
    }

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link,
.m-portlet m-portlet--tabs,
#profileContent .m-portlet {
    border-radius: 10px !important;
}

.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle {
    border-radius: 10px !important;
}

.m-footer{
    border-radius: 10px 0 !important;
}


.m_datatable.m_datatable_label_head .m-datatable__table .m-datatable__head:not(:has( + .m-datatable__body .m-datatable--error)) {
    height: 0;
}
    /*.m_datatable.m_datatable_label_head .m-datatable__table .m-datatable__head {
        height: auto !important;
    }*/


.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 500;
    /*font-family: Roboto;*/
    margin: 0;
    padding: 0;
    color: #777983 !important;
}

    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link.active {
        border-bottom: 1px solid #575962 !important;
        color: #575962 !important;
    }

    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link.active.single {
        border-bottom: 0 !important;
        color: #575962 !important;
    }

.emahealth-nav.m-tabs-line.m-tabs-line--brand a.m-tabs__link.active, .emahealth-tabs-line .nav-link:hover, .emahealth-tabs-line .nav-link.active, .emahealth-tabs-line a.m-tabs__link:hover, .emahealth-tabs-line a.m-tabs__link.active {
    border-bottom: 1px solid #575962 !important;
}

.m-portlet.m-portlet--tabs .m-portlet__head {
    padding: 0 1.2rem !important;
}

.m_datatable_label_head .m-datatable__table {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover > i, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active > i, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover > i, .m-tabs-line.m-tabs-line--primary a.m-tabs__link.active > i {
    color: #b2b1c5 !important;
}

.m_datatable table{
    min-height: 50px !important;
}

.m-portlet{
    border-radius: 10px;
}