/* Project custom utilities — loaded after Metronic's styles.css. */
:root{
    --color_p : #467fd0;
    --color_p_text : #fff;
    --color_d : #cc0033;
    --color_d_text : #fff;
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --border-color: oklch(94% 0.004 286.32);
}

.bg-success {
	background-color: var(--color-green-500);
    border-color: var(--color-green-500);
    color: var(--color_d_text);
}

.bg-destructive {
    background-color: var(--color_d)!important;
    border-color: var(--color_d)!important;
    color: var(--color_d_text)!important;
}
.bg-primary {
     background-color: var(--color-blue-500)!important;
    border-color: var(--color-blue-500)!important; 
    color: var(--color_d_text)!important;
}
.bg-holiday {
    background-color: #008236!important; 
    border-color:rgba(251, 191, 36, 0.6)!important;
    opacity:1!important;
}
.fc-day-sat, 
.fc-day-sun {
    background-color: #eefff5 !important;
}
#calendar-project-planning .fc-prev-button,
#staff-calendar .fc-prev-button,
#staff-calendar .fc-next-button,
#calendar-project-planning .fc-next-button {
    display: none !important;
}
.mt-16 {
    margin-top:16px;
}

.remun-modal, .staff-modal{
    display: flex;
    z-index: 50;
    background: rgba(0, 0, 0, 0.5);
}
.fade {
    transition: opacity 0.15s linear;
}
.gap-5 {
    gap:5px;
}
.gap-20 {
    gap:20px;
}
.hour-row {
    border-bottom:1px solid var(--border-color);
    padding-bottom: 5px;
}
.hour-row:last-child{
    border:none;
}
.flex-column{
    flex-direction: column;
}

.full-width {
    width: 100%;
}
.arrow-month{
    cursor: pointer;
    font-size: 12px;
}
.pointer {
    cursor: pointer;
}

.justify-center {
    justify-content: center;
}
.break-words {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.max-content-width {
    width: max-content;
    display: flex;
    flex-direction: column;
}
.text-area-auto-height {
    field-sizing: content;
    min-height: 1lh;
    max-height: 10lh; 
}
.chat-messages-box {
    max-height: 500px;
    overflow-y: scroll;
    scrollbar-width: thin;
}
.chat-messages-box::-webkit-scrollbar {
    width:2px;
}

.max-w-sm  { max-width: 24rem; }
.max-w-md  { max-width: 28rem; }
.max-w-lg  { max-width: 32rem; }
.max-w-xl  { max-width: 36rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-6xl { max-width: 72rem; }
.max-w-7xl { max-width: 80rem; }

.round-16 {border-radius: 1.6rem;}
.height-46 {height: 46px;}

.swal2-actions{
    flex-direction: row-reverse;
}