/*
    _______ ____               _____ __        __         
   / ____(_) / /____  _____   / ___// /___  __/ /__  _____
  / /_  / / / __/ _ \/ ___/   \__ \/ __/ / / / / _ \/ ___/
 / __/ / / / /_/  __/ /      ___/ / /_/ /_/ / /  __(__  ) 
/_/   /_/_/\__/\___/_/      /____/\__/\__, /_/\___/____/  
                                     /____/               
        
Author: Online Helden
Version: 0.1
Creation Date: 13-5-2024
Date Modified: 13-5-2024
*/


.daterangepicker .ranges{
    
    
    border-radius:10px;
}



.daterangepicker *{
    
    
    font-family:jost, 'sans-serif';
}


.daterangepicker .calendar-table{
    
    
    padding:0px !important;
}



.grayed-out {
    color: gray;
    pointer-events: none; /* Prevent clicking */
    cursor: not-allowed;
}



/*
Select OH filters css
*/
.dropdown-ohfilters {
            position: relative;
            display: inline-block;
            width: 100%; /* Set a fixed width for the dropdown */
            padding-right:3px;
        }

        .dropdown-content-ohfilters {
            display: none;
            position: absolute;
            background-color: #292730;
            width: 250px; /* Ensure the dropdown content matches the button width */
            max-height: 150px; /* Set a fixed height for the dropdown content */
            overflow-y: auto; /* Add scrollbar if content overflows */
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            padding: 12px 16px;
            z-index: 99;
            border-radius: 15px; /* Add border radius to dropdown content */
            color:white;
            margin-left:-10px;
            
        }

        .dropdown-content-ohfilters input[type="checkbox"] {
            margin-right: 10px;
        }

        .dropdown-content-ohfilters label {
            display: block;
            font-family:jost, 'sans-serif';
        }

        .dropdown-button-ohfilters {
            background-color: transparent;
            color: white;
            font-family:jost, 'sans-serif';
            padding-top: 6px;
            padding-bottom:6px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            border-radius: 15px; /* Add border radius to button */
        }

        .dropdown-button-ohfilters:hover {
            background-color: transparent;
        }

        .arrow-down-ohfilters {
            border: solid white;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(45deg);
            margin-left: 10px;
        }

        .apply-button-ohfilters {
            background-color: #224CE8;
            color: white;
            font-family:jost, 'sans-serif';
            padding: 5px 10px;
            border: none;
            cursor: pointer;
            border-radius: 5px; /* Add border radius to apply button */
            margin-top: 10px;
            display: block;
            transition: background-color 2s ease-in-out;
        }

        .apply-button-ohfilters:hover {
            background-color: #224CE8;
        }



.below-expected-range > td{
    color:#65b866 !important;
}


.above-expected-range > td{
    color:#ff5757 !important;
}