body::before {
    content: "desktop";
    display: none;
    /* hide the content, we will just read it with JS */
}

/* Default style, assuming this is for bigger screens */
.ag-grid_H73 {
    height: 73vh;
    width: 100%;
}

.ag-grid_H76 {
    height: 76vh;
    width: 100%;
}

.ag-grid_H78 {
    height: 76vh;
    width: 100%;
}

.filter-text-box {
    width: 40em;
}

.pointer-cursor {
    cursor: pointer;
}

/* Style for big screens (e.g., laptops) */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ag-grid_H73 {
        height: 73vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H76 {
        height: 76vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H78 {
        height: 78vh;
        /* Adjust this value as needed */
    }

    body::before {
        content: "webkit-min-device-pixel-ratio";
    }

    .filter-text-box {
        width: 37em;
    }
}

/* Style for medium screens (e.g., laptops) */
@media (max-width: 1366px) {
    .ag-grid_H73 {
        height: 61vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H76 {
        height: 65vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H78 {
        height: 67vh;
        /* Adjust this value as needed */
    }

    body::before {
        content: "1366px";
    }

    .filter-text-box {
        width: 40em;
    }

}

/* Style for smaller screens (e.g., tablets) */
@media (max-width: 768px) {
    #export-button .button-text {
        display: none;
    }

    #export-button::after {
        content: 'XLS';
    }

    .ag-grid_H73 {
        height: 58vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H76 {
        height: 60vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H78 {
        height: 60vh;
        /* Adjust this value as needed */
    }

    body::before {
        content: "768px";
    }

    .filter-text-box {
        width: 25em;
    }

    .sidebar.icon {
        display: block;
    }

    .ui.menu .item:not(:first-child) {
        display: none;
        /* Hide other items initially */
    }

    .ui.vertical.menu .item {
        display: block !important;
        /* Ensure items are displayed when menu is vertical */
    }

    .hidden_on_small_screen {
        display: none;
    }

}

/* Style for even smaller screens (e.g., mobile phones) */
@media (max-width: 480px) {
    .ag-grid_H73 {
        height: 48vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H76 {
        height: 70vh;
        /* Adjust this value as needed */
    }

    .ag-grid_H78 {
        height: 72vh;
        /* Adjust this value as needed */
    }

    body::before {
        content: "480px";
    }

    .filter-text-box {
        width: 15em;
    }

    .hidden_on_small_screen {
        display: none;
    }

}


/* Hide hamburger icon on larger screens */
@media (min-width: 769px) {

    .hamburger_menu {
        display: none;
    }

    .sidebar.icon {
        display: none;
    }

}

/* cost rates form */
.compact-grid {
    height: 40px;
}

/* CALENDAR */
.incomplete-days {
    font-weight: bold;
    color: #ff4d01 !important;
}

.holiday-days {
    font-weight: bold;
    background-color: #FF4433 !important;
}

/* selected day, apply to today and chosen date */
.ui.calendar .ui.table tr td.active {
    background-color: #0E6EB8;
    color: white;
    border-radius: 4px;
}

/* END CALENDAR */

/* FORM */
/* columns aligned input form */

.inline-column-label {
    width: 30% !important;
    text-align: left;
}

.inline-column-label-checkbox {
    width: 30% !important;
    margin-top: 6px;
    margin-left: 6px;
    text-align: left;
    font-size: 0.92857143em;
    font-weight: bold;
}

.inline-column-label-refund {
    width: 24.6% !important;
    margin-top: 6px;
    margin-left: 6px;
    text-align: left;
    font-size: 0.92857143em;
    font-weight: bold;
}

.inline-column-input-refund {
    text-align: right;
}

/* END FORM */

/* JSTREE */
.jstree-default .jstree-anchor {
    /* Same as Aggrid */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 12px;
}

/* Style for search-matched nodes */
.jstree-default .jstree-search {
    color: #0E6EB8;
}

/* END JSTREE */

/* AG GRID */
/* remove multisort number */
.ag-sort-order {
    display: none !important;
}

/* Header */
.ag-header-cell-label .ag-header-cell-text {
    white-space: pre-wrap !important;
}

.ag-pivot-off .ag-header-cell-label {
    /*color: #8a6d3b;*/
    color: #000000;
    font-weight: bold;
    justify-content: center;
}

.ag-pivot-off .ag-header-group-cell {
    /*color: #8a6d3b;*/
    color: #000000;
    font-weight: bold;
}

.ag-pivot-on .ag-header-group-cell {
    color: #8a6d3b;
    font-weight: bold;
}

.ag-floating-bottom {
    font-weight: bold;
}

.ag-header-cell-filtered {
    /* background-color: #2185d0; */
    background-color: #f2711c;
}

.ag-header-cell-filtered .ag-header-cell-text {
    color: #fff !important;
}

/* END AG GRID */


/* Custom TOP Bar */
.grid-topbar-container {
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    /*margin-top: 10px;*/
    background-color: #e8e8e9;
}

.grid-topbar-header {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
    /*
    display: flex;
    justify-content: space-around;
    */
    background-color: #e8e8e9;
    border: 1px solid #bfc1c9;
    padding: 10px;
}

/* END Custom TOP Bar */

.fc-sat,
.fc-sun {
    color: #878787;
    border-color: black;
    background-color: #f5f5f5;
}


/* Absolute Center Spinner */

.spinner {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Transparent Overlay */

.spinner:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}


/* :not(:required) hides these rules from IE9 and below */

.spinner:not(:required) {
    /* hide "spinner..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.spinner:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* FILEPOND REMOVE CREDITS =============================*/
.filepond--credits {
    display: none;
}

/* Custom styles for scrolling div */
.scrollable-div {
    height: 36vh;
    overflow: auto;
    white-space: nowrap;
    padding: 0px !important;
}

/* Override the active menu item background and text color */
.ui.ui.menu .active.item {
    background-color: #2185d0 !important;
    color: white !important;
}

.ui.menu .dropdown .menu {
    width: 250px;
    /* or whatever width is suitable */
    white-space: normal;
    /* to allow wrapping */
}

#loader {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.ui.active.step,
.ui.steps .step.active {
    cursor: auto;
    background-color: #A0A0A0;
    /** old color is #555;*/
    color: #FFF;
    font-weight: 700;
}

/** apart 2 code */

.ui.active.steps:after,
.ui.steps .step.active:after {
    background-color: #A0A0A0;
    /** old color is #555;*/
    -webkit-box-shadow: none;
    box-shadow: none;
}

.link-style {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

/*# sourceMappingURL=custom.css-63b425050644d3a2ee7547dd80fe21b30cd2c150da4241ca7eb95bef91f47cc1.map */