:root {
    --col-black-200: #8d8d8d;
    --col-black-300: grey;
    --col-black-400: #5d5d5d;
    --col-black-500: #414141;
    --col-black-700: #222222;

    --col-red-400: #ff7575;
    --col-red-500: #fd3b3b;
    --col-red-700: #c72c1d;

    --col-orange-400: #f8b671;
    --col-orange-500: #ff8000;

    --col-yellow-400: #e8ec52;
    --col-yellow-500: #c1c50f;
    --col-yellow-900: #5f6003;

    --col-green-500: #47e534;
    --col-green-700: #9dbd5a;

    --col-blue-500: #00b9ff;
    --col-blue-700: #4e80bb;

    --col-modal: #222223;
}




.ld_disabled_btn {
    pointer-events: none;
    cursor: not-allowed;
}

button.ld_disabled_btn {
    background-color: var(--col-yellow-900, grey) !important;
}


/* scrolling */
/* --------- */
/* Hide scrollbar for Chrome, Safari and Opera */
.secret_scroller::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.secret_scroller {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* opener */

.btn_resume_input {
    background-color:  var(--col_jhs_sec_red_800, red) !important;
    position: relative;
}


.btn_resume_input:hover {
    background-color: var(--col_jhs_sec_red_400, red) !important;
}

.btn_resume_input:focus {
    background-color:  var(--col_jhs_sec_red_800, red);;
    position: relative;
}