.dropdown-iap .Select-control {
    /*border-radius: 12px !important; *//* Adjust the border radius as needed */
    border: 1px solid #d9d9d9; /* Light gray border color */
    padding: 1px 1px; /* Adjust padding for better appearance */
}

.dropdown-iap .Select-multi-value-wrapper {
    /*border-radius: 12px !important;*/
    padding: 0px; /* Ensure the multi-value wrapper doesn't add extra padding */
}

.dropdown-iap .Select-placeholder,
.dropdown-iap .Select--single > .Select-control .Select-value {
    color: #333; /* Adjust text color as needed */
    fontWeight: normal;
    border-radius: 12px !important;
}

.dropdown-iap .Select-input {
    padding: 8px 12px !important; /* Adjust input padding */
}

.dropdown-iap .Select-menu-outer {
    border: 1px solid #d9d9d9; /* Same border color as the control */
}

.dropdown-iap .Select-option {
    padding: 4px 4px; /* Adjust option padding */
}

.dropdown-iap .Select-arrow-zone {
    padding: 0 6px; /* Adjust arrow zone padding */
}


 
.dropdown-smooth .Select-control {
    border-radius: 12px !important; /* Adjust the border radius as needed */
    border: 1px solid #d9d9d9; /* Light gray border color */
    padding: 8px 12px; /* Adjust padding for better appearance */
}

.dropdown-smooth .Select-multi-value-wrapper {
    padding: 0px; /* Ensure the multi-value wrapper doesn't add extra padding */
}

.dropdown-smooth .Select-placeholder,
.dropdown-smooth .Select--single > .Select-control .Select-value {
    color: #333; /* Adjust text color as needed */
    fontWeight: normal;
}

.dropdown-smooth .Select-input {
    padding: 8px 12px !important; /* Adjust input padding */
}

.dropdown-smooth .Select-menu-outer {
    border-radius: 12px !important; /* Adjust the border radius for the dropdown menu */
    border: 1px solid #d9d9d9; /* Same border color as the control */
}

.dropdown-smooth .Select-option {
    padding: 8px 12px; /* Adjust option padding */
}

.dropdown-smooth .Select-arrow-zone {
    padding: 0 12px; /* Adjust arrow zone padding */
}



.custom-dropdown .Select-control {
    border-radius: 12px !important; /* Adjust the border radius as needed */
    border: 1px solid #d9d9d9; /* Light gray border color */
    padding: 8px 12px; /* Adjust padding for better appearance */
}

.custom-dropdown .Select-multi-value-wrapper {
    padding: 0px; /* Ensure the multi-value wrapper doesn't add extra padding */
}

.custom-dropdown .Select-placeholder,
.custom-dropdown .Select--single > .Select-control .Select-value {
    color: #333; /* Adjust text color as needed */
    fontWeight: normal;
}

.custom-dropdown .Select-input {
    padding: 8px 12px !important; /* Adjust input padding */
}

.custom-dropdown .Select-menu-outer {
    border-radius: 12px !important; /* Adjust the border radius for the dropdown menu */
    border: 1px solid #d9d9d9; /* Same border color as the control */
}

.custom-dropdown .Select-option {
    padding: 8px 12px; /* Adjust option padding */
}

.custom-dropdown .Select-arrow-zone {
    padding: 0 12px; /* Adjust arrow zone padding */
}
.checklist-2col {
    column-count: 2;
}
.checklist-3col {
    column-count: 3;
}

.ag-theme-alpine.blue {
    
    --ag-header-foreground-color: white;
    --ag-header-background-color: #007AFF;
    --ag-header-cell-hover-background-color: rgb(7, 22, 153);
    --ag-header-cell-moving-background-color: rgb(7, 22, 153);
    /*--ag-header-height: 80px;*/
    --ag-grid-size: 3px;
    --ag-font-size: 14px;
    --ag-font-family: monospace;
}

/*
.ag-theme-alpine.blue .ag-header {
    font-family: cursive;
}
.ag-theme-alpine.blue .ag-header-group-cell {
    font-size: 12px;
}
.ag-theme-alpine.blue .ag-header-cell {
    fontWeight: bold;
}
*/



.dropdown-js-1 {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    color: #333;
}
.dropdown-js-1 .Select-control {
    border: none;
}
.dropdown-js-1 .Select-menu-outer {
    background-color: #fff;
    border: 1px solid #ccc;
}
.dropdown-js-1 .Select-option {
    color: #333;
}
.dropdown-js-1 .Select-placeholder {
    border: 1px solid gray;
    border-radius: 4px;
    color:red;
    background-color: #2b2b2b;
    cursor: pointer;
}


/* ---------------------------------- */
/* dropdown-101                       */
/* ---------------------------------- */

/* Style for the dropdown control 
.dropdown-101 .Select-control {
    background-color: rgb(25, 25, 25) !important;
    color:white;
}
*/

/* Style for the currently selected value */
.dropdown-101 .Select-value-label {
    color: black !important;
}

/* Style for the dropdown menu outer */
.dropdown-101 .Select-menu-outer {
    background-color: rgb(25, 25, 25);
    color: white;
}

.dropdown-101 .VirtualizedSelectOption {
    background-color: white;
    color: black;
}
/* Style for the selected option */
.dropdown-101 .VirtualizedSelectFocusedOption {
    background-color:  #007AFF;
    color: white;
}

/* ---------------------------------- */
/* dropdown-101                       */
/* ---------------------------------- */




.dropdownAsset-up .VirtualizedSelectOption {
    color: blue !important;
}
.dropdownAsset-up .Select-value-label {
    color: black !important;
}


.dropdownAsset-down .Select-value-label {
    color: red !important;
}
  

.verticalAgHeader .ag-header-cell-label {
    /*Necessary to allow for text to grow vertically*/
    height: 100%;
    padding: 0 !important;
}

.verticalAgHeader .ag-header-group-cell {
    font-size: 50px;
}

.verticalAgHeader .ag-header-cell-label .ag-header-cell-text {
    /*Force the width corresponding at how much width
      we need once the text is laid out vertically*/
    width: 55px;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    line-height: 2em;
    margin-top: 60px;
}