.bg-white {background-color: #ffffff !important;}
.bg-gray-100 {background-color: var(--bs-gray-100) !important;} /* --bs-gray-100: #f8f9fa; */
.bg-gray-200 {background-color: var(--bs-gray-200) !important;} /* --bs-gray-200: #e9ecef; */
.bg-gray-300 {background-color: var(--bs-gray-300) !important;} /* --bs-gray-300: #dee2e6; */
.bg-gray-400 {background-color: var(--bs-gray-400) !important;} /* --bs-gray-400: #ced4da; */
.bg-gray-500 {background-color: var(--bs-gray-500) !important;} /* --bs-gray-500: #adb5bd; */
.bg-gray-600 {background-color: var(--bs-gray-600) !important;} /* --bs-gray-600: #6c757d; */
.bg-gray-700 {background-color: var(--bs-gray-700) !important;} /* --bs-gray-700: #495057; */
.bg-gray-800 {background-color: var(--bs-gray-800) !important;} /* --bs-gray-800: #343a40;  */

.text-gray-500 {color: var(--bs-gray-500) !important;} /* --bs-gray-400: #adb5bd; */
.text-gray-600 {color: var(--bs-gray-600) !important;} /* --bs-gray-400: #6c757d; */
.text-gray-700 {color: var(--bs-gray-700) !important;} /* --bs-gray-400: #495057; */

.text-red-100 { color: #f8d7da }
.text-red-200 { color: #f1aeb5 }
.text-red-300 { color: #ea868f }
.text-red-400 { color: #e35d6a }
.text-red-500 { color: #dc3545 }
.text-red-600 { color: #b02a37 }
.text-red-700 { color: #842029 }
.text-red-800 { color: #58151c }
.text-red-900 { color: #2c0b0e }

.small{
    font-size: .875em !important;
}

.uid{
    color: var(--bs-code-color);
    font-weight: 400;
}

article img{
    width: 100%;
}

/* shift */
.shift-table .is-upd{
    background-color: rgb(255, 145, 0) !important;
    font-weight: 600;
}
.shift-table .edit-shift-link{
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

.shift-table .day-is-weekend{
    background-color: rgb(255, 251, 0) !important;
}
.shift-table .day-is-holy{
    background-color: rgb(255, 145, 0) !important;
}
 
.shift-table .day-is-now{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px solid rgba(43, 82, 255, 0.75);
    z-index: 50;
}



.shift-table .day-is-now-shift{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 60;
    left: 0;
    border: 2px solid rgba(255, 0, 0, 0.75);
}


.shift-table .day-is-short, .shift-table .day-is-work {
    position: relative;
}

.shift-table .day-is-work::before{
    content: '';
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 40;
    display: block;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 10px solid var(--bs-blue);
    position: absolute;
}

.shift-table .day-is-short::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 10px solid var(--bs-pink);
    right: 0;
    top: 0;
}








/* compare */
.popover-calc-table {
    --bs-popover-bg: #ffffff !important;
    --bs-popover-body-color: #000000 !important;
    --bs-popover-border-color: #5c5c5c !important;
}
.popover-calc-table .popover-body {
    padding: 0.5rem 0.5rem !important;
    font-size: 0.75rem;
}


.calc-table .bottom-border{
    border-bottom-width: 2px;
    border-bottom-color: #000;
}
.calc-table .left-border{
    border-left-width: 2px;
    border-left-color: #000;
}


.calc-table .bg-shift-16 {background-color: #ffffff !important;}
.calc-table .bg-shift-17 {background-color: #ffbb8e98 !important;}
.calc-table .bg-shift-18 {background-color: #b68fff44 !important;}
.calc-table .diff-more{ background-color: rgba(68, 255, 43, 0.25) !important;}
.calc-table .diff-less{ background-color: rgba(255, 43, 43, 0.25) !important;}


.calc-table * {
    font-size: 0.7rem;
}
.calc-table td, .calc-table th{
    padding: .3rem .3rem;
    white-space: nowrap;
    height: 15px;
}
.calc-table th{
    background-color: var(--bs-gray-400) !important;
}
.calc-table td.diff-cell{
    font-weight: 700;
}

.calc-table .day-is-weekend{
    background-color: rgb(255, 251, 0) !important;
}
.calc-table .day-is-holy{
    background-color: rgb(255, 145, 0) !important;
}


.calc-table .day-is-short, .calc-table .day-is-work {
    position: relative;
}

.calc-table .day-is-work::before{
    content: '';
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 40;
    display: block;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 10px solid var(--bs-blue);
    position: absolute;
}

.calc-table .day-is-short::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 10px solid var(--bs-pink);
    right: 0;
    top: 0;
}







.btn-custom-success{
    background-color: #198754;
    color: #f8f9fa;
}
.btn-custom-danger{
    background-color: #dc3545;
    color: #f8f9fa;
}
.btn-custom-warning{
    background-color: #fd7e14;
    color: #f8f9fa;
}

.card-body .input-group .input-group-text{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.card.bg-info{
    color: #055160 !important;
    background-color: #cff4fc !important;
}




.popover {
    --bs-popover-bg: #505050;
    --bs-popover-body-color: #fff;
}
.popover-header {
    background-color: #505050;
    color: #fff;
}

.pwdblock-username code,
.pwdblock-password code{
    color: #000;
    font-size: 1.1rem;
}
.btn-light-menu{
    font-weight: bolder;
    background-color: #e6e6e6;
}


.rounded-5 {
    border-radius: 1rem !important;
}



.hightlight{
    /* font-size: 2rem; */
    color: #000;
    background-color: #fdf000;
}


.alert-p-mb-0 p{
    margin-bottom: 0;
}


code {
    font-size: 100%;
}


.btn-template-compare.btn-outline-warning{
    --bs-btn-color: #000 !important;
}
.btn-template-compare{
    padding: 0.15rem 0.25rem ;
}


.jstree-anchor {
    white-space : normal !important;
    height : auto !important;
    padding-right : 24px;
}


.badge.badge-in-title{
    font-size: 0.85rem;
}

.fs-7 {
    font-size: 0.85rem !important;
}