:root {
    --bd-orangecolor: #FEBE10;
    --bs-redcolor: #F15D5D;
}

.apex-item-text:focus,
.apex-item-text:focus-within,
input:focus {
    outline: none;
}

.t-Form-fieldContainer--floatingLabel.is-required .t-Form-itemRequired-marker:before {
    border-color: #FEBE10 transparent transparent #FEBE10;
    border-style: solid;
    border-top-left-radius: var(--a-field-input-border-radius, .125rem);
    border-width: .25rem;
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.t-Form-fieldContainer.is-required .t-Form-label:after,
.t-Form-fieldContainer.is-required .t-Form-label:before {
    color: #FEBE10;
    content: "\e058";
    font-family: apex-5-icon-font !important;
}

.t-Form-error div {
    color: #FEBE10 !important;
}



.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked+label {
    background-color: var(--bd-orangecolor);
    font-size: x-large;
    color: #000;
    width: -webkit-fill-available;
    padding: 5px;
    border: 2px solid var(--bd-orangecolor);
    outline: none;
    /* min-width: 100px; */
}

.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input+label {
    background-color: transparent;
    font-size: x-large;
    color: var(--bd-orangecolor);
    width: -webkit-fill-available;
    padding: 5px;
    border: 2px solid var(--bd-orangecolor);
    outline: none;
    /* min-width: 100px; */

}

.a-GV-altMessage-text {
    color: #fff;
}




.t-Breadcrumb-label {
    font-weight: 700;
}

.a-IRR-header--group {
    padding: 15px !important;
}

.u-tC a .fa-edit {
    background-color: #444;
    color: #fff;
    width: 23px;
    height: 23px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
    padding: 4px;
}

.u-tC a .fa-eye {
    background-color: #25B01A;
    color: #fff;
    width: 23px;
    height: 23px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
    padding: 4px;
}

.t-TreeNav--styleA .a-TreeView-node--topLevel ul {
    background-color: transparent !important;
}

.t-TreeNav--styleA .a-TreeView-node--topLevel ul .a-TreeView-row.is-selected {
    background-color: #FEBE10 !important;

}

.ui-widget-overlay {
    background-color: rgba(53, 52, 50, 0.37);
}

.t-TreeNav--styleA .a-TreeView-node--topLevel .a-TreeView-row.is-current--top,
.t-TreeNav--styleA .a-TreeView-node--topLevel .a-TreeView-row.is-current--top~ul .a-TreeView-row {
    box-shadow: none;
}


:focus {
    outline: none;
}
@media (max-width: 639px) {
    .apex-item-group--rc .apex-item-grid-row {
        display: FLEX  !important;
    }
}

.a-GV-header {
    background-color: var(--bd-orangecolor);
    color: #fff;
}

.btn-history {
    color: #444;
    padding: 6px;
    border-radius: 7px;
    transition: 2ms;
}

.btn-history:hover,
.btn-history:active,
.btn-history:focus {
    background-color: var(--bd-orangecolor);
    color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

}

.w-110px {
    width: 115px;
    padding: 7px 2px;
}

.a-Button[disabled] {
    background-color: #ffc78a;
}

.me-2 {
    margin-right: 3px;
}


#R19338032840771203 {
    margin: auto;
    background-color: transparent;
}

.approved {
    background-color: #25B01A;
    color: #fff;
}

.approved:hover,
.approved:active {
    background-color: #148d0b;
    color: #fff;
}


.t-TreeNav .a-TreeView-node {
    display: grid;
    grid-template-columns: 1fr minmax(0, auto);
    grid-template-rows: auto auto;
    padding-inline-end: 0;
    padding-inline-start: 0;
    border: 2px solid;
    border-color: #fff;
    color: #fff;
    margin: 5px;
    border-radius: 5px;
}

button[title="Select Date"],
#P13_WILLAYAH_ID_lov_btn,
#P17_COUNTRY_ID_lov_btn,
button[class="t-Button t-Button--hot js-ignoreChange lto74336463762470349_0"],
button[data-option="up"],
button[title="Sort Descending"],
button[title="Hide Column"],
button[title="Control Break"],
#P100_COMMODITY_TYPE_lov_btn,
button[aria-controls="P100_FROM_DATE_input"],
button[aria-controls="P100_TO_DATE_input"],
#P100_WILLAYAH_lov_btn,
#P100_VILLAGE_lov_btn,
#t_Footer_topButton,
button[data-menu="R68687329787779292_actions_menu"],
button[aria-controls="P25_DRILLING_DATE_input"],
button[onclick="apex.submit({request:'SAVE',validate:true});"],
button[class="t-Button t-Button--icon js-ignoreChange t-Button--iconLeft lto67428945863772918_0 t-Button--hot"],
button[class="t-Button t-Button--icon t-Button--iconLeft lto67423340418772906_0 t-Button--hot"],
button[class="t-Button t-Button--icon js-ignoreChange t-Button--iconLeft lto67483010549862114_0 t-Button--hot"],
#P21_COMMODITY_TYPE_ID_lov_btn,
button[class="t-Button t-Button--icon t-Button--iconLeft lto67477079515862103_0 t-Button--hot"],
button[class="a-Button a-Button--popupLOV"],
#popup_btn,
.a-Button--colorPicker,
#P100_GOVERNATE_lov_btn {
    background-color: var(--bd-orangecolor) !important;
    border-color: var(--bd-orangecolor) !important;
    color: #fff !important;
}



#popup_btn {
    width: 40px;
}

button[title="Close"] {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #000 !important;
}

.a-IRR-button--actions {
    padding: 10px 20px;
    color: #fff;
    background-color: #7f4b13;
}

.a-IRR-button--search,
.a-IRR-button--colSearch {
    padding: 10px 12px;
    color: #fff;
    background-color: #7f4b13;
}




th[colspan="3"] {
    padding-left: 10px;
}



/* model css start */
.ui-dialog .ui-dialog-titlebar {
    background-color: var(--bd-orangecolor);
}



.a-Switch input[type=checkbox]:checked+.a-Switch-toggle {
    --a-switch-background-color: var(--bd-orangecolor);
    --a-switch-toggle-background-color: var(--a-switch-toggle-checked-background-color);
}

.a-Switch:active input[type=checkbox]:checked+.a-Switch-toggle {
    --a-switch-background-color: var(--bd-orangecolor);
}

/* #R62363422421288501{
    display: none;
} */
.a-IRR {
    border-radius: 10px;
}


.ui-dialog .ui-dialog-titlebar:before {
    background-size: var(--rw-dialog-strip-background-size, 600px 1.25rem);
    border-top-left-radius: var(--jui-dialog-border-radius, .25rem);
    border-top-right-radius: var(--jui-dialog-border-radius, .25rem);
    content: "" !important;
    display: block;
    height: var(--rw-dialog-strip-size, 0.25rem);
    left: 0;
    background: var(--bs-redcolor) !important;
    position: absolute;
    right: 0;
    top: 0;
}

h1.ui-dialog-title {
    color: #fff;
}



.apex-item-single-checkbox input:checked+.u-checkbox,
.apex-item-single-checkbox input:checked+label,
.u-checkbox.is-checked {
    --a-checkbox-background-color: var(--bd-orangecolor);
    --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}



/* table style start  */

.a-IRR-header {
    background-color: #ccc;
    border-width: var(--a-gv-header-cell-border-width, 1px);
    color: #333;
    font-size: var(--a-gv-header-cell-font-size);
    font-weight: var(--a-gv-header-cell-font-weight, var(--a-base-font-weight-bold, 700));
    height: var(--a-gv-header-cell-height, 40px);
    line-height: var(--a-gv-header-cell-line-height);
    padding: 0;
    vertical-align: middle;
}

.a-IRR-header a {
    color: #111;



}

.a-IRR-header.is-active,
.a-IRR-header:hover {
    background-color: var(--bd-orangecolor);
}

.a-IRR-header--group {
    background-color: var(--bd-orangecolor);
    color: #fff;
}

.a-IRR-header--group:hover {
    background-color: #57585b;
    color: #fff;
}


.rw-mode-body-header--dark .t-Body-title,
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title {
    background-color: #FEBE10;
}

.t-Body-title:after {
    background: var(--bs-redcolor) !important;
}


.t-Footer {
    background-color: #000;
    color: #fff;
    display: none !important;
}


.t-Body-main {
    background-color: #1F2227;
}

.disabled-date {
    color: gray;
    /* Light gray text */
    cursor: not-allowed !important;
    /* Show not-allowed cursor */
}

.available-date {
    color: #333 !important;
    /* Dark text */
    background-color: #e6f7ff !important;
    /* Light blue background */
    cursor: pointer !important;
    /* Show pointer cursor */
    border-radius: 50% !important;
}

/* Selected dates */
.selected-date {
    color: #fff !important;
    /* White text */
    background-color: #4CAF50 !important;
    /* Green background */
    border-radius: 50% !important;
    /* Optional: Make selected dates circular */
}