.ts-scheduler-po-timu .dxbl-sc-timecells-container .dxbs-weekend-light-color {
    background-color: #F5F8FF; /*#f8f9fa;*/
}

.dxbl-resource-navigator .dxbl-rn-toolbar > button:first-child {
    width: 70px;
}

.ts-scheduler-po-timu {
    /*height: auto;*/
    overflow-y: scroll;
    width: 100%;
    max-height: calc(100vh - 197px) !important;
    min-height: 220px;
}

    .ts-scheduler-po-timu > :not(caption) > *,
    .ts-scheduler-po-timu .dxbl-sc-empty-cell table,
    .ts-scheduler-po-timu .dxbl-sc-empty-cell td,
    .ts-scheduler-po-timu .dxbl-sc-timeline .dxbl-sc-timescale:first-of-type td {
        /*border-top: 0.1rem dotted #EAEAEA !important;*/
    }

@media (max-width: 991.98px) {

    .ts-scheduler-po-timu {
        max-height: calc(100vh - 229px) !important;
    }
}

@media (max-width: 767.98px) {

    .ts-scheduler-po-timu {
        max-height: calc(100vh - 175px) !important;
    }
}

.ts-scheduler-po-timu .dxbl-sc-date-hr {
        font-size: 16px;
        padding: 0.3rem 0 !important;
        text-align: center;
    }
.ts-scheduler-po-timu .dxbl-sc-tb-wrapper {
    display: block;
}

/* hide vertical lines */
    .ts-scheduler-po-timu .dxbl-sc-horizontal-view td {
        /*border-left: 0;
		border-right: 0;*/
    }
/* hide default days week time buttons dxbs-toolbar-item dxbs-toolbar-layout-block-group */
    .ts-scheduler-po-timu.dxbs-btn-group.dxbs-toolbar-group.dxbs-toolbar-layout-block-group {
        display: none;
    }

/* hide vertical lines */
.ts-scheduler-po-timu .dxbl-sc-horizontal-view td {
    /*border-left: 0;
		border-right: 0;*/
}

/*Pločice sa appointment detaljima*/
.ts-scheduler-po-timu .ts-appointment {
    /*height: 20px;*/
    /*width:30px;*/
    cursor: pointer;
    min-width: 31px;
    overflow-wrap: break-word;
    word-break: break-all;
    padding-top: 10px; /* Set padding for the top */
    padding-right: 4px; /* Set padding for the right */
    /*padding-bottom: 0px;*/ /* Set padding for the bottom */
    padding-left: 4px; /* Set padding for the left */
}

.dx-scheduler-fullname-initials {
    font-weight: 600;
}

.dx-scheduler-fullname {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
}

.dx-scheduler-border-primary {
    border: 1px solid #0D7946; /*#ffc107*/
    border-radius: 4px;
    border-left: 4px outset #0D7946;
}

.dx-scheduler-border-warning {
    border: 1px solid #F27400;
    border-radius: 4px;
    border-left: 4px outset #F27400;
}

.ts-scheduler-po-timu .dxbl-sc-resources-scroll-area .dxbl-resource-header-content.ts-scheduler-group-tim {
    /*display: none;*/
    text-align: right;
  /*  height: 130px;
    width: 250px;*/
    transform-origin: bottom right;
}


.ts-scheduler-po-timu .ts-scheduler-group-tim span {
    text-align: center;
    font-weight: 500;
    /*    transform: rotate(270deg);
    transform-origin: center;*/
    color: #0059B2;
    font-size: 18px;
    white-space: nowrap;/* Add this line to prevent text wrapping */
}

/* Styles that apply only to Firefox */
@supports (-moz-appearance: none) {
    .ts-scheduler-po-timu .ts-scheduler-group-tim span {
        max-height: 120px !important;
        white-space: normal;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap;
    }

    
}

.ts-scheduler-po-timu td {
    /* height: 200px !important;*/
    /*width: 30px;*/ /* Set a fixed height for the table cell */
    vertical-align: middle; /* Center the content vertically */
    white-space: nowrap;
}
.ts-scheduler-po-timu .dxbl-sc-resources-scroll-area {
    width: 56px;
    max-width: 180px;
}
.ts-scheduler-po-timu .dxbl-sc-empty-cell {
    width: 56px;
    max-width: 180px;
}

/* Styles that apply only to Firefox */
@supports (-moz-appearance: none) {
    .ts-scheduler-po-timu .dxbl-sc-resources-scroll-area {
        width: 56px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap;
    }

    .ts-scheduler-po-timu .dxbl-sc-empty-cell {
        /*width: 56px !important;*/
        white-space: nowrap;
    }
}

.ts-scheduler-po-timu .it span {
    color: #1B6EC2;
}
.ts-scheduler-po-timu .uprava span {
    color: #199F27;
}
.ts-scheduler-po-timu .prodaja span {
    color: #FF4040;
}
.ts-scheduler-po-timu .skladište span {
    color: #E2574C;
}
.ts-scheduler-po-timu .računovodstvo span {
    color: #434AF9;
}
.ts-scheduler-po-timu .marketing span {
    color: #434AF9;
}


/* Prva Kolona sa Timovima*/
.dxbl-v-resource-header.ts-scheduler-group-tim {
    border: 0.1em solid var(--bs-border-color, var(--bs-gray-400, #ced4da)) !important;
    border-left: 0px !important;
    /*border-bottom: 2rem;*/
    padding: 8px;
    width: 20px;
}


    .dxbl-sc-table.dxbl-sc-resource-headers th, .dxbl-v-resource-header.ts-scheduler-group-tim td {
        /*border: 0.1em solid var(--bs-border-color, var(--bs-gray-400, #ced4da)) !important;*/
        padding: 8px;
        /*width: 20px;*/
    }

.dxbl-sc-table.dxbl-sc-resource-headers th {
   /* border: 0.1em solid var(--bs-border-color, var(--bs-gray-400, #ced4da)) !important;*/
    background-color: #f2f2f2;
}

/*imena mjeseci*/
.dxbl-sc-table .dxbl-sc-timescale {
    border: 0.2rem  !important;
}
/*#endregion ts-scheduler-po-timu */
.ts-scheduler-po-timu-bullets-div {
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
    padding-top: 12px;
}

.ts-scheduler-po-timu-bullets-div-detalji {
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
    font-size: 16px;
}
.ts-scheduler-po-timu-bullets-div-detalji-mobile {
    padding-bottom: 12px;
    font-size: 16px;
    padding-top: 8px;
}

.ts-scheduler-po-timu-bullet-approved {
    background-color: #0D7946;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 2px;
}
.ts-scheduler-po-timu-bullet-new-request {
    background-color: #F27400;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 2px;
}
.ts-scheduler-po-timu-bullet-approved-text {
    padding-right: 10px;
    transform: translateY(-3px)
}

.ts-scheduler-po-timu-bullet-new-request-text {
    padding-right: 5px;
    transform: translateY(-3px)
}
/*bullet mobile*/
.ts-scheduler-po-timu-bullet-approved-mobile {
    background-color: #0D7946;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 2px;
}

.ts-scheduler-po-timu-bullet-new-request-mobile {
    background-color: #F27400;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 2px;
}

.ts-scheduler-po-timu-bullet-approved-text-mobile {
    padding-right: 10px;
    transform: translateY(-3px);
    font-size: 16px;
}

.ts-scheduler-po-timu-bullet-new-request-text-mobile {
    padding-right: 5px;
    transform: translateY(-3px);
    font-size: 16px;
}

.ts-scheduler-po-timu .weekend-color {
    color: #0059B2;
}

.dxbl-sc-date-hr.dxbs-weekend-light-color span {
    /*background-color: #F5F8FF;*/
    font-weight:500;
}



.dxbl-loading-panel .dxbl-loading-panel-container.dxbl-loading-panel-shading {
    background-color: rgba(255, 255, 255, 1) !important;
    border-radius: 10px !important;

}
.ts-absence-calendar-title {
    font-size: 32px !important;
    font-weight: 500;
}