:root {
    --sidebar-bg-dark-rgb: 43, 48, 54;
    /*primary*/
    --ete-red-rgb: 201, 40, 46;
    --ete-blue-rgb: 0, 37, 122;
    /*secondary*/
    --ete-light-blue-rgb: 27, 70, 168;
    --ete-dark-blue-rgb: 24, 24, 61;
    --ete-light-gray-rgb: 189, 189, 189;
    --ete-dark-gray-rgb: 80, 80, 92;
    --ete-yellow-rgb: 254, 200, 93;
}

.ete-no-select {
    user-select: none;
}

.ete-btn-primary {
    background-color: rgb(var(--ete-blue-rgb));
    border-color: rgb(var(--ete-blue-rgb));
}

.ete-btn-dark-blue {
    background-color: rgb(var(--ete-blue-rgb))!important;
    color: white!important;
}

.ete-btn-dark-blue:hover, .ete-btn-dark-blue:active {
    background-color: rgb(var(--ete-light-blue-rgb))!important;
}

.ete-btn-primary:disabled, .ete-btn-dark-blue:disabled {
    background-color: rgba(var(--ete-blue-rgb), 80%);
    border-color: rgba(var(--ete-blue-rgb), 50%);
}

.square_button {
    border-radius: 0;
}

.square_left_round_right_button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ete-bg-warning {
    color: black;
    background-color: rgb(var(--ete-yellow-rgb));
}

.ete-bg-warning::placeholder {
    color: black;
}

.ete-bg-warning:focus::placeholder {
    color: inherit;
}

.form-check.form-switch .form-check-input {
    margin-left: 0;
    margin-right: .5em;
}

.hidden_div_element, .hidden_element {
    display: none;
}

.accordion_no_color_fill:not(.collapsed) {
    color: inherit;
    background-color: inherit;
}

.ld_bg_body {
    background-color: rgb(var(--bs-body-bg-rgb));
}

.ld_bg_secondary {
    background-color: rgb(var(--bs-secondary-bg-rgb));
}

.ld_bg_secondary_hover:hover {
    background-color: rgb(var(--bs-secondary-bg-rgb));
}

.ld_bg_primary_subtle_hover:hover {
    background-color: rgb(var(--bs-tertiary-bg-rgb));
}

.ld_bg_tertiary {
    background-color: rgb(var(--bs-tertiary-bg-rgb));
}

.ld_bg_color_invert {
    background-color: rgb(var(--bs-emphasis-color));
}

.pointer_cursor {
    cursor: pointer;
}

.default_cursor {
    cursor: default;
}

.not_allowed_cursor {
    cursor: not-allowed;
}

.dark_green {
    color: darkgreen;
}

.dark_red {
    color: darkred;
}

.dark_yellow {
    color: darkgoldenrod;  /*piss*/
}

.left_indent {
    padding-left: .5em !important;
}

.font-regular {
    font-size: 1em;
}

.font-small {
    font-size: .9em;
}

.font-smaller {
    font-size: .75em;
}

.font-smallerer {
    font-size: .65em;
}

.font-smallest {
    font-size: .5em;
}

.font-big {
    font-size: 1.1em;
}

.font-bigger {
    font-size: 1.25em;
}

.font-biggest {
    font-size: 1.5em;
}

.ete-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: var(--bs-secondary-bg);
}

.ete-scroll::-webkit-scrollbar {
    width: 10px;
    background-color: var(--bs-body-bg);
}

.ete-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: var(--bs-primary);
}
.ete-scroll::-webkit-scrollbar-corner {
    border-radius: 10px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-top: 1em !important;
}

.big_ass_icon {
    /*more...more....MORE!!!*/
    font-size: 12em;
}

@keyframes twitch {
      0% { transform: translate(0, 0); }
      25% { transform: translate(-3px, 0); }
      50% { transform: translate(3px, 0); }
      75% { transform: translate(-3px, 0); }
      100% { transform: translate(0, 0); }
    }

.i_am_twitching {
    animation: twitch .4s infinite;
}

.bs_theme_inverted {
    /*this is a placeholder class to apply the inversion to*/
}

.opa-90 {
    opacity: .9;
}

.opa-75 {
    opacity: .9;
}

.opa-50 {
    opacity: .5;
}

.toast-body {
    color: var(--bs-body-color);
}

.btn.btn-outline-theme {
    color: rgba(var(--bs-body-color-rgb), 0.75);
    border-color: rgba(var(--bs-body-color-rgb), 0.75);
}

.btn.btn-outline-theme-soft {
    color: rgba(var(--bs-body-color-rgb), 1.0);
    border-color: rgba(var(--bs-body-color-rgb), 0.50);
}

.btn.btn-outline-theme:hover, .btn.btn-outline-theme-soft:hover {
    color: rgba(var(--bs-body-color-rgb), 1.0);
    border-color: rgba(var(--bs-body-color-rgb), 1.0);
}

.btn.btn-outline-theme-form-select {
    color: rgba(var(--bs-body-color-rgb), 0.75);
    border-color: var(--bs-border-color);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


@keyframes fade {
    0%,100% { opacity: 0 }
    50% { opacity: 1 }
}

.fade-in-n-out {
    opacity: 1;
    animation: fade 1s linear infinite;
}

.fade-in-n-out-slow {
    opacity: 1;
    animation: fade 3s linear infinite;
}

.hr-thin {
    margin: .5rem 0;
}

.hr-top {
    margin: .5rem 0 0 0;
}

.w-90 {
    width: 90%;
}

.w-25 {
    width: 25%;
}

.snooze {
    display: flex;
    align-items: center;
    justify-content: center;
}

.z {
    font-size: 1.25em;
    opacity: 0;
    margin: 0.5em;
    animation: grow_n_shrink 1.5s infinite both;
}

.z:nth-child(1) {
    animation-delay: 0.3s;
}

.z:nth-child(2) {
    animation-delay: 0.6s;
}

.z:nth-child(3) {
    animation-delay: 0.9s;
}

@keyframes grow_n_shrink {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.5);
    }
}

.toast-position {
    right: 0;
    bottom: 0;
    padding-bottom: 4.5em;
    padding-right: 1em;
}