:root {
    --color1: orange;
    /* orange */
    --color2: #0054c7;
    /* blue */
    --color3: red;
    /* red */
    --color4: #e7f1f9;
    /* light blue */
    --color5: #ececec;
    /* light grey */
    --color6: red;
    /* dark red */
    --color7: white;
    /* white */
    --color8: #54a6e4;
    /* blue mid */
    --color9: #0d2136;
    /* dark blue */
    --color10: #f7f7df;
    /* light yellow */
    --color11: #ecf7ff;
    /* light blue */

    --index_colo0: #0054c7;
    --index_colo1: orange;
    --index_colo2: #0d2136;
    --index_colo3: grey;

    --palet0: #6b2737;
    --palet1: #1e91d6;
    --palet2: #0072bb;
    --palet3: #8fc93a;
    --palet4: #e4cc37;
    --palet5: #e18335;
    --palet6: #23f0c7;
    --palet7: #ef767a;
    --palet8: #7d7abc;
    --palet9: #ffe347;
}

body {
    width: 100%;
    height: 100%;
    font-size: inherit !important;
}

/* FONTS */
@font-face {
    font-family: 'main_font';
    src: url('/theme/css/Inter-Regular.otf');
}

@font-face {
    font-family: 'main_font';
    font-weight: bold;
    src: url('/theme/css/Inter-Bold.otf');
}

@font-face {
    font-family: 'main_font';
    font-style: italic;
    src: url('/theme/css/Inter-Italic.otf');
}

@font-face {
    font-family: 'main_font';
    font-style: italic;
    font-weight: bold;
    src: url('/theme/css/Inter-BlackItalic.otf');
}

@font-face {
    font-family: 'font_1';
    src: url('/theme/fonts/font_1.ttf');
}

@font-face {
    font-family: 'font_2';
    src: url('/theme/fonts/font_2.ttf');
}

@font-face {
    font-family: 'font_3';
    src: url('/theme/fonts/font_3.ttf');
}

@font-face {
    font-family: 'font_4';
    src: url('/theme/fonts/font_4.ttf');
}

@font-face {
    font-family: 'font_5';
    src: url('/theme/fonts/font_5.ttf');
}

@font-face {
    font-family: 'font_6';
    src: url('/theme/fonts/font_6.ttf');
}

@font-face {
    font-family: 'font_7';
    src: url('/theme/fonts/font_7.ttf');
}

@font-face {
    font-family: 'font_8';
    src: url('/theme/fonts/font_8.ttf');
}

@font-face {
    font-family: 'font_9';
    src: url('/theme/fonts/font_9.ttf');
}

@font-face {
    font-family: 'font_10';
    src: url('/theme/fonts/font_10.ttf');
}

@font-face {
    font-family: 'AbhayaLibre-Regular';
    src: url('/theme/fonts/AbhayaLibre-Regular.ttf');
}

@font-face {
    font-family: 'Alike-Regular';
    src: url('/theme/fonts/Alike-Regular.ttf');
}

@font-face {
    font-family: 'ArbutusSlab-Regular';
    src: url('/theme/fonts/ArbutusSlab-Regular.ttf');
}

@font-face {
    font-family: 'Bitter-Medium';
    src: url('/theme/fonts/Bitter-Medium.ttf');
}

@font-face {
    font-family: 'Cardo-Regular';
    src: url('/theme/fonts/Cardo-Regular.ttf');
}

@font-face {
    font-family: 'DMSerifText-Regular';
    src: url('/theme/fonts/DMSerifText-Regular.ttf');
}

@font-face {
    font-family: 'IBMPlexSerif-Regular';
    src: url('/theme/fonts/IBMPlexSerif-Regular.ttf');
}

@font-face {
    font-family: 'Lora-Medium';
    src: url('/theme/fonts/Lora-Medium.ttf');
}

@font-face {
    font-family: 'Maitree-Regular';
    src: url('/theme/fonts/Maitree-Regular.ttf');
}

@font-face {
    font-family: 'NoticiaText-Regular';
    src: url('/theme/fonts/NoticiaText-Regular.ttf');
}

@font-face {
    font-family: 'NotoSerif-Regular';
    src: url('/theme/fonts/NotoSerif-Regular.ttf');
}

@font-face {
    font-family: 'Petrona-Regular';
    src: url('/theme/fonts/Petrona-Regular.ttf');
}

@font-face {
    font-family: 'PTSerif-Regular';
    src: url('/theme/fonts/PTSerif-Regular.ttf');
}

@font-face {
    font-family: 'Quattrocento-Regular';
    src: url('/theme/fonts/Quattrocento-Regular.ttf');
}

@font-face {
    font-family: 'Rasa-Regular';
    src: url('/theme/fonts/Rasa-Regular.ttf');
}

@font-face {
    font-family: 'ShipporiMinchoB1-Medium';
    src: url('/theme/fonts/ShipporiMinchoB1-Medium.ttf');
}

@font-face {
    font-family: 'SourceSerifPro-Regular';
    src: url('/theme/fonts/SourceSerifPro-Regular.ttf');
}

@font-face {
    font-family: 'Trirong-Regular';
    src: url('/theme/fonts/Trirong-Regular.ttf');
}

@font-face {
    font-family: 'Vollkorn-Regular';
    src: url('/theme/fonts/Vollkorn-Regular.ttf');
}

@font-face {
    font-family: 'Yrsa-Regular';
    src: url('/theme/fonts/Yrsa-Regular.ttf');
}

.body_class {
    font-family: main_font;
    font-size: 0.9rem !important;
}

.blocked_cell {
    background: #f1f1f1;
}

/* INPUTS */

input::-webkit-calendar-picker-indicator {
    display: none;
}

input[type='date']::-webkit-input-placeholder {
    visibility: hidden !important;
}

input[type='text'],
.text-input {
    border: 1px solid var(--color5);
    border-radius: 3px;
    padding: 0.5rem;
    font-size: 0.9rem;
    flex-grow: 1;
    min-width: 5rem;
    width: 100%;
    height: 2.5rem;
}

input[type='time'] {
    border: 1px solid var(--color5);
    border-radius: 3px;
    padding: 0.5rem;
    font-size: 0.9rem;
    height: 2.5rem;
}

input[type='search'] {
    border: 1px solid var(--color5);
    border-radius: 3px;
    padding: 0.5rem;
    font-size: 0.9rem;
    flex-grow: 1;
    min-width: 5rem;
    width: 100%;
    height: 2.5rem;
}

input[type='datetime-local'] {
    border: 1px solid var(--color5);
    border-radius: 3px;
    padding: 0.5rem;
    flex-grow: 1;
    width: 100%;
}

input[type='file'] {
    border: 2px dashed #dadada;
    width: 0px;
    height: 0px;
    opacity: 0;
    position: relative;
    bottom: 50%;
    left: 50%;
}

#dropContainer {
    border: 2px dashed #e6e6e6;
    height: 4em;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    color: #c1c1c1;
    align-content: center;
}

.arrow-buttons-collaborator {
    display: flex;
    flex-direction: column;
    position: absolute;
    height: 2.8em;
}

.arrow-buttons-collaborator div {
    width: 25px;
    height: 25px;
    border: 0;
    background: #e7f1f9;
    cursor: pointer;
    font-size: 0.7em;
    color: #0054c7;
    text-align: center;
    align-content: center;
}
.arrow-buttons-collaborator div:hover {
    background: #cee5f8;
}

.file-selected {
    font-size: 0.75rem;
    width: 100%;
    display: block;
    margin-top: 5px;
}

.inp_lab {
    font-size: 0.75rem;
    color: #909090;
}

/* textarea */
.g_area {
    resize: none;
    border: 0;
    width: 100%;
    border: 1px solid var(--color5);
    border-radius: 3px;
    padding: 0.5rem;
}

input[type='email'] {
    border: 1px solid var(--color5);
    border-radius: 3px;
    min-width: 5rem;
    padding: 0.5rem;
    flex-grow: 1;
}

input[type='password'] {
    border: 1px solid var(--color5);
    border-radius: 3px;
    min-width: 5rem;
    padding: 0.5rem;
    flex-grow: 1;
}

input[type='number'] {
    -moz-appearance: textfield;
    border: 1px solid var(--color5);
    border-radius: 3px;
    text-align: right;
    padding: 0.5rem;
    flex-grow: 1;
    width: 100%;
    max-height: 2.8rem;
}

.input_disponly {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-size: inherit !important;
}

.input_grey {
    background: #e6e6e6;
    font-size: inherit !important;
    width: 9em;
}

.selected_parameter {
    background: rgb(244, 209, 3);
    padding: 1em;
    border-radius: 10px;
}

.select_style {
    border: 1px solid var(--color5) !important;
    border-radius: 3px;
    font-size: 0.9rem;
    min-width: 5rem;
    padding: 0.6rem;
    padding-right: 2rem;
    display: block;
    max-width: 25rem;
    min-width: 8rem;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: white;
    background-image: url('/theme/images/down_triangle.png');
    background-repeat: no-repeat, repeat;
    background-position: right 0.7rem top 50%, 0 0;
    background-size: 0.65rem auto, 100%;
}

.select_style::-ms-expand {
    display: none;
}

.select_style:hover {
    border-color: #037afb;
}

.select_style:focus {
    border-color: #037afb;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.select_style option {
    font-weight: normal;
}

.small-date-input {
    font-size: 0.7rem !important;
    height: 2.7em !important;
}

.select_style_sma {
    border: 1px solid var(--color5) !important;
    border-radius: 3px;
    font-size: 0.7rem;
    min-width: 5rem;
    padding: 0.3rem;
    padding-right: 2rem;
    display: block;
    max-width: 20rem;
    min-width: 6rem;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: white;
    background-image: url('/theme/images/down_triangle.png');
    background-repeat: no-repeat, repeat;
    background-position: right 0.3rem top 50%, 0 0;
    background-size: 0.65rem auto, 100%;
}

.select_style_sma::-ms-expand {
    display: none;
}

.select_style_sma:hover {
    border-color: #037afb;
}

.select_style_sma:focus {
    border-color: #037afb;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.select_style_sma option {
    font-weight: normal;
}

.checkbox,
.checkbox_small {
    display: inline-flex !important;
    cursor: pointer;
    position: relative;
    width: fit-content;
}

.checkbox_lab {
    color: var(--color9);
    font-size: 0.9rem;
    font-weight: normal;
    width: fit-content;
}

.checkbox > input {
    height: 25px;
    width: 25px;
    min-width: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #afc1d4;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: white;
    cursor: pointer;
    margin-left: 0 !important;
}

.checkbox_small > input {
    height: 15px;
    width: 15px;
    min-width: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #afc1d4;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: white;
    cursor: pointer;
}

.checkbox > input:checked + span::before {
    content: '\2713';
    font-weight: bold;
    display: block;
    text-align: center;
    color: #3569ce;
    position: absolute;
    left: 0.3rem;
    top: 0rem;
    font-size: 1.2em;
}

.checkbox_small > input:checked + span::before {
    content: '\2713';
    font-weight: bold;
    display: block;
    text-align: center;
    color: #3569ce;
    position: absolute;
    left: 0.1rem;
    bottom: -0.1rem;
    font-size: 0.9em;
}

.checkbox > input:active {
    border: 2px solid #d4e3f3;
}

label {
    margin-bottom: 0 !important;
}

input[type='search' i] {
    -webkit-appearance: searchfield;
}

::-webkit-search-cancel-button {
    height: 10px;
    width: 10px;
    display: inline-block;
    background-image: url('/theme/images/faclose.png');
    background-size: 10px 10px;
}

::-moz-search-cancel-button {
    height: 10px;
    width: 10px;
    display: inline-block;
    background-image: url('/theme/images/android-close.png');
    background-size: 10px 10px;
}

/* FOR THE SWITCH BUTTONS */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 16px;
    top: 2px;
    margin-right: 0.5rem;
    margin-left: 0.2rem;
    min-width: 36px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e8e8e8;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: '';
    height: 14px;
    width: 14px;
    left: 1px;
    bottom: 1px;
    background-color: #a4b9d3;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: var(--color2);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--color2);
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* SELECT 2 */

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 44px !important;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px !important;
    text-align: left;
    border: 1px solid var(--color5);
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    top: 0px !important;
    right: 0px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 24px !important;
}

.select2-container--default .select2-results > .select2-results__options {
    text-align: left !important;
}

/* for the multiple select2 */
.select2-results__option .wrap:before {
    font-family: fontAwesome;
    color: #999;
    content: '\f096';
    width: 25px;
    height: 25px;
    padding-right: 10px;
}

.select2-results__option[aria-selected='true'] .wrap:before {
    content: '\f14a';
}

/* not required css */
.row {
    padding: 10px;
}

a img {
    border: none;
}

a {
    color: inherit;
    text-decoration: none;
}

.bluelink {
    color: #0054c7 !important;
}
.bluelink:hover {
    cursor: pointer;
    text-decoration: underline;
    background: #f4f8fa;
    border-radius: 10px;
}

a.bluelink:hover {
    text-decoration: underline;
    background: #f4f8fa;
    border-radius: 10px;
}

/* GENERIC */

.done_color {
    color: #b1b1b1;
}

.dimensionsFormat {
    font-size: 0.8em;
}

.g_avail {
    position: relative;
    top: 0.6rem;
}

.g_abso {
    position: absolute;
}

.g_auto {
    margin: auto;
}

.g_bar_ext {
    border-radius: 9999px;
    height: 0.5rem;
    background: #e0e0e0;
}

.g_bar_int {
    background: var(--color8);
    height: 100%;
    border-radius: 9999px;
}

.g_big_container {
    display: flex;
}

.g_bloc_shadow {
    box-shadow: 1px 1px 4px #cacaca;
    border-radius: 5px;
}

.g_bloc_shadow_desk {
    box-shadow: 1px 1px 4px #cacaca;
    border-radius: 5px;
}

.g_bloc_form {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: left;
}

.g_bloc_form_desk {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: left;
}

.g_bloc_form_desk.hmenusub_small {
    padding: 1rem;
}

.g_bloc_form_desk.padding_0 {
    padding: 0;
}

.g_bloc_input {
    margin: 1.5%;
    display: flex;
    flex-direction: column;
    width: 30%;
    flex-grow: 1;
    min-width: 8rem;
    justify-content: flex-end;
}

.g_bloc_input_row {
    margin: 1.5%;
    display: flex;
    flex-direction: row;
    width: 30%;
    flex-grow: 1;
    min-width: 8rem;
}

.g_bloc_input100 {
    margin: 1.5%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 97%;
}

.g_bloc_input66 {
    margin: 1.5%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 64%;
}

.g_break {
    word-break: break-all;
}

.g_fil_bloc {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-end;
}

.g_fil_item {
    margin: 0.5em;
    display: flex;
    flex-direction: column;
}

.g_bloc_title {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-right: 1rem;
    padding-left: 0.3rem;
    text-transform: uppercase;
    color: #61728b; // #00930e ; // #0054c7
    max-width: 80%;
}

.g_bloc_title_line {
    background: linear-gradient(to bottom, #cfdcef 22%, #cfdcef 63%) no-repeat;
    background-size: 100% 1px;
    background-position: center;
    flex-grow: 10;
    height: 2.5em;
}

.g_bord_bot {
    border-bottom: 1px solid #e0e0e0;
}

.g_bord_lef {
    border-left: 1px solid #e0e0e0;
}

.g_bord_rig {
    border-right: 1px solid #e0e0e0;
}

.g_bord_top {
    border-top: 1px solid #e0e0e0;
}

.d-contents {
    display: contents;
}

.gen_cache {
    display: none;
}

.g_colo1 {
    background: var(--color1);
}

.g_colo2 {
    background: var(--color2);
}

.g_colo3 {
    background: var(--color3);
}

.g_colo4 {
    background: var(--color4) !important;
}

.g_colo5 {
    background: var(--color5) !important;
}

.g_colo6 {
    background: var(--color6);
}

.g_colo7 {
    background: var(--color7);
}

.g_colo10 {
    background: var(--color10);
}

.g_colo11 {
    background: var(--color11);
}

.g_conf_suc,
.g_conf_warn,
.g_conf_err {
    padding: 0.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
    margin: 2rem;
    border-radius: 5px;
}

.g_conf_suc {
    color: #628a37;
    background-color: #dff2bf;
    border: 1px solid #d5e4d5;
}

.g_conf_warn {
    color: #9f6000;
    background-color: #ffdaab;
    border: 1px solid #d8b48e;
}

.g_conf_err {
    color: #d8000c;
    background-color: #ffbaba;
    border: 1px solid #a8c3a8;
}

.g_droite {
    padding-left: 16rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

.g_droite_inside {
    padding-left: 2rem;
    padding-top: 3vh;
    padding-bottom: 10rem;
    height: 100%;
    width: 100%;
    padding-right: 2rem;
}

.g_dropdown_but {
    padding: 0.4em;
    border: none;
    cursor: pointer;
    color: grey;
    bottom: 0.1rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background: transparent;
    white-space: nowrap;
}

table#search-staffing-table .g_dropdown_but {
    white-space: break-spaces !important;
}

table#search-staffing-table .person_dropdown_btn .g_dropdown_but,
table#search-staffing-table .staffrequest_dropdown_btn .g_dropdown_but {
    white-space: normal !important;
}

table#search-staffing-table.dataTable {
    table-layout: fixed;
}
table#search-staffing-table.dataTable td {
    word-wrap: break-word;
}

.g_dropdown {
    position: relative;
    display: inline-block;
    font-weight: normal;
}

.g_dropdown_content {
    display: none;
    padding-top: 0.6rem;
    position: absolute;
    background-color: #f9f9f9;
    white-space: nowrap;
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    width: min-content;
    border-radius: 8px;
    font-size: 14px;
}

.g_dropdown_content a {
    margin: 0.1em 0.8rem 0.2rem;
    padding: 0.5rem 0.2em 0.6rem;
    text-decoration: none;
    display: block;
    text-align: left;
}

.g_dropdown_content > div,
.g_dropdown_content > form > div {
    margin: 0.1em 0.8rem 0.2rem;
    padding: 0.4rem 0.2em 0.2rem;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.g_dropdown_content.g_nopadhere > div {
    padding: 0.5em !important;
}

.g_dropdown_content a:hover {
    color: var(--color2);
}

.g_dropdown_content div:hover {
    color: var(--color2);
}

.g_dropdown_content .g_dropdown_title:hover {
    color: grey;
}

.g_flex_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.g_flex_row.gen_cache {
    display: none;
}

.g_flex_row_rev {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
}

.g_flex_row_rev.gen_cache {
    display: none;
}

.g_flex_col {
    display: flex;
    flex-direction: column;
}

.g_font_bigger {
    font-size: 1.15em;
    color: #2e5c8b; // #00930e;
}

.g_font_big {
    font-size: 1.3em;
}

.g_font_detail {
    font-size: 0.8rem;
    color: #a2a2a2;
}

.g_font_grey {
    color: #a2a2a2;
}

.g_font_colo1 {
    color: var(--color1);
}

.g_font_colo2 {
    color: var(--color2);
}

.g_font_colo3 {
    color: var(--color3);
}

.g_font_pre {
    display: inline;
    font-family: inherit;
    font-size: 100%;
    white-space: pre-wrap;
    color: unset;
    border: none;
    background: none;
    padding: 0;
}

.g_font_pre.gen_cache {
    display: none;
}

.g_grow {
    flex-grow: 1;
}

.g_image_typebill {
    min-width: 15em;
    max-width: 40em;
}

.g_inl {
    display: inline-block;
}

.g_info {
    z-index: 500;
    position: absolute;
    background: #c9c9c9;
    padding: 0.5em;
    border-radius: 10px;
    font-size: 0.8em;
    width: 20em;
    white-space: normal;
    text-align: left;
}

.g_marg_1 {
    margin: 1rem;
}

.g_marg_2 {
    margin: 2rem;
}

.g_marg_05 {
    margin: 0.5rem;
}

.g_marg_01 {
    margin: 0.1rem;
}

.g_marg_l1 {
    margin-left: 1rem;
}

.g_marg_l2 {
    margin-left: 2rem;
}

.g_marg_l3 {
    margin-left: 3rem;
}

.g_marg_l05 {
    margin-left: 0.5rem;
}

.g_marg_r1 {
    margin-right: 1rem;
}

.g_marg_r2 {
    margin-right: 2rem;
}

.g_marg_r3 {
    margin-right: 3rem;
}

.g_marg_r05 {
    margin-right: 0.5rem;
}

.g_marg_b1 {
    margin-bottom: 1rem;
}

.g_marg_b05 {
    margin-bottom: 0.5rem;
}

.g_marg_b2 {
    margin-bottom: 2rem;
}

.g_marg_b3 {
    margin-bottom: 3rem;
}

.g_marg_t1 {
    margin-top: 1rem;
}

.g_marg_t2 {
    margin-top: 2rem;
}

.g_marg_t3 {
    margin-top: 3rem;
}

.g_marg_t05 {
    margin-top: 0.5rem;
}

.g_no_hover:hover {
    cursor: default !important;
    color: grey !important;
}

.g_name_top {
    padding: 0.4rem;
    text-align: center;
    width: 100%;
    background: var(--color2);
    padding-top: 0.7rem;
}

.g_nooverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.g_nowrap {
    flex-wrap: nowrap !important;
}

.g_nowrap_desk {
    flex-wrap: nowrap !important;
}

.g_notwrap {
    white-space: nowrap;
}

.g_opac {
    opacity: 0.5;
}

.g_pad_b1 {
    padding-bottom: 1rem;
}

.g_pad_b2 {
    padding-bottom: 2rem;
}

.g_pad_t1 {
    padding-top: 1rem;
}

.g_pad_t05 {
    padding-top: 0.5rem;
}

.g_pad_t3 {
    padding-top: 3rem;
}

.g_pad_r1 {
    padding-right: 1rem;
}

.g_pad_r3 {
    padding-right: 3rem;
}

.g_pad_l1 {
    padding-left: 1rem;
}

.g_pad_l05 {
    padding-left: 0.5rem;
}

.g_pad_l2 {
    padding-left: 2rem;
}

.g_pad_05 {
    padding: 0.5em;
}

.g_pad_1 {
    padding: 1em;
}

.g_pad_2 {
    padding: 2em;
}

.g_pad_3 {
    padding: 3em;
}

.g_pastil_grey,
.g_pastil_green,
.g_pastil_red,
.g_pastil_red2,
.g_pastil_lightgrey,
.g_pastil_oran {
    font-size: 0.7rem;
    border-radius: 5px;
    padding: 0.3rem 0.3rem;
    width: fit-content;
    text-align: center;
    height: fit-content;
}

.g_pastil_grey {
    background: #d4d4d4;
}

.g_pastil_lightgrey {
    background: #efefef;
    color: grey;
}

.g_pastil_green {
    background: #95cd1c;
    color: white;
}

.g_pastil_red {
    background: #ed4630;
    color: white;
}

.g_pastil_red2 {
    background: #f84a4a;
    color: white;
}

.g_pastil_oran {
    background: #fde4b6;
    color: #926225;
}

.g_pastil_blue {
    font-size: 0.7rem;
    border-radius: 9999px;
    padding: 0.3rem 0.3rem;
    width: fit-content;
    text-align: center;
    height: fit-content;
    background: #e2f3fd;
    color: #5baee3;
}
.scenario_bloc_title {
    font-size: 1.2em;
    margin-left: 1em;
}

.g_pay_alert {
    padding: 0.4em;
    background: #ff9800;
    color: white;
    margin-left: 16rem;
}

.g_parameter {
    border-radius: 2rem;
    background: #e7f1f9;
    font-size: 0.8em;
    width: 5em;
    text-align: center;
}

.g_parameter:hover {
    background: #c5d8e7;
}

.g_pointer {
    cursor: pointer;
}

.g_profil_big {
    object-fit: cover;
    height: 12rem;
    width: 12rem;
    border-radius: 50%;
}

.g_profil_med {
    object-fit: cover;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
}

.g_profil_sma {
    object-fit: cover;
    height: 1.4rem;
    width: 1.4rem;
    border-radius: 50%;
}

.g_pur_option {
    border: 1px solid #d2d2d2;
    flex-grow: 1;
    padding: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    cursor: pointer;
    border-radius: 8px;
    white-space: nowrap;
}

.g_pur_option:hover {
    filter: contrast(0.8);
}

.g_pur_menu {
    background: whitesmoke;
    padding: 1em;
    border-radius: 5px;
    flex-grow: 1;
    max-width: 36%;
}

.g_left {
    float: left;
}

.g_right {
    float: right;
}

.g_roundy {
    height: 0.7em;
    opacity: 0.3;
}

.g_row {
    flex-direction: row;
}

.g_scrollable {
    overflow: scroll;
    width: 100%;
}

.g_overflow_visible {
    overflow: visible;
    clear: both;
    width: 100%;
}

.g_separate + .g_separate {
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.g_sepa_wrap + .g_sepa_wrap {
    margin: 1rem;
}

.g_staf_colo {
    background: #dfffc6 !important;
}

.g_stafi_bloc {
    width: 1rem;
}

.g_stafi_img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    object-fit: cover;
}
.g_stafi_img2 {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    object-fit: cover;
    bottom: 0.05em;
    position: relative;
}

.g_star {
    height: 1rem;
}

.g_tabl_d1 {
    font-size: 0.85rem;
    width: 100%;
}

.g_tabl_d1 tr {
    border-bottom: 1px solid #e3e3e3;
}

.g_tabl_d1 td {
    padding: 0.2rem;
    height: 2.6rem;
}

.g_tabl_d1 td.exclude-from-export {
    overflow: inherit;
}

.g_tabl_d1 thead tr {
    height: 2rem;
}

.g_tabl_d1 thead th {
    color: #9c9c9c;
    font-size: 0.75rem;
    font-weight: normal;
    text-align: center;
    background-color: #e7f1f9;
    padding: 0.2rem;
}

.g_tabl_d1_fir {
    color: grey;
    font-size: 0.8rem;
    font-weight: normal;
}

.g_tabl_ti {
    font-size: 0.9em;
    color: grey;
    width: 100%;
    text-align: center;
}

.g_tabl_d2 {
    font-size: 0.85rem;
    width: 100%;
}

.g_tabl_d2 tr {
    border-bottom: 1px solid #d4d4d4;
    height: 2.6rem;
}

.g_tabl_d2 th {
    color: grey;
    background: var(--color4);
    font-size: 0.8rem;
    font-weight: normal;
    text-align: center;
}

.g_tabl_d2 td {
    padding: 0.1em;
}

.g_tabl_light {
    font-size: 0.85rem;
    width: 100%;
}

.g_tabl_light tr {
    height: 4rem;
}

.g_tabl_light td {
    padding: 0.4rem;
}

.g_tabl_light th {
    background: var(--color4);
    font-size: 0.8rem;
    font-weight: normal;
    text-align: center;
    color: grey;
}

.g_tabl_second {
    width: 100%;
}

.g_tabl_second th {
    background: #f1f1f1;
    font-size: 0.8em;
    font-weight: normal;
}

.g_tabl_second td {
    border: none;
    height: 2rem;
    font-size: 0.9em;
}

.g_tabl_tot {
    font-weight: bold;
}

.g_tabl_staf {
    width: 100%;
    text-align: center;
    font-size: 0.9rem;
    overflow: hidden;
    table-layout: fixed;
    overflow: visible;
}

.g_tabl_staf th {
    font-size: 0.7rem;
    font-weight: normal;
    background: var(--color4);
    color: grey;
}

.g_tabl_staf tr {
    border-bottom: 1px solid #efefef;
}

.g_tabl_staf td {
    font-size: 0.8rem;
}

.g_tabl_staf_past {
    background: #a3b7c3 !important;
}

.g_tabl_staf_month {
    text-overflow: ellipsis;
    font-weight: bold !important;
}

.g_tabl_staf_fir {
    text-align: left;
    padding: 0.3rem;
}

.g_tabl_staf_firdet {
    text-align: left;
    color: grey;
    font-size: 0.8rem;
    overflow: hidden;
    padding: 0.4rem;
}

.g_tabl_staf_sma {
    padding: 0;
    height: 0px;
    font-size: 0;
}

.g_tabl_staf_we {
    padding: 0;
    background: #f9f9f9;
    width: 0;
    font-size: 0;
}

.g_tabl_staf_jobdis {
    background: #f3f3f3;
    color: grey;
    text-align: left;
}

.g_time_comment {
    position: absolute;
    z-index: 10;
    background: white;
    top: 2em;
    right: -7em;
    padding: 1rem;
    box-shadow: 1px 1px 4px #cacaca;
    border-radius: 5px;
    width: 30rem;
}

.g_time_comment_but {
    font-size: 1.1em;
    line-height: 1em;
    color: #68a1ce;
}

.g_twrap {
    word-break: break-word;
}

.g_txtright {
    text-align: right;
}

.g_txtright_imp {
    text-align: right !important;
}

.g_txtcent {
    text-align: center;
}

.g_txtcent_imp {
    text-align: center !important;
}

.g_txtleft {
    text-align: left;
}

.g_txtleft_imp {
    text-align: left !important;
}

.g_10 {
    width: 10%;
}

.g_21 {
    width: 21%;
}

.g_25 {
    width: 25%;
}

.g_30 {
    width: 30%;
}

.g_50 {
    width: 50%;
}

.g_60 {
    width: 60%;
}

.g_66 {
    width: 66%;
}

.g_80 {
    width: 80%;
}

.g_100 {
    width: 100%;
}

.mob_scrollable {
    width: 100%;
}

.purc_choi_selects {
    flex-wrap: nowrap !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.parameter_link {
    color: #0054c7 !important;
}

/* BUTTONS */

.button_third:hover {
    background: #f3f6ff;
    border: 1px solid #9fc3e2;
}

.but_down {
    border: none;
    background: transparent;
}

.but_del {
    border-radius: 9999px;
    padding: 0.7rem 1.2rem;
    font-size: 0.8rem;
    color: white;
    background: var(--color6);
    cursor: pointer;
    width: fit-content;
}

.but_del:hover {
    filter: saturate(0.5);
}

.but_delete {
    border: none;
    border-radius: 9999px;
    padding: 0.7rem 1.2rem;
    color: white;
    background: var(--color2);
    cursor: pointer;
    width: fit-content;
}

.button_options {
    border: 1px solid #cedae4;
    border-radius: 9999px;
    padding: 0.3rem 0.8rem;
    font-size: 0.7rem;
    color: var(--color2);
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    align-items: center;
    background: transparent;
}

.button_options_pushed {
    border: 1px solid grey;
    border-radius: 9999px;
    padding: 0.3rem 0.8rem;
    font-size: 0.7rem;
    color: grey;
    cursor: pointer;
    background: var(--color5);
}

.button_options:hover {
    background: #dbe5ef;
    border: 1px solid var(--color2);
}

.button_prime {
    border: none;
    border-radius: 5px;
    padding: 0.3rem 0.9rem;
    color: white !important;
    background: var(--color2);
    cursor: pointer !important;
    width: fit-content;
    height: fit-content;
    font-size: 0.9em;
}
.button_second {
    border: none;
    border-radius: 5px;
    padding: 0.3rem 0.9rem;
    color: var(--color2);
    background: var(--color4);
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    font-size: 0.9em;
}
.button_third {
    border: 1px solid #d7e4f6;
    border-radius: 5px;
    padding: 0.2rem 0.9rem;
    color: var(--color2) !important;
    background: white;
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    font-size: 0.9em;
    align-items: center;
}

.button_third_pushed {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 0.2rem 0.9rem;
    color: #a0a0a0;
    background: #f4f4f4;
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    font-size: 0.9em;
}

.button_prime:hover {
    background: #003783;
}
.button_second:hover {
    color: #003b8d;
    background: #d4ecff;
}

.but_smamodif {
    opacity: 0.5;
    height: 1em;
}

.but_third {
    font-size: 0.9rem;
    text-decoration: underline;
    color: var(--color2);
}

.but_thirdsma {
    font-size: 0.7rem;
    color: #0054c7;
}
.but_thirdsma:hover {
    text-decoration: underline;
    background: #f4f8fa;
    border-radius: 10px;
}

.but_img {
    height: 1.4rem;
    cursor: pointer;
}

.small_icon {
    height: 1em;
    cursor: pointer;
}

.help_icon {
    height: 1em;
    cursor: pointer;
}

.dis_img {
    height: 1.4rem;
}

/* LEFT SIDE MENU */

.menu {
    margin-top: 3.5rem;
    min-width: 16rem;
    width: 16rem;
    text-align: left;
    height: calc(100% - 3.5rem);
    display: block;
    cursor: pointer;
    color: white;
    flex-grow: 1;
    background-color: var(--color9);
    z-index: 1000;
    position: fixed;
    overflow: auto;
}

.orangeText {
    color: #d77025;
}

.overflowx-auto {
    overflow-x: visible;
    overflow-y: scroll !important;
}

.overflowx-auto::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.menu a {
    color: white;
}

.menu_bloc {
    display: none;
    padding-bottom: 0.5rem;
}

.menu_ico {
    padding: 0.7rem 0;
}

.menu_img {
    height: 1.2rem;
    filter: brightness(2);
}

.menu_level0 {
    position: relative;
}

.menu_level0:after {
    content: '';
    position: absolute;
    left: 20px;
    z-index: 100;
    top: 100%;
    width: calc(100% - 40px);
    height: 1px;
    background: #7c96b133;
}

.menu_level1_openable {
    background-image: url('/theme/images/down_triangle2.png');
    background-repeat: no-repeat, repeat;
    background-position: right 20px top 50%, 0 0;
    background-size: 0.65rem auto, 100%;
}

.menu_level1 {
    display: flex;
    padding: 0.2rem 0.2rem 0.2rem 20px;
    font-size: 0.9rem;
}

.menu_level1:hover {
    background-color: #46769a;
    color: white;
}

.menu_level1:hover img {
    filter: brightness(10);
}

.menu_level2 {
    padding: 3%;
    padding-left: 48px;
    text-decoration: none !important;
    font-size: 0.8rem;
    overflow: hidden;
    color: grey;
}

.menu_level2 a {
    color: grey;
}

.menu_level2:hover {
    color: var(--color4);
    text-decoration: none !important;
}

.menu_selected {
    background-color: #46769a;
    color: white;
}

.menu_title {
    padding: 0.7rem 0.5rem;
}

/* HEADER */

.arrow_thin {
    height: 0.9em;
}

.header_haut {
    display: flex;
    align-items: stretch;
    height: 3.5rem;
    box-shadow: 1px 1px 4px #e2e2e2;
}

.header_left {
    width: 16rem;
    min-width: 16rem;
    height: 3.5rem;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1000;
}

.header_right {
    padding-left: 19rem;
    padding-right: 3rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.header_case {
    height: 100%;
    width: 100%;
    display: flex;
}

.header_page {
    font-size: 1.3rem;
    color: #0054c7; //#8c8e91;
}

/* PAGE HORIZONTAL MENU */

.hmenu_glob {
    display: flex;
    justify-content: center;
}

.hmenu_enve {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 1.5em;
    background: var(--color4);
    color: var(--color2);
    border-radius: 10px;
    width: fit-content;
}

.hmenu_bloc {
    padding: 0.6rem 1.2rem;
    border-radius: 10px;
    cursor: pointer;
}

.hmenu_selec {
    color: white !important;
    background: var(--color2) !important;
}

.hmenu_redone {
    background: #e89e9e !important;
    color: #730f0f !important;
}

.hmenusub_bloc {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    font-size: 1rem;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 1.5em;
}

.hmenusub_sel {
    border-bottom: 6px solid blue;
    cursor: pointer;
    padding: 0 1rem 1.2em 1rem;
    font-weight: bold;
}

.hmenusub_nor {
    cursor: pointer;
    padding: 0 1rem 0.5em 1rem;
}

.hmenusub_bloc.hmenusub_small {
    padding: 0 2rem;
    margin-bottom: 0;
}

.hmenusub_bloc.hmenusub_small > * {
    padding: 0 1rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visibilityHidden {
    visibility: collapse !important;
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* PAGES */

.side_avatar {
    display: flex;
    align-items: center;
    border-top: 1px solid #7c96b133;
    padding: 2em;
}

.timesheet_name {
    border-right: 1px solid #f9f3f3;
    width: 14em;
    max-width: 20em;
    min-width: 12em;
    width: 18em;
    font-size: 0.9em;
    text-align: left;
    overflow: hidden;
}

.timesheet_name:hover {
    overflow: visible;
}

.timesheet_namediv {
    overflow: hidden;
    padding: 0.3em;
    width: fit-content;
    max-height: 3.5em;
    z-index: 3;
}

.top_page_select {
    overflow: hidden;
    font-size: 1.2em;
    font-weight: bold;
    color: #45576b;
    padding-left: 30px;
    border: none !important;
    top: 0px !important;
    left: 0px !important;
    background-position: left 0.7rem top 1em, 0 0;
}

.thin_border {
    border: 1px solid #e5e5e5 !important;
}

.coll_more_info1 {
    background: #e3e8ea;
    cursor: pointer;
    border-radius: 5px;
    color: #8c8c8c;
    padding: 0.1rem 0.5rem;
    max-width: 9em;
}

.coll_more_info2 {
    display: none;
    position: absolute;
    padding: 0.5em;
    background: white;
    border-radius: 5px;
    right: 1em;
    border: 1px solid #d3dfe6;
    text-align: left;
    margin-top: 1em;
    color: #545454;
    z-index: 20;
}

.coll_staf_we {
    padding: 0;
    background: #f9f9f9;
    width: 0.1%;
    border-top: none;
}

.coll_frac {
    line-height: 2em;
    color: #aabcd0;
    border: none !important;
    padding: 0.5em 0 !important;
    width: 100%;
}

.coll_busy {
    background-color: #f39c11 !important;
    color: white;
}

.coll_busy2 {
    background-color: #f39c11 !important;
    color: white !important;
    font-weight: bold;
}

.coll_busy5 {
    background-color: #b0d198 !important;
    color: white !important;
    font-weight: bold;
}

.coll_busy4 {
    background-color: #ed705c !important;
    color: white !important;
    font-weight: bold;
}

.canworkday {
    background-color: #e7f1f9;
}

.coll_busy3 {
    background-color: #ffd08c !important;
    color: white;
}

.coll_decal {
    background: #f9f3f3;
    color: #f9f3f3;
}

.coll_busy_total {
    background-color: #2d3e50;
    color: white;
}

.coll_busy_total2 {
    background-color: #944755;
    color: white;
}

.coll_indispo {
    background-color: rgb(230, 230, 230);
    color: #efbaba;
}

.coll_tabl {
    width: 100%;
}

.coll_tabl th {
    background-color: var(--color4);
    color: grey;
    font-weight: normal;
    font-size: 0.85em;
    text-align: center;
}

.coll_tabl td {
    height: 3em;
}

.coll_in_staffing {
    border-bottom: 1px solid #e0e0e0;
    background: #edf5ea;
    font-size: 0.8em;
    text-align: center;
}

.coll_pointer {
    cursor: pointer;
    color: white;
}

.coll_pointer:hover {
    background-color: #f9cc88 !important;
    filter: drop-shadow(1px 2px 2px grey);
}

.coll_dimen {
    background: white;
    z-index: 2;
    position: absolute;
    padding: 1em;
    border: 1px solid #d6cdcd;
    top: 3em;
    border-radius: 6px;
    left: -12em;
}

.inde_alert {
    box-shadow: 1px 1px 4px #cacaca;
    border-radius: 5px;
    width: 100%;
    padding: 1rem;
    border-radius: 0;
    background-color: var(--color2);
    color: white;
    font-size: 0.8rem;
    text-align: center;
}

.inde_topcol {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    vertical-align: bottom;
    color: white;
    position: relative;
    padding: 1rem;
    min-width: 12rem;
    background-repeat: no-repeat, repeat !important;
    background-position: right 2rem top 2rem, 0 0 !important;
    background-size: 4rem auto, 100% !important;
}

.inde_bot_buttons {
    padding: 1em;
    text-align: left;
    display: flex;
}

.logs_disp {
    padding: 0;
    margin: 0;
    white-space: normal;
    color: cornflowerblue;
    font-size: 0.9em;
    line-height: 1.5em;
}

.log_actor2 {
    color: grey;
    font-style: italic;
}

.pipe_column_pipe {
    flex-grow: 1;
    flex-basis: 0;
    border-right: 1px solid #e0e0e0;
    padding-bottom: 0.3em;
    box-shadow: 0px 3px 8px 0px #e2e2e2;
    margin-bottom: 6px;
    background: white;
}

.pipe_column_pipe2 {
    height: 4px;
}

.pipe_column_pipe3 {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem;
    align-items: center;
    font-weight: bold;
    word-break: break-word;
    color: #46769a;
}

.recalcul_col {
    font-size: 0.8rem;
}

.pipe_litgr {
    color: grey;
}

.pip_column {
    float: left;
    border-left: 1px dashed #c3c3c3;
    padding-bottom: 100px;
    padding: 0.4em;
    padding-top: 1.2em;
}

.portlet {
    width: 100%;
    margin-bottom: 0.4em;
    font-size: 0.85rem !important;
}

.portlet-header {
    padding: 0.4rem;
    cursor: pointer;
    background: white !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    border: none !important;
    border-top: 3px solid blue !important;
    border-radius: 0 !important;
}

.portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.portlet-content {
    padding: 0.4em;
}

.portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
}

.skill_bloco {
    box-shadow: 1px 1px 4px #cacaca;
    border-radius: 5px;
    margin: 1rem;
    flex-grow: 1;
    text-align: left;
    padding: 1rem;
    width: 30%;
}

.staf_nbcell {
    padding: 0.1rem;
    border-radius: 100px;
    line-height: 2rem;
    color: #888888;
    font-weight: normal;
    font-size: 0.8em;
    font-weight: bold;
}

.staf_nbcell2 {
    padding: 0.1rem;
    border-radius: 100px;
    line-height: 1rem;
    color: #888888;
    font-weight: normal;
    font-size: 0.7em;
    font-weight: normal;
}

.inde_maxibloc {
    box-shadow: 1px 1px 4px #cacaca;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 1em;
    max-width: 40em;
}

.inde_maxibloc2 {
    box-shadow: 1px 1px 4px #cacaca;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 1em;
    padding: 2em;
}

.enga_gantt_bar1 {
    background: #ffe400;
    height: 2em;
    line-height: 2em;
    color: #887d7d;
    border-radius: 10px;
    width: fit-content;
    display: flex;
    justify-content: space-between;
    padding-right: 3px;
}

.enga_gantt_bar2 {
    background: var(--color1);
    height: 2em;
    line-height: 2em;
    color: #e0e0e0;
    border-radius: 10px;
    width: fit-content;
}

.enga_gantt_bar3 {
    background: #a1c2dc;
    height: 0.5em;
    border-radius: 10px;
    width: fit-content;
    padding-top: 0.4em;
}

.enga_math_frac {
    font-size: 0.85rem;
    padding: 0 5px;
    display: inline-block;
    text-align: center;
    font-style: italic;
    color: #2e6fa2;
}

.enga_math_frac_top {
    font-size: 0.85rem;
    padding: 0 5px;
    font-style: italic;
    color: #2e6fa2;
}

.enga_math_frac_bottom {
    font-size: 0.85rem;
    padding: 0 5px;
    border-top: 1px solid #54a6c5;
    display: block;
    font-style: italic;
    color: #2e6fa2;
}

.rev_futu {
    filter: brightness(1.03);
    color: #a7a4a4;
}

.settingsIcon {
    height: 1rem;
    cursor: pointer;
    margin-bottom: 2px;
    filter: opacity(0.4);
}

/* TAKEN FROM BOOTSTRAPP.CSS */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    pointer-events: none;
    max-width: 60%;
}

.search_req {
    position: absolute;
    right: 0;
    background: white;
    width: 50vw;
    border: 2px solid #bfbfbf;
}

/* TO BE DELETED ? */
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon {
    background: transparent;
}

.input-group-addon:first-child {
    border-right: 0;
}

.tablesortme_central thead tr td input[type='search'] {
    min-width: 1rem !important;
}

/* subscription dropdown notification */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: -15px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.login_bandehautindex {
    justify-content: space-between;
    width: 100%;
    height: 6%;
    min-height: 60px;
    background-color: #34495e;
    display: flex;
}

.login_bandehautindex a {
    color: white;
    white-space: nowrap;
    margin: auto;
}

.login_logoindex {
    width: 20%;
    display: flex;
    height: 100%;
}

.login_phone {
    height: 100%;
    width: 30%;
    color: white;
}

.note-editor.note-frame.fullscreen .note-toolbar,
.note-editor.note-frame.fullscreen .note-editing-area {
    background-color: #fff;
}

.note-editor .dropdown-style a * {
    font-size: 15px;
    margin: 0px 10px !important;
    padding: 0 !important;
}

.note-editor .note-icon-caret {
    display: none;
}

.note-modal .modal-body {
    padding: 1rem !important;
}

.note-modal input[type='file'] {
    position: initial !important;
    opacity: 1 !important;
    border: none !important;
    width: initial;
    height: initial;
    margin-top: 10px;
}

.note-modal .modal-title {
    position: absolute;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

div.dt-buttons {
    float: right;
    margin: 5px;
}

.paginate_button {
    padding: 5px;
}

.export-button {
    border: none;
    font-size: 0.9rem;
    color: var(--color2);
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    background: transparent;
    white-space: nowrap;
}

table tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
table tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

table.noBorderRadius tr:first-child th:first-child {
    border-top-left-radius: 0px;
}
table.noBorderRadius tr:first-child th:last-child {
    border-top-right-radius: 0px;
}
table.noBorderRadius tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
}
table.noBorderRadius tr:last-child td:last-child {
    border-bottom-right-radius: 0px;
}

table.dataTable thead > tr > th,
table.dataTable thead td.sorting,
table.dataTable thead td.sorting_asc,
table.dataTable thead td.sorting_desc {
    padding-left: 30px !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    bottom: 11%;
    right: auto !important;
    margin-left: -20px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
    top: 11%;
    right: auto !important;
    margin-left: -20px;
}

table.dataTable thead tr.search-thead td {
    background: white !important;
    box-sizing: content-box;
    border-top: 1px solid #ddd;
    height: 2.6rem;
    font-size: 0.85rem;
    padding: 0.2rem !important;
    height: 2.6rem !important;
}

table.dataTable tfoot.datatable-regularFooter th {
    border-top: 1px solid #ddd;
    height: 2.6rem;
    display: table-cell;
    font-weight: bold;
    font-size: 0.85rem;
    background-color: white;
    color: black;
    text-align: left;
}

thead.header-fixed {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 2;
}

.kanban_top_fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

.contentskill,
.subcontentskill {
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    user-select: auto;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.vh-100 {
    height: 100vh;
}

.p-2_25rem {
    padding: 2.25rem;
}

.mb-1_25rem {
    margin-bottom: 1.25rem !important;
}

.mt-1_25rem {
    margin-top: 1.25rem !important;
}

.w-65px {
    width: 65px !important;
}

.h-65px {
    height: 65px !important;
}

.flex-1-auto {
    flex: 1 auto;
}

.apiSystem_connection_circle {
    position: relative !important;
    width: 15px;
    height: 15px;
    left: 44px;
    top: -14px;
    border: solid;
    border-width: 4px !important;
}

.apiSystem_actions_table thead th {
    background: transparent !important;
}

.apiSystem_actions_table thead tr {
    border: unset !important;
}

.apiSystem_actions_table tbody tr {
    border-top: 1px solid #d4d4d4;
    border-top-style: dashed !important;
    border-width: 1px;
    border-bottom: none;
}

.apiSystem_actions_table tbody tr td {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.apiSystem_card_line_separator {
    height: 12px;
    padding-top: 15px;
    margin-top: 20px;
}

.apiSystem_symbol {
    height: 50px;
    width: 50px;
    margin-right: 1.25rem !important;
}

.apiSystem_symbol .btn {
    height: 50px !important;
    width: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.475rem;
    color: #a3a5b7;
    border-style: none;
}

.apiSystem_card select {
    border-style: none !important;
    background-color: rgba(245, 248, 250);
    padding: 0.3rem;
    min-width: 8rem;
}

.apiSystem_card .badge {
    padding: 0.5em 0.85em;
}

.badge-light-danger {
    background: #fff5f8;
    color: #f1416c;
}

.badge-light-success {
    background: #e8fff3;
    color: #50cd89;
}
.cursor_pointer {
    cursor: pointer;
}

.timetrack_border_xl {
    outline: 4px solid #9ed286;
    outline-offset: -4px;
}

.timetrack_border_md {
    outline: 4px solid #9ed286;
    outline-offset: -4px;
}

.timetrack_border_sm {
    outline: 4px solid #9ed286;
    outline-offset: -4px;
}

.timetrack_border {
    outline: 2px solid #9ed286;
    outline-offset: -2px;
}

.table_overflow_scroll {
    width: 100%;
    display: block;
    overflow-y: scroll;
}

.resource_request_wish_dropdown_btn[data-wished='1'] .resource_request_wish_dropdown_store {
    display: none;
}

.resource_request_wish_dropdown_btn[data-wished='0'] .resource_request_wish_dropdown_destroy {
    display: none;
}

.resource_request_wish_dropdown_counter,
.resource_request_wish_button {
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.resource_request_wish_dropdown_btn .resource_request_wish_dropdown_counter,
.resource_request_wish_btn[data-wished='1'] .resource_request_wish_button {
    background-image: url('/theme/images/heart_full.png');
    color: white;
}

.resource_request_wish_dropdown_btn[data-count='0'] .resource_request_wish_dropdown_counter,
.resource_request_wish_btn[data-wished='0'] .resource_request_wish_button {
    background-image: url('/theme/images/heart_empty.png');
    color: unset;
}

.resource_request_wish_userList:hover {
    color: unset !important;
    cursor: unset !important;
}

.resource_request_freetext_pill {
    background-color: whitesmoke;
}

.staffingRequestTagsInputDelete {
    position: relative;
    top: 0.5px;
}

.staffingRequestTagsInputDelete i {
    color: gray;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 9999 !important;
}

.ui-tooltip {
    z-index: 99991 !important;
}

.btn-outline-grey {
    border: 1px solid #bbbbbb !important;
    color: #bbbbbb;
}

.btn-outline-grey:not(:disabled):not(.disabled):active,
.btn-outline-grey:not(:disabled):not(.disabled).active,
.show > .btn-outline-grey.dropdown-toggle,
.btn-outline-grey:hover {
    color: #fff;
    background-color: #eaeaea;
    border: 1px solid #bbbbbb !important;
}

.btn-staffing-request-change-view {
    padding: 0.3rem 0.4rem !important;
    font-size: 0.875rem !important;
    line-height: 1 !important;
    border-radius: 0.2rem !important;
}

.staffingRequestTagsInputChip {
    padding: 0.1rem 1.5rem;
}

.staffingRequestTagsInputChip input[type='text'] {
    height: 1.7rem;
}

.skill_wish_dropdown_btn .skill_wish_dropdown_icon,
.skill_wish_btn .skill_wish_dropdown_icon {
    display: none;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    margin-left: 5px;
    background-position: center;
    background-size: cover;
}

.skill_wish_dropdown_btn .skill_wish_dropdown_counter,
.skill_wish_btn .skill_wish_dropdown_counter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.skill_wish_dropdown_btn[data-wished='1'] .skill_wish_dropdown_counter,
.skill_wish_btn[data-wished='1'] .skill_wish_dropdown_counter {
    color: #28a745 !important;
}

.skill_wish_dropdown_btn[data-wished='1'] .skill_wish_dropdown_icon,
.skill_wish_btn[data-wished='1'] .skill_wish_dropdown_icon {
    display: block;
    background-image: url('/theme/images/green_smile_face.png');
}

.skill_wish_dropdown_btn[data-wished='0'] .skill_wish_dropdown_icon,
.skill_wish_btn[data-wished='0'] .skill_wish_dropdown_icon {
    display: block;
    background-image: url('/theme/images/orange_sad_face.png');
}

.skill_wish_dropdown_btn[data-wished='1'] .skill_wish_dropdown_counter,
.skill_wish_btn[data-wished='1'] .skill_wish_dropdown_counter {
    color: #28a745 !important;
}

.skill_wish_dropdown_btn[data-wished='0'] .skill_wish_dropdown_counter,
.skill_wish_btn[data-wished='0'] .skill_wish_dropdown_counter {
    color: #dc3545 !important;
}

.ml-30 {
    margin-left: 30px;
}

.staffingRequestTag {
    display: inline-block;
    padding: 0 5px;
}
.staffingRequestStar {
    background-image: url('/theme/images/star.png');
    width: 30px;
    height: 30px;
    background-position: center;
    background-position-y: -3px;
    background-size: cover;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-left: 5px;
    position: absolute;
}

.g_dropdown_content div,
.g_dropdown_content a {
    text-align: left !important;
}

.mb-50px {
    margin-bottom: 50px;
}
.delete-engagement-activities-checkbox-wrapper {
    position: absolute;
    bottom: -30px;
}

.scheduled_forecast_per_period > .dataTables_wrapper {
    position: inherit !important;
}

#time_subtab4 .g_tabl_d1 td.nameColumn {
    min-width: 250px;
}

.bg-green {
    background-color: #e4fdd0;
}

.bg-red {
    background-color: #ffd8d2;
}

.backgroundForBudgetLines {
    background: #fafafa;
}

.headerStaffingTableContainer {
    border: solid 1px #d4d4d4;
    border-radius: 10px;
}

.headerStaffingTableContainer table thead tr th:first-of-type {
    border-style: unset;
    border-top-left-radius: 10px;
}

.headerStaffingTableContainer table thead tr th:last-of-type {
    border-style: unset;
    border-top-right-radius: 10px;
}

.headerStaffingTableContainer table tbody tr:last-of-type td:first-of-type,
.headerStaffingTableContainer table tbody tr:last-of-type td:first-of-type input {
    border-style: unset;
    border-bottom-left-radius: 10px;
}

.headerStaffingTableContainer table tbody tr:last-of-type td:last-of-type,
.headerStaffingTableContainer table tbody tr:last-of-type td:last-of-type input {
    border-style: unset;
    border-bottom-right-radius: 10px;
}
.search-container {
    width: 20em;
}

.htmlTemplate {
    display: none;
}

.propl_dis_img {
    height: 1rem;
    margin-right: 0.4rem;
}

.dashed_top {
    border-bottom: 1px dashed #efefef !important;
    height: 2.6rem;
}

.staffing-request-person-table {
    table-layout: fixed;
}

.staffing-request-person-table thead tr th {
    word-break: break-word;
    border-color: white;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 2px;
    color: grey !important;
    font-weight: normal !important;
    font-size: 0.85em;
    text-align: center;
}

.staffing-request-person-table td {
    height: auto;
    border: none !important;
    border-color: white !important;
}

#timetrackHistoryDataTable td,
#timetrackDataTable td {
    text-align: center;
}
#timetrackLinesDataTable th {
    padding: 0.6rem;
}
#timetrackLinesDataTable tr {
    height: auto !important;
}
#timetrackLinesDataTable thead tr {
    height: 4rem !important;
}

#timetrackHistoryDataTable td,
#timetrackDataTable td {
    text-align: center;
}

.padding05_15 {
    padding: 0.5rem 1.5rem;
}

#showRequestTable {
    border-collapse: separate;
}
#showRequestTable td {
    border: solid 2px #d4d4d4;
    border-style: solid none solid none;
}

#showRequestTable thead tr th {
    color: #c6c4c4;
    font-weight: 300;
}

#showRequestTable tbody tr td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left-style: solid !important;
}
#showRequestTable tbody tr td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right-style: solid !important;
}
.adequacy_block {
    border-color: #d4d4d4;
    border-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    padding-left: 15px;
}
#staffingRequestHeaderInfo .g_title {
    font-size: 1.6em;
    font-weight: bold;
    color: #45576b;
    border: none;
}

.shade_select {
    opacity: 0.3;
}

#staffingRequestSearchFormTitleSelector .select2-container--default .select2-selection--single {
    overflow: hidden;
    border: none !important;
}

#staffingRequestSearchFormTitleSelector
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 1.6em;
    font-weight: bold;
    color: #45576b;
    padding-left: 30px;
    border: none;
}

#staffingRequestSearchFormTitleSelector .select2-container--default .select2-selection--single {
    border: none !important;
}

#staffingRequestSearchFormTitleSelector
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 44px !important;
    top: 0px !important;
    left: 0px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 24px !important;
}

.available-days-span {
    min-width: 130px;
}

.adequacy_block {
    border-right-style: none !important;
}

.padding-inline-start-21 {
    padding-inline-start: 21px;
}

.kanban_accessing {
    background-color: #45769a;
    color: white;
    padding: 5px;
    border-radius: 10px;
    font-size: 0.7em;
    border: 1px solid #edc7c7;
    cursor: pointer;
}

.bigArrow {
    font-size: 3em;
    color: orange;
}

.bigArrow5em {
    font-size: 5em;
    color: orange;
}

.myEnga {
    color: #bd5757;
}

#help_lexicon_table .left_column {
    background: #ececec;
    padding-left: 1em !important;
}

.border-top-dashed-grey {
    border-top: 1px dashed grey;
}

table.table-no-padding thead > tr > th,
table.table-no-padding thead td.sorting,
table.table-no-padding thead td.sorting_asc,
table.table-no-padding thead td.sorting_desc {
    padding: unset !important;
}

.closedColumnBackground {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    padding: 1.5em;
    color: #cccccc;
    font-size: 0.85em;
    overflow: hidden;
}

.closedColumnContainer {
    position: relative;
}

.invertBorders {
    border-bottom: none !important;
    border-top: 1px solid #d4d4d4;
}

.table-vertical-align-middle td {
    vertical-align: middle !important;
}

.form_error {
    position: absolute;
    bottom: -20px;
}

.required-field::after {
    content: ' *';
    color: red;
}

.required-field.hidden:after {
    display: none;
}

#additional_times_table.dataTable thead > tr > th,
#additional_times_table.dataTable thead td.sorting,
#additional_times_table.dataTable thead td.sorting_asc,
#additional_times_table.dataTable thead td.sorting_desc {
    padding-left: 4px !important;
}

.mb-50px {
    margin-bottom: 50px;
}

.delete-engagement-activities-checkbox-wrapper {
    position: absolute;
    bottom: -30px;
}

#ged-files-table_wrapper {
    overflow-x: scroll;
}

#load1 {
    color: white;
    width: 100%;
    height: 100%;
    position: fixed;
    font-style: italic;
    z-index: 9999;
    background-size: 4em;
}

.hourly-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 16rem;
    flex-grow: 1;
}

#name_top .select2-container--default .select2-selection--single {
    overflow: hidden;
}

#name_top .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.3em;
    color: white;
    padding-left: 30px;
    border: none !important;
}
#name_top .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    top: 0px !important;
    left: 0px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 24px !important;
}

#logsTable {
    width: 100%;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    opacity: 0;
}

input[type='number']:focus::-webkit-inner-spin-button,
input[type='number']:focus::-webkit-outer-spin-button {
    opacity: 1;
}

.font-2em {
    font-size: 2em;
}

.ml-5px {
    margin-left: 5px;
}

.mt-3px {
    margin-top: 3px;
}

.gradient-background-cell {
    background: repeating-linear-gradient(135deg, #ffffff, #ffffff 9px, #bfbfbf 9px, #bfbfbf 10px);
    color: #5b6b84 !important;
}

.stripe-button-el {
    overflow: hidden;
    display: inline-block;
    visibility: visible !important;
    background-image: -webkit-linear-gradient(#28a0e5, #015e94);
    background-image: -moz-linear-gradient(#28a0e5, #015e94);
    background-image: -ms-linear-gradient(#28a0e5, #015e94);
    background-image: -o-linear-gradient(#28a0e5, #015e94);
    background-image: -webkit-linear-gradient(#28a0e5, #015e94);
    background-image: -moz-linear-gradient(#28a0e5, #015e94);
    background-image: -ms-linear-gradient(#28a0e5, #015e94);
    background-image: -o-linear-gradient(#28a0e5, #015e94);
    background-image: linear-gradient(#28a0e5, #015e94);
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.stripe-button-el::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.stripe-button-el span {
    display: block;
    position: relative;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #1275ff;
    background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.stripe-button-el:not(:disabled):active,
.stripe-button-el.active {
    background: #005d93;
}

.stripe-button-el:not(:disabled):active span,
.stripe-button-el.active span {
    color: #eee;
    background: #008cdd;
    background-image: -webkit-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -moz-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -ms-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -o-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -webkit-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -moz-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -ms-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -o-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: linear-gradient(#008cdd, #008cdd 85%, #239adf);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-button-el:disabled,
.stripe-button-el.disabled {
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.stripe-button-el:disabled span,
.stripe-button-el.disabled span {
    color: #999;
    background: #f8f9fa;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.select_top_hidden {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px;
    opacity: 0;
}

.tooltip {
    pointer-events: none;
    z-index: 999999999 !important;
}

.stafiz_subscriptions_button {
    border: 0;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    background: rgb(205, 176, 3);
    display: flex;
    padding: 1em;
    width: 100%;
    justify-content: center;
    cursor: pointer;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.min-w-8em {
    min-width: 8em;
}

.min-w-4em {
    min-width: 4em;
}

.api-system-config-field-multiple-delete i {
    color: gray;
}

#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.gen_cache_height {
    overflow: hidden;
    max-height: 0;
}

.button_prime[disabled] {
    background: #d4d4d4;
}
.button_prime[disabled]:hover {
    background: #d4d4d4;
    cursor: not-allowed;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

td.ellipsis {
    max-width: 0px;
}

.tooltip-inner {
    max-width: 50vw !important;
}

.select2-container--default .select2-selection--single {
    max-width: 50vw;
}
.select2-results__option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.compactSelect2,
.compactSelect2-image {
    position: absolute;
    left: 25px;
    top: 0;
    width: calc(100% - 25px);
}

.compactSelect2-image {
    left: 0px;
    width: 100%;
}

.compactSelect2 .select2-container,
.compactSelect2-image .select2-container {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

button.blue {
    margin: 25px 20px 20px 20px;
    padding: 10px;
    border-radius: 10px;
    color: white;
    background: var(--color2);
    border-width: 0;
}

.flexColumn {
    display: flex;
    flex-direction: column;
    width: fit-content;
}