/* mac salud themes */
.theme-mcs {
    font-size: 12px !important;
}

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #CFD8DC;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--mcs-primary);
    border-radius: 6px;
    border: 3px solid #CFD8DC;
}

.theme-mcs ::selection {
    color: #fff;
    background: var(--mcs-primary)
}

.theme-mcs .page-loader-wrapper {
    background: var(--mcs-primary)
}

.theme-mcs #left-sidebar .nav-tabs .nav-link.active {
    color: var(--mcs-primary)
}

.theme-mcs:before, .theme-mcs:after {
    background: var(--mcs-primary) !important;
}

.theme-mcs #wrapper:before, .theme-mcs #wrapper:after {
    background: var(--mcs-primary) !important;
}

.theme-mcs .sidebar-nav .metismenu > li.active > a {
    border-left-color: var(--mcs-primary)
}

.theme-mcs .navbar-nav ul.menu-icon {
    background: var(--mcs-primary)
}

.theme-mcs .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: var(--mcs-primary);
    border-color: var(--mcs-primary)
}

.theme-mcs .chat-widget li.right .chat-info {
    background: var(--mcs-primary);
    color: #fff
}

.theme-mcs .chat-widget li.right .chat-info:before {
    border-left: 10px solid var(--mcs-primary)
}

.theme-mcs .blog-page .single_post .footer .stats li a:hover {
    color: var(--mcs-primary)
}

.theme-mcs .auth-main .btn-primary {
    background: var(--mcs-primary);
    border-color: var(--mcs-primary)
}

.theme-mcs .sidebar-nav .metismenu > li i {
    color: var(--mcs-primary)
}

.theme-mcs .right_chat li a:hover .media-object {
    border-color: var(--mcs-primary)
}

.theme-mcs .card :is(h1, h2, h3, h4, h5, h6, label) {
    color: var(--mcs-primary);
}

.theme-mcs .breadcrumb {
    color: var(--mcs-primary);
}

.theme-mcs .breadcrumb a {
    color: var(--mcs-primary);
}

.theme-mcs .text-mcs-primary {
    color: var(--mcs-primary);
}

.theme-mcs .text-mcs {
    color: var(--mcs-primary);
}

.theme-mcs .bg-mcs {
    background-color: var(--mcs-primary) !important;
}

.theme-mcs .bg-mcs-opaque {
    background-color: var(--mcs-primary-opaque) !important;
}

.theme-mcs .nav-link {
    color: var(--mcs-primary);
    background-color: white !important;
}

.theme-mcs .nav-link:hover {
    background-color: var(--mcs-primary) !important;
    color: white !important;
}

.theme-mcs .nav-link:after {
    background-color: var(--mcs-primary) !important;
    color: white;
}

.theme-mcs .active-mcs {
    background-color: var(--mcs-primary) !important;
    color: white;
}

.theme-mcs li.active > a {
    background: #d2d2d2 !important;
    color: var(--mcs-primary) !important;
}

.theme-mcs .smart {
    color: rgb(43, 43, 53) !important;
}

.theme-mcs .chat-border {
    border: 1px solid var(--mcs-secondary);
}

/* region************************************* NG-SELECT ******************************************/
.ng-select.ng-select-disabled > .ng-select-container {
    background-color: #e9ecef;
}

/* endregion NG-SELECT *****/


/* region************************************* BADGE ******************************************/


.badge-default {
    background: transparent;
    border-color: #9A9A9A;
    color: #9A9A9A
}

.badge-primary {
    background: transparent;
    border-color: #49c5b6;
    color: #49c5b6
}

.badge-info {
    background: transparent;
    border-color: #3C89DA;
    color: #3C89DA
}

.badge-success {
    background: transparent;
    border-color: #22af46;
    color: #22af46
}

.badge-warning {
    background: transparent;
    border-color: #f3ad06;
    color: #f3ad06
}

.badge-danger {
    background: transparent;
    border-color: #de4848;
    color: #de4848
}

/* region************ Badge MCS **************/

a.badge-mcs:focus, a.badge-mcs:hover {
    text-decoration: none
}

.badge-mcs:empty {
    display: none
}

.badge-mcs-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

/* PRIMARY */
.badge-mcs-primary {
    color: #fff;
    background-color: var(--mcs-primary);
    border-color: var(--mcs-primary);
}

a.badge-mcs-primary:focus, a.badge-mcs-primary:hover {
    color: #fff;
    background-color: var(--mcs-primary)
}

a.badge-mcs-primary.focus, a.badge-mcs-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-primary)
}

div.badge-mcs-primary, div.badge-mcs-primary:focus, div.badge-mcs-primary:hover {
    color: white;
    background-color: #007bff;
    border-color: white;
}

/* PRIMARY OUTLINE */
.badge-outline-mcs-primary {
    color: var(--mcs-primary);
}

a.badge-outline-mcs-primary:focus, a.badge-outline-mcs-primary:hover {
    color: var(--mcs-primary);
}

a.badge-outline-mcs-primary.focus, a.badge-outline-mcs-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-primary)
}

/* SECONDARY */
.badge-mcs-secondary {
    color: #fff;
    background-color: var(--mcs-terciary)
}

a.badge-mcs-secondary:focus, a.badge-mcs-secondary:hover {
    color: #fff;
    background-color: var(--mcs-terciary)
}

a.badge-mcs-secondary.focus, a.badge-mcs-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-terciary)
}

/* SECONDARY OUTLINE */
.badge-outline-mcs-secondary {
    color: var(--mcs-terciary);
}

a.badge-outline-mcs-secondary:focus, a.badge-outline-mcs-secondary:hover {
    color: var(--mcs-terciary);
}

a.badge-outline-mcs-secondary.focus, a.badge-outline-mcs-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-terciary)
}

/* SUCCESS */
.badge-mcs-success {
    color: #fff;
    background-color: var(--mcs-edit)
}

a.badge-mcs-success:focus, a.badge-mcs-success:hover {
    color: #fff;
    background-color: var(--mcs-edit)
}

a.badge-mcs-success.focus, a.badge-mcs-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-edit)
}

/* SUCCESS OUTLINE */
.badge-outline-mcs-success {
    color: var(--mcs-edit);
}

a.badge-outline-mcs-success:focus, a.badge-outline-mcs-success:hover {
    color: var(--mcs-edit);
}

a.badge-outline-mcs-success.focus, a.badge-outline-mcs-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-edit)
}

/* INFO */
.badge-mcs-info {
    color: #fff;
    background-color: var(--mcs-details)
}

a.badge-mcs-info:focus, a.badge-mcs-info:hover {
    color: #fff;
    background-color: var(--mcs-details)
}

a.badge-mcs-info.focus, a.badge-mcs-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-details)
}

/* INFO OUTLINE */
.badge-outline-mcs-info {
    color: var(--mcs-details);
}

a.badge-outline-mcs-info:focus, a.badge-outline-mcs-info:hover {
    color: var(--mcs-details);
}

a.badge-outline-mcs-info.focus, a.badge-outline-mcs-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-details)
}

/* WARNING */
.badge-mcs-warning {
    color: #212529;
    background-color: var(--mcs-secondary)
}

a.badge-mcs-warning:focus, a.badge-mcs-warning:hover {
    color: #212529;
    background-color: var(--mcs-secondary)
}

a.badge-mcs-warning.focus, a.badge-mcs-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-secondary)
}

/* WARNING OUTLINE */
.badge-outline-mcs-warning {
    color: var(--mcs-secondary);
}

a.badge-outline-mcs-warning:focus, a.badge-outline-mcs-warning:hover {
    color: var(--mcs-secondary);
}

a.badge-outline-mcs-warning.focus, a.badge-outline-mcs-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-secondary)
}

/* DANGER */
.badge-mcs-danger {
    color: #fff;
    background-color: var(--mcs-danger)
}

a.badge-mcs-danger:focus, a.badge-mcs-danger:hover {
    color: #fff;
    background-color: var(--mcs-danger)
}

a.badge-mcs-danger.focus, a.badge-mcs-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-danger)
}

/* DANGER OUTLINE */
.badge-outline-mcs-danger {
    color: var(--mcs-danger);
}

a.badge-outline-mcs-danger:focus, a.badge-outline-mcs-danger:hover {
    color: var(--mcs-danger);
}

a.badge-outline-mcs-danger.focus, a.badge-outline-mcs-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-danger)
}

/* LIGHT */
.badge-mcs-light {
    color: #212529;
    background-color: var(--mcs-base-light)
}

a.badge-mcs-light:focus, a.badge-mcs-light:hover {
    color: #212529;
    background-color: var(--mcs-base-light)
}

a.badge-mcs-light.focus, a.badge-mcs-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-base-light)
}

/* LIGHT OUTLINE */
.badge-outline-mcs-light {
    color: var(--mcs-base-light);
}

a.badge-outline-mcs-light:focus, a.badge-outline-mcs-light:hover {
    color: var(--mcs-base-light);
}

a.badge-outline-mcs-light.focus, a.badge-outline-mcs-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-base-light)
}

/* DARK */
.badge-mcs-dark {
    color: #fff;
    background-color: var(--mcs-base-dark)
}

a.badge-mcs-dark:focus, a.badge-mcs-dark:hover {
    color: #fff;
    background-color: var(--mcs-base-dark)
}

a.badge-mcs-dark.focus, a.badge-mcs-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-base-dark)
}

/* DARK OUTLINE */
.badge-outline-mcs-dark {
    color: var(--mcs-base-dark);
}

a.badge-outline-mcs-dark:focus, a.badge-outline-mcs-dark:hover {
    color: var(--mcs-base-dark);
}

a.badge-outline-mcs-dark.focus, a.badge-outline-mcs-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--mcs-base-dark)
}

/* endregion Badge mcs */

/* endregion BADGE */


/*region********************************** INPUTS *****************************************/

.form-control {
    background-color: #fff;
}

.form-control:focus {
    border-color: #c1c0c0
}

.form-control.parsley-error:focus {
    border-color: #e1b3b3
}

.form-control.parsley-success:focus {
    border-color: #afd99d
}


.theme-mcs div .form-control.disabled, .form-control[readonly] {
    background-color: #F7F7F7FF;
    cursor: default;
}

.theme-mcs input[type="month"][disabled],
.theme-mcs input[type="number"][disabled],
.theme-mcs input[type="number"][readonly],
.theme-mcs input[type="date"][disabled],
.theme-mcs input[type="date"][readonly],
.theme-mcs input[type="time"][disabled],
.theme-mcs input[type="time"][readonly],
.theme-mcs input[type="datetime-local"][disabled],
.theme-mcs input[type="datetime-local"][readonly],
.theme-mcs input[type="month"][disabled],
.theme-mcs input[type="month"][readonly] {
    background-color: #F7F7F7FF;
    cursor: default;
}

/* region********** Radio ************/

.theme-mcs label.fancy-radio input[type="radio"] + span {
    color: #495057;
}

.theme-mcs .fancy-radio input[type="radio"]:checked + span i {
    border-color: var(--mcs-primary);
}

.theme-mcs .fancy-radio input[type="radio"]:checked + span i:after {
    background-color: var(--mcs-primary);
    border-color: var(--mcs-primary);
}

.theme-mcs .fancy-radio input[type="radio"][disabled] + span i,
.theme-mcs .fancy-radio input[type="radio"][readonly] + span i,
.theme-mcs .fancy-radio input[type="radio"][disabled]:checked + span i,
.theme-mcs .fancy-radio input[type="radio"][readonly]:checked + span i {
    border-color: #cfcfd5;
}

.theme-mcs .fancy-radio input[type="radio"][disabled]:checked + span i:after,
.theme-mcs .fancy-radio input[type="radio"][readonly]:checked + span i:after {
    background-color: #cfcfd5;
    border-color: #cfcfd5;
}

/* endregion Radio */


/*endregion********************************************************************************/


/*region************************************** BUTTONS *********************************************/

/* region**************** ACTIONS *****************/

/*btn to mcs*/
.theme-mcs .btn-mcs {
    background: var(--mcs-primary);
    color: white
}

.theme-mcs .btn-mcs:hover {
    color: white
}


.theme-mcs .btn-outline-mcs {
    border: solid 1px var(--mcs-primary);
    color: var(--mcs-primary);
}

.theme-mcs .btn-outline-mcs:hover {
    background: var(--mcs-primary);
    color: white
}

.theme-mcs .dropup > .dropdown-menu > .btn-outline-mcs {
    border: solid 1px var(--mcs-primary) !important;
    color: var(--mcs-primary) !important;
    text-align: center !important;
}

.theme-mcs .dropup > .dropdown-menu .btn-outline-mcs:hover {
    background: var(--mcs-primary) !important;
    color: white !important;
}


/*btn to Action 1*/
.theme-mcs .btn-mcs-action-1 {
    background-color: var(--mcs-action-1);
    color: white
}

.theme-mcs .btn-mcs-action-1:hover {
    color: white
}

.theme-mcs .btn-outline-mcs-action-1 {
    border: solid 1px var(--mcs-action-1);
    color: var(--mcs-action-1);
}

.theme-mcs .btn-outline-mcs-action-1:hover {
    background-color: var(--mcs-action-1);
    color: white
}


/*btn tertiary*/

.theme-mcs .btn-mcs-tertiary {
    background-color: var(--mcs-terciary);
    color: white
}

.theme-mcs .btn-mcs-tertiary:hover {
    color: white
}

.theme-mcs .btn-outline-mcs-tertiary {
    border: solid 1px var(--mcs-terciary);
    color: var(--mcs-terciary);
}

.theme-mcs .btn-outline-mcs-tertiary:hover {
    background-color: var(--mcs-terciary);
    color: white
}

/*btn to Details*/

.theme-mcs .btn-mcs-details {
    background-color: var(--mcs-details);
    color: white
}

.theme-mcs .btn-mcs-details:hover {
    color: white
}

.theme-mcs .btn-outline-mcs-details {
    border: solid 1px var(--mcs-details);
    color: var(--mcs-details);
}

.theme-mcs .btn-outline-mcs-details:hover {
    background-color: var(--mcs-details);
    color: white
}

/*btn to Delete*/

.theme-mcs .btn-outline-mcs-delete {
    border: solid 1px var(--mcs-danger);
    color: var(--mcs-danger);
}

.theme-mcs .btn-outline-mcs-delete:hover {
    background-color: var(--mcs-danger);
    color: white
}

/*btn to primary*/

.theme-mcs .btn-mcs-primary {
    background-color: var(--mcs-primary);
    color: white;
}

.theme-mcs .btn-mcs-primary:hover {
    background-color: var(--mcs-primary);
    color: white
}

.theme-mcs .btn-outline-mcs-qr {
    border: solid 1px var(--mcs-primary);
    color: var(--mcs-primary);
}

.theme-mcs .btn-outline-mcs-qr:hover {
    background-color: var(--mcs-primary);
    color: white
}

/*btn to Edit*/

.theme-mcs .btn-mcs-edit {
    background-color: var(--mcs-edit);
    color: white
}

.theme-mcs .btn-mcs-edit:hover {
    background-color: #205923;
    color: white
}

.theme-mcs .btn-outline-mcs-edit {
    border: solid 1px var(--mcs-edit);
    color: var(--mcs-edit);
}

.theme-mcs .btn-outline-mcs-edit:hover {
    background-color: var(--mcs-edit);
    color: white
}

/*btn neutral*/

.theme-mcs .btn-mcs-neutral {
    background-color: #b0bfcc;
    color: white
}

.theme-mcs .btn-mcs-neutral:hover {
    background-color: #939fab;
    color: white
}

/*btn secondary*/

.theme-mcs .btn-mcs-secondary {
    background-color: #F3AD06;
    color: white;
}

.theme-mcs .btn-mcs-secondary:hover {
    background-color: #bb8606;
    color: white
}


/*btn to Observations*/
.theme-mcs .btn-mcs-observation-1 {
    background-color: var(--mcs-observation-1);
    color: white
}

.theme-mcs .btn-mcs-observation-1:hover {
    color: white
}

.theme-mcs .btn-outline-mcs-observation-1 {
    border: solid 1px var(--mcs-observation-1);
    color: var(--mcs-observation-1);
}

.theme-mcs .btn-outline-mcs-observation-1:hover {
    background-color: var(--mcs-observation-1);
    color: white
}


/*btn to Observations 2*/
.theme-mcs .btn-mcs-observation-2 {
    background-color: var(--mcs-observation-2);
    color: white
}

.theme-mcs .btn-mcs-observation-2:hover {
    color: white
}

.theme-mcs .btn-outline-mcs-observation-2 {
    border: solid 1px var(--mcs-observation-2);
    color: var(--mcs-observation-2);
}

.theme-mcs .btn-outline-mcs-observation-2:hover {
    background-color: var(--mcs-observation-2);
    color: white
}


/*btn to Observations 3*/
.theme-mcs .btn-mcs-observation-3 {
    background-color: var(--mcs-observation-3);
    color: white
}

.theme-mcs .btn-mcs-observation-3:hover {
    border: solid 1px var(--mcs-observation-3);
    background-color: white;
    color: var(--mcs-observation-3)
}

.theme-mcs .btn-outline-mcs-observation-3 {
    border: solid 1px var(--mcs-observation-3);
    color: var(--mcs-observation-3);
}

.theme-mcs .btn-outline-mcs-observation-3:hover {
    background-color: var(--mcs-observation-3);
    color: white
}


/*btn to Enable/Disable*/
.theme-mcs .btn-mcs-enable-disable {
    background-color: var(--mcs-enable-disable);
    color: white
}

.theme-mcs .btn-mcs-enable-disable:hover {
    color: white
}

.theme-mcs .btn-outline-mcs-enable-disable {
    border: solid 1px var(--mcs-enable-disable);
    color: var(--mcs-enable-disable);
}

.theme-mcs .btn-outline-mcs-enable-disable:hover {
    background-color: var(--mcs-enable-disable);
    color: white
}

.theme-mcs .btn {
    font-size: 12px;
}

/*btn to warning*/
.theme-mcs .btn-mcs-warning {
    background-color: var(--mcs-warning);
    color: white
}

.theme-mcs .btn-mcs-warning:hover {
    background-color: #e0a700;
    color: white
}

.theme-mcs .btn-outline-mcs-warning {
    border: solid 1px var(--mcs-warning);
    color: var(--mcs-warning);
}

.theme-mcs .btn-outline-mcs-warning:hover {
    background-color: var(--mcs-warning);
    color: white
}

/*btn disabled*/

.theme-mcs .btn-mcs:disabled,
.theme-mcs .btn-mcs:disabled:hover,
.theme-mcs .btn-outline-mcs:disabled,
.theme-mcs .btn-outline-mcs:disabled:hover,
.theme-mcs .btn-outline-mcs-delete:disabled,
.theme-mcs .btn-outline-mcs-delete:disabled:hover,
.theme-mcs .btn-mcs-edit:disabled,
.theme-mcs .btn-mcs-edit:disabled:hover,
.theme-mcs .btn-outline-mcs-edit:disabled,
.theme-mcs .btn-outline-mcs-edit:disabled:hover,
.theme-mcs .btn-mcs-observation-1:disabled,
.theme-mcs .btn-mcs-observation-1:disabled:hover,
.theme-mcs .btn-outline-mcs-observation-1:disabled,
.theme-mcs .btn-outline-mcs-observation-1:disabled:hover,
.theme-mcs .btn-mcs-observation-2:disabled,
.theme-mcs .btn-mcs-observation-2:disabled:hover,
.theme-mcs .btn-outline-mcs-observation-2:disabled,
.theme-mcs .btn-outline-mcs-observation-2:disabled:hover,
.theme-mcs .btn-mcs-observation-3:disabled,
.theme-mcs .btn-mcs-observation-3:disabled:hover,
.theme-mcs .btn-outline-mcs-observation-3:disabled,
.theme-mcs .btn-outline-mcs-observation-3:disabled:hover,
.theme-mcs .btn-mcs-warning:disabled,
.theme-mcs .btn-mcs-warning:disabled:hover,
.theme-mcs .btn-outline-mcs-warning:disabled,
.theme-mcs .btn-outline-mcs-warning:disabled:hover {
    background-color: transparent;
    border-color: var(--mcs-disable);
    color: var(--mcs-disable);
    pointer-events: none;
}

/* endregion */

/* region***************** STATUS *****************/
.theme-mcs .button-status-info,
.theme-mcs .button-status-info:focus,
.theme-mcs .button-status-info:hover,
.theme-mcs .drop-down-mcs-status .button-status-info,
.theme-mcs .drop-down-mcs-status .button-status-info:focus,
.theme-mcs .drop-down-mcs-status .button-status-info:hover {
    color: #f7f7f7;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.theme-mcs .button-status-success,
.theme-mcs .button-status-success:focus,
.theme-mcs .button-status-success:hover,
.theme-mcs .drop-down-mcs-status .button-status-success,
.theme-mcs .drop-down-mcs-status .button-status-success:focus,
.theme-mcs .drop-down-mcs-status .button-status-success:hover {
    background-color: #37b448;
    border-color: #319a3f;
    color: #f8fff8;
}

.theme-mcs .button-status-in-execution,
.theme-mcs .button-status-in-execution:focus,
.theme-mcs .button-status-in-execution:hover,
.theme-mcs .drop-down-mcs-status .button-status-in-execution,
.theme-mcs .drop-down-mcs-status .button-status-in-execution:focus,
.theme-mcs .drop-down-mcs-status .button-status-in-execution:hover {
    background-color: #c0e3b1;
    border-color: #c5c5c5;
    color: #343a40;
}

.theme-mcs .button-status-primary,
.theme-mcs .button-status-primary:focus,
.theme-mcs .button-status-primary:hover,
.theme-mcs .drop-down-mcs-status .button-status-primary,
.theme-mcs .drop-down-mcs-status .button-status-primary:focus,
.theme-mcs .drop-down-mcs-status .button-status-primary:hover {
    background-color: #007bff;
    border-color: #007bff;
    color: #f7f7f7;
}

.theme-mcs .button-status-warning,
.theme-mcs .button-status-warning:focus,
.theme-mcs .button-status-warning:hover,
.theme-mcs .drop-down-mcs-status .button-status-warning,
.theme-mcs .drop-down-mcs-status .button-status-warning:focus,
.theme-mcs .drop-down-mcs-status .button-status-warning:hover {
    background-color: #ffcf4a;
    border-color: #d9c173;
    color: #56491c;
}

.theme-mcs .button-status-danger,
.theme-mcs .button-status-danger:focus,
.theme-mcs .button-status-danger:hover,
.theme-mcs .drop-down-mcs-status .button-status-danger,
.theme-mcs .drop-down-mcs-status .button-status-danger:focus,
.theme-mcs .drop-down-mcs-status .button-status-danger:hover {
    background-color: #d94f5d;
    border-color: #bd4551;
    color: #f7f7f7;
}

.theme-mcs .button-status-secondary,
.theme-mcs .button-status-secondary:focus,
.theme-mcs .button-status-secondary:hover,
.theme-mcs .drop-down-mcs-status .button-status-secondary,
.theme-mcs .drop-down-mcs-status .button-status-secondary:focus,
.theme-mcs .drop-down-mcs-status .button-status-secondary:hover {
    color: #f7f7f7;
    background-color: #a9afb4;
    border-color: #a9afb4;
}

.theme-mcs .button-status-dark,
.theme-mcs .button-status-dark:focus,
.theme-mcs .button-status-dark:hover,
.theme-mcs .drop-down-mcs-status .button-status-dark,
.theme-mcs .drop-down-mcs-status .button-status-dark:focus,
.theme-mcs .drop-down-mcs-status .button-status-dark:hover {
    color: #e3e3e3;
    background-color: #343a40;
    border-color: #343a40;
}

/* endregion STATUS */

/*endregion BUTTONS */


/*region********************************* TABLE *******************************************/

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active:active {
    background-color: #5c8ed4;
    border-color: #3c78cb
}

.table-custom.table tbody tr:hover {
    background-color: #f4f7f6
}

/* region***************** THEAD *****************/
.table .thead-primary th {
    color: #fff;
    background-color: #49c5b6;
    border-color: #49c5b6
}

.table .thead-success th {
    color: #fff;
    background-color: #22af46;
    border-color: #22af46
}

.table .thead-danger th {
    color: #fff;
    background-color: #de4848;
    border-color: #de4848
}

.table .thead-info th {
    color: #fff;
    background-color: #3C89DA;
    border-color: #3C89DA
}

.table .thead-purple th {
    color: #fff;
    background-color: #a27ce6;
    border-color: #a27ce6
}

.theme-mcs .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header {
    background-color: var(--mcs-primary);
    border-color: var(--mcs-primary);
    color: white
}

.theme-mcs .table thead.thead-mcs,
.theme-mcs .ng-dropdown-panel .table thead.thead-mcs {
    background: var(--mcs-primary);
    border-color: var(--mcs-primary);
    color: white
}

/* endregion THEAD ****/

/* region***************** STICKY *****************/

.theme-mcs .stickyhead {
    border: solid 2px var(--mcs-primary);
}

.theme-mcs .stickyhead::-webkit-scrollbar-track {
    background: #CFD8DC;
}

.theme-mcs .stickyhead::-webkit-scrollbar-thumb {
    background-color: var(--mcs-primary);
    border: 3px solid #CFD8DC;
}

.theme-mcs .stickyhead > table > thead {
    background-color: var(--mcs-primary);
    color: var(--mcs-base-light);
    border: solid 2px var(--mcs-primary);
    box-shadow: inset 0 1px 0 var(--mcs-primary), inset 0 -42px 0 var(--mcs-primary);
}


.theme-mcs th.stickyCol,
.theme-mcs th.stickycol {
    background-color: var(--mcs-primary);
}

.theme-mcs th.stickycol::before,
.theme-mcs th.stickycol::after {
    background-color: var(--mcs-primary);
}

/* endregion****************************************/

/* region*************** FILE COLOR ****************/

.theme-mcs tr td.stickycol::before,
.theme-mcs tr td.stickycol::after {
    background-color: #dee2e6;
}

.theme-mcs tr td.stickycol {
    background-color: #fdfdfd;
    color: #212529;
}

.theme-mcs tr:hover td.stickycol {
    background-color: #eaeaea;
}


/* region**** RED ********/

.theme-mcs tr.file-bg-danger td,
.theme-mcs tr.file-bg-danger td.stickycol {
    border-color: #e7c9cb;
    background-color: #ffedf0;
    color: #8f1100;
}

.theme-mcs tr.file-bg-danger:hover td,
.theme-mcs tr.file-bg-danger:hover td.stickycol {
    border-color: #e7c9cb;
    background-color: #f6d7dc;
    color: #8f1100;
}

.theme-mcs tr.file-bg-danger td.stickycol::before,
.theme-mcs tr.file-bg-danger td.stickycol::after {
    background-color: #e7c9cb;
}

/* endregion RED */


/* region**** YELLOW ********/

.theme-mcs tr.file-bg-yellow td {
    border-color: #ead89d;
    background-color: #fffad7;
    color: #503700;
}

.theme-mcs tr.file-bg-yellow td.stickycol {
    background-color: #fffad7;
    color: #503700;
}

.theme-mcs tr.file-bg-yellow:hover td {
    border-color: #ead89d;
    background-color: #f5ebb1;
    color: #503700;
}

.theme-mcs tr.file-bg-yellow:hover td.stickycol {
    background-color: #f5ebb1;
    color: #503700;
}

.theme-mcs tr.file-bg-yellow td.stickycol::before,
.theme-mcs tr.file-bg-yellow td.stickycol::after {
    background-color: #ead89d;
}

/* endregion YELLOW */

/* endregion *****************************************/


/* region*************** CELL COLOR ****************/

/* region**** RED ********/

.theme-mcs tr td.cell-bg-danger,
.theme-mcs tr td.cell-bg-danger.stickycol {
    border-color: #e7c9cb;
    background-color: #ffedf0;
    color: #8f1100;
}

.theme-mcs tr td.cell-bg-danger:hover,
.theme-mcs tr td.cell-bg-danger.stickycol:hover,
.theme-mcs tr:hover td.cell-bg-danger,
.theme-mcs tr:hover td.cell-bg-danger.stickycol {
    border-color: #e7c9cb;
    background-color: #f6d7dc;
    color: #8f1100;
}

.theme-mcs tr td.cell-bg-danger.stickycol::before,
.theme-mcs tr td.cell-bg-danger.stickycol::after {
    background-color: #e7c9cb;
}

/* endregion RED */


/* region**** YELLOW ********/

.theme-mcs tr td.cell-bg-yellow,
.theme-mcs tr td.cell-bg-yellow.stickycol {
    border-color: #ead89d;
    background-color: #fffad7;
    color: #503700;
}

.theme-mcs tr td.cell-bg-yellow:hover,
.theme-mcs tr td.cell-bg-yellow.stickycol:hover {
    border-color: #ead89d;
    background-color: #f5ebb1;
    color: #503700;
}

.theme-mcs tr td.cell-bg-yellow.stickycol::before,
.theme-mcs tr td.cell-bg-yellow.stickycol::after {
    background-color: #ead89d;
}

/* endregion YELLOW */


/* region**** GREEN ********/

.theme-mcs tr td.cell-bg-green,
.theme-mcs tr td.cell-bg-green.stickycol {
    border-color: #b0ea9d;
    background-color: #eaf8ea;
    color: #0b5000;
}

.theme-mcs tr td.cell-bg-green:hover,
.theme-mcs tr td.cell-bg-green.stickycol:hover,
.theme-mcs tr:hover td.cell-bg-green,
.theme-mcs tr:hover td.cell-bg-green.stickycol {
    border-color: #b0ea9d;
    background-color: #d2eace;
    color: #0b5000;
}

.theme-mcs tr td.cell-bg-green.stickycol::before,
.theme-mcs tr td.cell-bg-green.stickycol::after {
    background-color: #b0ea9d;
}

/* endregion GREEN */

/* endregion *****************************************/

/*endregion**********************************************************************************/