:root {
    --body-color: #3A3939;
    --site-body: #3A3939;
    --bg-lighter: #f9f9f9;
    --bg-light: #EDEDED;
    --bg-dark-light: #777;
    --bg-white: #FFF;
    /*-*/
    --text-primary: #6B6BB3;
    --text-info: #5591DB;
    --text-white: #FFF;
    --text-black: #000;
    --text-light: #EDEDED;
    --text-secondary-dark: #8E8E8E;
    --text-secondary-darker: #707070;
    --text-success: #54b684;
    --text-dark: #525252;
    --text-link-underline: #57575750;
    --text-link-underline-hover: #575757;
    --hr: rgba(0, 0, 0, 0.1);
    /*-*/
    --card-body: #fff;
    /*-*/
    --card-border: #E2E2E2;
    --modal-border: #EEE;
    --border-light: #EDEDED;
    --border-secondary: #CCC;
    --border: #CCC;
    /*-*/
    --list-group-item: #FFF;
    --list-group-action: #444;
    --list-group-action-hover: #f8f9fa;
    /* Grays */
    --white: #fff;
    --ultra-light: #FDFDFD;
    --lighter: #f9f9f9;
    --extra-light: #f5f5f5;
    --light: #EDEDED;
    --secondary-light: #e2e2e2;
    --secondary: #CCC;
    --secondary-dark: #b6b6b6;
    --secondary-darker: #848484;
    --dark-light: #666;
    --dark: #525252;
    --dark-dark: #3D3D3D;
    --menu: #4e4d4d;
    /*-*/
    --form-control-background: #FFFFFF !important;
    /* Btns */
    --outline-term-1: #B24D80;
    --outline-term-2: #b1973e;
    --outline-term-3: #3f9aa9;
    --outline-term-ind: #63815F;
    --btn-outline-level-4: #B35454;
    --btn-outline-level-5: #378043;
    --btn-outline-level-6: #5870A1;
    /*colors-standard*/
    --primary: #71709E;
    --signal: #5B798A;
    --success: #2A874B;
    --info: #4677B3;
    --warning: #DFD183;
    --danger: #C25151;
    --warm: #A86072;
    --support: #8A6D8F;
    /*colors-light*/
    --primary-light: #9292B5;
    --signal-light: #7795A6;
    --success-light: #35AC5E;
    --info-light: #6C95C6;
    --warning-light: #EAE1AE;
    --danger-light: #CF7777;
    --warm-light: #B77B8A;
    --support-light: #A28CA6;
    /*colors-dark*/
    --primary-dark: #646392;
    --signal-dark: #516C7B;
    --success-dark: #226D3C;
    --info-dark: #3F6BA2;
    --warning-dark: #D9C96D;
    --danger-dark: #B54040;
    --warm-dark: #915060;
    --support-dark: #7A627F;
    /*-*/
    --hover-brightness: 90%;
}
/* https://coolors.co/71709e-5b798a-2a874b-4677b3-dfd183-c25151-a86072-8a6d8f */
/* https://coolors.co/f9f9f9-f5f5f5-ededed-e2e2e2-cccccc-b6b6b6-848484-666666-525252-3d3d3d */

.dark-theme {
    color: #D6D6D6;
    --color: #D6D6D6;
    --site-body: #2C2C2C;
    --bg-light: #333333;
    --bg-lighter: #2C2C2C;
    --bg-white: #353535;
    --bg-dark-light: #595959;
    /*-*/
    --text-primary: #B5B5DB;
    --text-info: #8AAFDD;
    --text-white: #e0e0e0;
    --text-black: #e0e0e0;
    --text-light: #949494;
    --text-secondary-dark: #BDBDBD;
    --text-secondary-darker: #C6C6C6;
    --text-dark: #CECECE !important;
    --text-link-underline: #e0e0e080;
    --text-link-underline-hover: #e0e0e0;
    --hr: rgb(225 225 225 / 10%);
    /*-*/
    --card-body: #333333;
    /*-*/
    --card-border: #404040;
    --modal-border: #444444;
    --border: #4b4b4b;
    --border-secondary: #444444;
    --border-light: #424242;
    /*-*/
    --list-group-item: #333333;
    --list-group-action: #c5c5c5;
    --list-group-action-hover: #3a3a3a;
    --text-dark: #525252;
    /* Grays */
    /*--white: #fff;*/
    /*--ultra-light: #FDFDFDF;*/
    --lighter: #404040;
    /*--extra-light: #f5f5f5;*/
    --light: #383838;
    --secondary-light: #454545;
    --secondary: #848484;
    /*--secondary-dark: #b6b6b6;*/
    /*--secondary-darker: #848484;*/
    /*--dark-light: #666;*/
    /*--dark: #525252;*/
    /*--dark-dark: #3D3D3D;*/
    /*--menu: #4e4d4d;*/
    /*-*/
    --form-control-background: #373737 !important;
    --dark-theme-input-text-color: #aaa;
}

body {
    color: #212529;
    background-color: var(--site-body);
}

.site-body {
    background-color: var(--site-body);
}

.site-footer {
    background-color: #494949;
}

hr {
    border-top: 1px solid var(--hr);
}

.card {
    background-color: var(--card-body) !important;
    border-color: var(--card-border) !important;
}

/* Modal */
.modal-content {
    background-color: var(--site-body);
    border-color: var(--modal-border) !important;
}

.modal-header {
    border-bottom-color: var(--modal-border) !important;
}

.modal-footer {
    border-top-color: var(--modal-border) !important;
}

/* borders */
.border-light {
    border-color: var(--border-light) !important;
}

.dash-card {
    background-color: var(--card-body) !important;
    border-color: var(--card-border) !important;
}

.list-group-item {
    background-color: var(--list-group-item);
}

.list-group-item-action {
    color: var(--list-group-action) !important;
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        background-color: var(--list-group-action-hover) !important;
    }


.color-inrehearsal {
    background-color: #cf91bf !important;
}

.color-indesign {
    background-color: #827dbf !important;
}


/* Buttons */

.btn-none {
    background-color: transparent;
    border: none !important;
    border-color: transparent;
    border-radius: 0;
}

    .btn-none:hover {
        background-color: transparent;
        border-color: transparent;
    }

    .btn-none:focus, .btn-none.focus {
        box-shadow: none !important;
    }

    .btn-none.disabled, .btn-none:disabled {
        box-shadow: none !important;
    }

    .btn-none:not(:disabled):not(.disabled):active, .btn-none:not(:disabled):not(.disabled).active,
    .show > .btn-none.dropdown-toggle {
        box-shadow: none !important;
    }

        .btn-none:not(:disabled):not(.disabled):active:focus, .btn-none:not(:disabled):not(.disabled).active:focus,
        .show > .btn-none.dropdown-toggle:focus {
            box-shadow: none !important;
        }


.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

    .btn-primary:hover {
        color: #fff;
        background-color: var(--primary-dark);
        border-color: var(--primary-dark);
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(140, 140, 187, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: var(--primary-light);
        border-color: var(--primary-light);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(140, 140, 187, 0.5);
        }


.btn-secondary-light {
    color: black;
    background-color: var(--secondary-light);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-secondary-light:hover {
        color: black;
        background-color: #c3c3c3;
    }

    .btn-secondary-light:not(:disabled):not(.disabled).active:focus, .btn-secondary-light:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary-light.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(195, 195, 195, 0.50) !important;
    }

.btn-secondary {
    color: #212529;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

    .btn-secondary:hover {
        color: #212529;
        background-color: var(--secondary-dark);
        border-color: var(--secondary-dark);
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #212529;
        background-color: var(--secondary-light);
        border-color: var(--secondary-light);
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #212529;
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.5);
        }

.btn-success {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success);
}

    .btn-success:hover {
        color: #fff;
        background-color: var(--success-dark);
        border-color: var(--success-dark);
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(88, 182, 99, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: var(--success-light);
        border-color: var(--success-light);
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: var(--success);
        border-color: var(--success);
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(88, 182, 99, 0.5);
        }

.btn-info {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info);
}

    .btn-info:hover {
        color: #fff;
        background-color: var(--info-dark);
        border-color: var(--info-dark);
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(105, 156, 219, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: var(--info-light);
        border-color: var(--info-light);
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: var(--info);
        border-color: var(--info);
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(105, 156, 219, 0.5);
        }

.btn-warning {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
}

    .btn-warning:hover {
        color: #212529;
        background-color: var(--warning-dark);
        border-color: var(--warning-dark);
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 204, 137, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: var(--warning-light);
        border-color: var(--warning-light);
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: var(--warning);
        border-color: var(--warning);
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 204, 137, 0.5);
        }

.btn-danger {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
}

    .btn-danger:hover {
        color: #fff;
        background-color: var(--danger-dark);
        border-color: var(--danger-dark);
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 103, 90, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: var(--danger-light);
        border-color: var(--danger-light);
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: var(--danger);
        border-color: var(--danger);
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 103, 90, 0.5);
        }

.btn-light {
    color: #212529;
    background-color: var(--light);
    border-color: var(--light);
}

    .btn-light:hover {
        color: #212529;
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

    .btn-light:focus, .btn-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: var(--light);
        border-color: var(--light);
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: var(--light);
        border-color: var(--light);
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5);
        }

.btn-dark {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
}

    .btn-dark:hover {
        color: #fff;
        background-color: var(--dark-dark);
        border-color: var(--dark-dark);
    }

    .btn-dark:focus, .btn-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: var(--dark-light);
        border-color: var(--dark-light);
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: var(--dark);
        border-color: var(--dark);
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
        }

.btn-white {
    background-color: #fdfdfd;
}

.dark-theme .btn-white {
    background-color: #d2d2d2;
}

.btn-outline-primary {
    color: var(--primary);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary);
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(140, 140, 187, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: var(--primary-light);
        background-color: transparent;
        border-color: var(--primary-light);
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(140, 140, 187, 0.5);
        }

.btn-outline-secondary {
    color: var(--secondary);
    background-color: transparent;
    background-image: none;
    border-color: var(--secondary);
}

    .btn-outline-secondary:hover {
        color: #212529;
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: var(--secondary-light);
        background-color: transparent;
        border-color: var(--secondary-light);
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #212529;
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.5);
        }

.btn-outline-success {
    color: var(--success);
    background-color: transparent;
    background-image: none;
    border-color: var(--success);
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: var(--success);
        border-color: var(--success);
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(88, 182, 99, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: var(--success-light);
        background-color: transparent;
        border-color: var(--success-light);
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: var(--success);
        border-color: var(--success);
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(88, 182, 99, 0.5);
        }

.btn-outline-info {
    color: var(--info);
    background-color: transparent;
    background-image: none;
    border-color: var(--info);
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: var(--info);
        border-color: var(--info);
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(105, 156, 219, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: var(--info-light);
        background-color: transparent;
        border-color: var(--info-light);
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: var(--info);
        border-color: var(--info);
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(105, 156, 219, 0.5);
        }

.btn-outline-warning {
    color: var(--warning);
    background-color: transparent;
    background-image: none;
    border-color: var(--warning);
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: var(--warning);
        border-color: var(--warning);
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 204, 137, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: var(--warning-light);
        background-color: transparent;
        border-color: var(--warning-light);
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: var(--warning);
        border-color: var(--warning);
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 204, 137, 0.5);
        }

.btn-outline-danger {
    color: var(--danger);
    background-color: transparent;
    background-image: none;
    border-color: var(--danger);
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: var(--danger);
        border-color: var(--danger);
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 103, 90, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: var(--danger-light);
        background-color: transparent;
        border-color: var(--danger-light);
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: var(--danger);
        border-color: var(--danger);
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 103, 90, 0.5);
        }

.btn-outline-light {
    color: var(--light);
    background-color: transparent;
    background-image: none;
    border-color: var(--light);
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: var(--light);
        border-color: var(--light);
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: var(--lighter);
        background-color: transparent;
        border-color: var(--lighter);
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: var(--light);
        border-color: var(--light);
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5);
        }

.btn-outline-dark {
    color: var(--dark);
    background-color: transparent;
    background-image: none;
    border-color: var(--dark);
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: var(--dark);
        border-color: var(--dark);
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: var(--dark-light);
        background-color: transparent;
        border-color: var(--dark-light);
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: var(--dark);
        border-color: var(--dark);
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
        }


.btn-outline-term1 {
    border-color: var(--outline-term-1);
    color: var(--outline-term-1);
    background-color: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-outline-term1:hover {
        color: white;
        background-color: var(--outline-term-1);
    }

    .btn-outline-term1:not(:disabled):not(.disabled).active:focus, .btn-outline-term1:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-term1.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(178, 77, 128, 0.50) !important;
    }

.btn-term1 {
    color: white;
    background-color: var(--outline-term-1);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-term1:hover {
        color: white;
        filter: brightness(0.95);
    }

    .btn-term1:not(:disabled):not(.disabled).active:focus, .btn-term1:not(:disabled):not(.disabled):active:focus, .show > .btn-term1.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(178, 77, 128, 0.50) !important;
    }

.btn-outline-term2 {
    border-color: var(--outline-term-2);
    color: var(--outline-term-2);
    background-color: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-outline-term2:hover {
        color: white;
        background-color: var(--outline-term-2);
    }

    .btn-outline-term2:not(:disabled):not(.disabled).active:focus, .btn-outline-term2:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-term2.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(184, 159, 71, 0.50) !important;
    }

.btn-term2 {
    color: white;
    background-color: var(--outline-term-2);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-term2:hover {
        color: white;
        filter: brightness(0.95);
    }

    .btn-term2:not(:disabled):not(.disabled).active:focus, .btn-term2:not(:disabled):not(.disabled):active:focus, .show > .btn-term2.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(184, 159, 71, 0.50) !important;
    }


.btn-outline-term3 {
    border-color: var(--outline-term-3);
    color: var(--outline-term-3);
    background-color: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-outline-term3:hover {
        color: white;
        background-color: var(--outline-term-3);
    }

    .btn-outline-term3:not(:disabled):not(.disabled).active:focus, .btn-outline-term3:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-term3.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(72, 168, 183, 0.50) !important;
    }

.btn-term3 {
    color: white;
    background-color: var(--outline-term-3);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-term3:hover {
        color: white;
        filter: brightness(0.95);
    }

    .btn-term3:not(:disabled):not(.disabled).active:focus, .btn-term3:not(:disabled):not(.disabled):active:focus, .show > .btn-term3.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(72, 168, 183, 0.50) !important;
    }

.btn-outline-ind {
    border-color: var(--outline-term-ind);
    color: var(--outline-term-ind);
    background-color: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-outline-ind:hover {
        color: white;
        background-color: var(--outline-term-ind);
    }

    .btn-outline-ind:not(:disabled):not(.disabled).active:focus, .btn-outline-ind:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-ind.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(140, 140, 187, 0.50) !important;
    }

.btn-ind {
    color: white;
    background-color: var(--outline-term-ind);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-ind:hover {
        color: white;
        filter: brightness(0.95);
    }

    .btn-ind:not(:disabled):not(.disabled).active:focus, .btn-ind:not(:disabled):not(.disabled):active:focus, .show > .btn-ind.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(140, 140, 187, 0.50) !important;
    }


.btn-outline-level-4 {
    border-color: var(--btn-outline-level-4);
    color: var(--btn-outline-level-4);
    background-color: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-outline-level-4:hover {
        color: white;
        background-color: var(--btn-outline-level-4);
    }

    .btn-outline-level-4:not(:disabled):not(.disabled).active:focus, .btn-outline-level-4:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-level-4.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem #B3545450 !important;
    }

.btn-level-4 {
    color: white;
    background-color: var(--btn-outline-level-4);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-level-4:hover {
        color: white;
        filter: brightness(0.95);
    }

    .btn-level-4:active {
        color: white;
        background-color: var(--btn-outline-level-4);
    }

    .btn-level-4:not(:disabled):not(.disabled).active:focus, .btn-level-4:not(:disabled):not(.disabled):active:focus, .show > .btn-level-4.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem #B3545450 !important;
    }

.btn-outline-level-5 {
    border-color: var(--btn-outline-level-5);
    color: var(--btn-outline-level-5);
    background-color: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-outline-level-5:hover {
        color: white;
        background-color: var(--btn-outline-level-5);
    }

    .btn-outline-level-5:not(:disabled):not(.disabled).active:focus, .btn-outline-level-5:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-level-5.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem #37804350 !important;
    }

.btn-level-5 {
    color: white;
    background-color: var(--btn-outline-level-5);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-level-5:hover {
        color: white;
        filter: brightness(0.95);
    }

    .btn-level-5:active {
        color: white;
        background-color: var(--btn-outline-level-5);
    }

    .btn-level-5:not(:disabled):not(.disabled).active:focus, .btn-level-5:not(:disabled):not(.disabled):active:focus, .show > .btn-level-5.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem #5870A150 !important;
    }

.btn-outline-level-6 {
    border-color: var(--btn-outline-level-6);
    color: var(--btn-outline-level-6);
    background-color: transparent;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-outline-level-6:hover {
        color: white;
        background-color: var(--btn-outline-level-6);
    }

    .btn-outline-level-6:not(:disabled):not(.disabled).active:focus, .btn-outline-level-6:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-level-6.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem #5870A150 !important;
    }

.btn-level-6 {
    color: white;
    background-color: var(--btn-outline-level-6);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-level-6:hover {
        color: white;
        background-color: #5870A195;
    }

    .btn-level-6:active {
        color: white;
        background-color: var(--btn-outline-level-6);
    }

    .btn-level-6:not(:disabled):not(.disabled).active:focus, .btn-level-6:not(:disabled):not(.disabled):active:focus, .show > .btn-level-6.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem #5870A150 !important;
    }

/* Badges */


.badge-primary {
    color: #fff;
    background-color: var(--primary);
}

    .badge-primary[href]:hover, .badge-primary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--primary-dark);
    }

.badge-secondary {
    color: #212529;
    background-color: var(--secondary);
}

    .badge-secondary[href]:hover, .badge-secondary[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: var(--secondary-dark);
    }

.badge-success {
    color: #fff;
    background-color: var(--success);
}

    .badge-success[href]:hover, .badge-success[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--success-dark);
    }

.badge-info {
    color: #fff;
    background-color: var(--info);
}

    .badge-info[href]:hover, .badge-info[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--info-dark);
    }

.badge-warning {
    color: #212529;
    background-color: var(--warning);
}

    .badge-warning[href]:hover, .badge-warning[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: var(--waring-dark);
    }

.badge-danger {
    color: #fff;
    background-color: var(--danger);
}

    .badge-danger[href]:hover, .badge-danger[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--danger-dark);
    }

.badge-light {
    color: #212529;
    background-color: var(--light);
}

    .badge-light[href]:hover, .badge-light[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: var(--secondary);
    }

.badge-dark {
    color: #fff;
    background-color: var(--dark);
}

    .badge-dark[href]:hover, .badge-dark[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--dark-dark);
    }

/*Alerts*/

.alert-primary {
    color: #494961;
    background-color: var(--primary);
    border-color: var(--primary-dark);
}

    .alert-primary hr {
        border-top-color: var(--primary-light);
    }

    .alert-primary .alert-link {
        color: #333344;
    }

.alert-secondary {
    color: #707070;
    background-color: #f7f7f7;
    border-color: #f4f4f4;
}

    .alert-secondary hr {
        border-top-color: #e7e7e7;
    }

    .alert-secondary .alert-link {
        color: #575757;
    }

.alert-success {
    color: #2e5f33;
    background-color: #def0e0;
    border-color: #d0ebd3;
}

    .alert-success hr {
        border-top-color: #bee3c2;
    }

    .alert-success .alert-link {
        color: #1d3d21;
    }

.alert-info {
    color: #375172;
    background-color: #e1ebf8;
    border-color: #d5e3f5;
}

    .alert-info hr {
        border-top-color: #c0d5f0;
    }

    .alert-info .alert-link {
        color: #263950;
    }

.alert-warning {
    color: #706a47;
    background-color: #f7f5e7;
    border-color: #f4f1de;
}

    .alert-warning hr {
        border-top-color: #eee9cb;
    }

    .alert-warning .alert-link {
        color: #514c33;
    }

.alert-danger {
    color: #70362f;
    background-color: #f7e1de;
    border-color: #f4d4d1;
}

    .alert-danger hr {
        border-top-color: #efc1bc;
    }

    .alert-danger .alert-link {
        color: #4c2520;
    }

.alert-light {
    color: #7d7d7d;
    background-color: #fcfcfc;
    border-color: #fbfbfb;
}

    .alert-light hr {
        border-top-color: #eeeeee;
    }

    .alert-light .alert-link {
        color: #646464;
    }

.alert-dark {
    color: #2b2b2b;
    background-color: gainsboro;
    border-color: #cfcfcf;
}

    .alert-dark hr {
        border-top-color: #c2c2c2;
    }

    .alert-dark .alert-link {
        color: #121212;
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

/* Backgrounds */

.bg-menu {
    background-color: var(--menu)
}

.bg-primary {
    background-color: var(--primary) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--primary-dark) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: var(--secondary-dark) !important;
}

.bg-success {
    background-color: var(--success) !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: var(--success-dark) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: var(--info-dark) !important;
}

.bg-warning {
    background-color: var(--warning) !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: var(--warning-dark) !important;
}

.bg-danger {
    background-color: var(--danger) !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: var(--danger-dark) !important;
}

.bg-light {
    background-color: var(--bg-light) !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: var(--secondary) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #393939 !important;
}

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

.bg-dark-light {
    background-color: var(--bg-dark-light) !important;
}

.bg-dark-red {
    background-color: #b10000 !important;
}

.bg-warning-dark {
    background-color: var(--warning-dark);
}

.bg-edit-alloc-collapse {
    background-color: #ebebeb;
}

.dark-theme .bg-edit-alloc-collapse {
    background-color: #343434;
}

.bg-offline {
    background-color: #804242;
}

.bg-ultra-light {
    background-color: var(--ultra-light);
}

.bg-extra-light {
    background-color: var(--extra-light);
}

.bg-lighter {
    background-color: var(--bg-lighter) !important;
}

.bg-active-tab {
    background-color: #fcfcfc;
}

.bg-secondary-light {
    background-color: var(--secondary-light);
}

.bg-secondary-dark {
    background-color: var(--secondary-dark);
}

.bg-glance-bkgnd {
    background-color: #b6b9d1;
}

.bg-glance-title {
    background-color: #f7f9ff;
}

.bg-feedback-sent {
    background-color: #90e396 !important;
}

.bg-feedback-released {
    background-color: #90e396 !important;
}

.bg-term1 {
    background-color: var(--outline-term-1);
}

.bg-term2 {
    background-color: var(--outline-term-2);
}

.bg-term3 {
    background-color: var(--outline-term-3);
}

.bg-L4 {
    background-color: var(--btn-outline-level-4);
}

.bg-L5 {
    background-color: var(--btn-outline-level-5);
}

.bg-L6 {
    background-color: var(--btn-outline-level-6);
}

.bg-NA {
    background-color: #ddd;
}

.dark-theme .bg-NA {
    background-color: #616161;
}

.bg-L4-light {
    background-color: #eb9a99;
}

.bg-L5-light {
    background-color: #9ecd9d;
}

.bg-L6-light {
    background-color: #a5b8e4;
}

.dark-theme .bg-L4-light {
    background-color: var(--btn-outline-level-4);
}

.dark-theme .bg-L5-light {
    background-color: var(--btn-outline-level-5);
}

.dark-theme .bg-L6-light {
    background-color: var(--btn-outline-level-6);
}

.bg-replace-allocation {
    background-color: #CF9DE0;
}

.bg-homepage {
    background-color: #3A3939;
}

.bg-transparent {
    background-color: transparent !important;
}


/* Text Colors */

.text-white {
    color: var(--text-white) !important;
}

.text-primary {
    color: var(--text-primary) !important;
}

a.text-primary:hover, a.text-primary:focus {
    filter: brightness(--hover-brightness);
}

.text-secondary {
    color: var(--secondary) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    filter: brightness(--hover-brightness);
}

.text-success {
    color: var(--text-success) !important;
}

a.text-success:hover, a.text-success:focus {
    filter: brightness(--hover-brightness);
}

.text-info {
    color: var(--text-info) !important;
}

a.text-info:hover, a.text-info:focus {
    filter: brightness(--hover-brightness);
}

.text-warning {
    color: var(--warning) !important;
}

a.text-warning:hover, a.text-warning:focus {
    filter: brightness(--hover-brightness);
}

.text-danger {
    color: var(--danger) !important;
}

a.text-danger:hover, a.text-danger:focus {
    filter: brightness(--hover-brightness);
}

.text-light {
    color: var(--text-light) !important;
}

a.text-light:hover, a.text-light:focus {
    filter: brightness(--hover-brightness);
}

.text-dark {
    color: var(--text-dark) !important;
}

a.text-dark:hover, a.text-dark:focus {
    filter: brightness(--hover-brightness);
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #777 !important;
}

.dark-theme .text-muted {
    color: #999 !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-oPaPro {
    color: var(--dark) !important;
}

.dark-theme .text-oPaPro {
    color: #BBB !important;
}

.text-primary-light {
    color: #b5b5de !important;
}

.text-danger-light {
    color: #cc9893 !important;
}

.text-secondary-dark {
    color: var(--text-secondary-dark) !important;
}

.text-secondary-darker {
    color: var(--text-secondary-darker) !important;
}

.text-warning-dark {
    color: #aea46e !important;
}

.text-amber {
    color: #d8a05a !important;
}

.text-tagcolor {
    color: #B1BDE6 !important;
}

.text-black {
    color: #000 !important;
}

.text-grey {
    color: #949494 !important;
}

.text-grey-red {
    color: #ab5f5f !important;
}

.text-dark-red {
    color: #b10000 !important;
}

.text-dark-blue {
    color: #51438a !important;
}

.text-light-blue {
    color: #cabefe !important;
}

.text-term1 {
    color: var(--outline-term-1);
}

.text-term2 {
    color: var(--outline-term-2);
}

.text-term3 {
    color: var(--outline-term-3);
}


.text-L4 {
    color: var(--btn-outline-level-4);
}

.text-L5 {
    color: var(--btn-outline-level-5);
}

.text-L6 {
    color: var(--btn-outline-level-6);
}

.text-NA {
    color: #9d9d9d;
}


/*    Recent Activity*/

.text-prod-added {
    color: #1eafd5;
}

.text-keydate-added {
    color: #1ed576;
}

.text-keydate-changed {
    color: #ce8c3a;
}

.text-alloc-changed {
    color: #03bfbf;
}

.text-alloc-added {
    color: #d5a71e;
}

.text-oPaPro-alloc-added {
    color: #7c7c7c;
}

.text-oPaPro-alloc-removed {
    color: #975f5f;
}

.text-oPaPro-alloc-changed {
    color: #7b775f;
}

.text-approval-alloc-added {
    color: #b841be
}

.text-approval-alloc-pending {
    color: #b841be
}

.text-approval-alloc-changed {
    color: #be8e41
}

.text-approval-alloc-approved {
    color: #41be96
}

.text-approval-alloc-declined {
    color: #be4166
}

.text-approval-alloc-removed {
    color: #be5041
}

.text-jobpost-added {
    color: #46a550
}

.text-jobpost-changed {
    color: #9ea546
}

.text-jobpost-removed {
    color: #a54646
}

.icon-dark {
    color: #4e4e4e;
}
/*   --- Recent Activity*/



/*nav bar logged in */
.text-loggedin {
    color: #d4d09c !important;
}

    .text-loggedin:hover {
        color: #e6e18f !important;
    }

    .text-loggedin:active {
        text-decoration: none;
    }


.text-loggedin-mobile {
    color: #d4d09c !important;
    font-size: 0.9rem;
}

    .text-loggedin-mobile:hover {
        color: #e6e18f !important;
    }

    .text-loggedin-mobile:active {
        color: #e6e18f !important;
    }
/*nav bar logged in */


.text-logout {
    color: #c3bf8e !important;
}

    .text-logout:hover {
        color: #e6e18f !important;
        text-decoration: none;
    }

.border-glance-color {
    border-color: #b7b7b7;
}

/*Allocation Notes Button*/
.notes-good {
    color: #70c079;
}

.notes-doublerole {
    color: #ceb873;
}

.notes-clash {
    color: #d45050;
}

.notes-black {
    color: black;
}

.notes-oPaPro {
    color: #999999;
}
/*Allocation Notes Button*/


/*Button Outline Colours*/
.btn-outline-login:hover {
    background-color: #86b9f9;
    color: #efefee;
}

.btn-outline-logout:hover {
    background-color: #dcd498;
    color: #efefee;
}
/*Button Outline Colours*/

.button-hover :hover {
    background-color: blue;
}

.form-feedback {
    color: var(--danger-dark);
    font-size: 80%;
    width: 100%;
    margin-top: 0.25rem;
}

/*Allocations Tables*/
.dark-theme .bgvenue {
    filter: brightness(0.95);
}

.allocation-dir {
    background-color: #f3f3f3;
}

.dark-theme .allocation-dir {
    background-color: #303030;
}

.allocation-desc {
    background-color: #EDEDED;
}

.dark-theme .allocation-desc {
    background-color: #333333;
}

.allocation-photo {
    background-color: #EDEDED;
}

.dark-theme .allocation-photo {
    background-color: #333333;
}

.allocation-technicians {
    background-color: #E7E7E7;
}

.dark-theme .allocation-technicians {
    background-color: #373737;
}

.allocation-header {
    background-color: #737373 !important;
    color: white;
}

.dark-theme .allocation-header {
    background-color: #757575 !important;
    color: white;
}

.btn-lighter {
    background-color: var(--lighter);
}

.confirmed-text-clr {
    color: #b4b4b4;
}

    .confirmed-text-clr:hover {
        color: var(--dark);
    }

.tbc-text-clr {
    color: #d87979;
}

    .tbc-text-clr:hover {
        color: #bc4848;
    }

.text-dark-50 {
    color: rgb(82, 82, 82); /*fallback RGB*/
    color: rgba(82, 82, 82, 0.50);
}



/* override for info after click button weird colour */
.btn-info:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--info);
    border-color: var(--info);
}

/* override for warning after click button weird colour */
.btn-warning:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--warning);
    border-color: var(--warning);
}

/* override for primary after click button weird colour */
.btn-primary:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--primary);
    border-color: var(--outline-term-ind);
}

/* override for success after click button weird colour */
.btn-success:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--success);
    border-color: var(--success);
}

/* override for dark after click button weird colour */
.btn-dark:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--dark);
    border-color: var(--dark);
}

/* override for secondary after click button weird colour */
.btn-secondary:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #212529;
}

/* override for light after click button weird colour */
.btn-light:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--light);
    border-color: var(--light);
}

.show > .btn-info.dropdown-toggle:not(.disabled):focus {
    background-color: var(--info);
    border-color: var(--info);
}

.bg-editable {
    background-color: rgb(234, 219, 132); /*fallback RGB*/
    background-color: rgba(234, 219, 132, 0.30);
}

.bg-pulse-3 {
    background-color: transparent;
    animation-name: color;
    animation-duration: 3s;
    animation-iteration-count: 3;
}

@keyframes color {
    0% {
        background-color: transparent;
    }

    50% {
        background-color: rgb(227, 236, 70); /*fallback RGB*/
        background-color: rgba(227, 236, 70, 0.70);
    }

    100% {
        background-color: transparent;
    }
}

.bg-pulse {
    background-color: transparent;
    animation-name: color;
    animation-duration: 3s;
    animation-iteration-count: 1;
}

@keyframes color {
    0% {
        background-color: transparent;
    }

    50% {
        background-color: rgb(227, 236, 70); /*fallback RGB*/
        background-color: rgba(227, 236, 70, 0.70);
    }

    100% {
        background-color: transparent;
    }
}

/* Approval Colours */
.bg-approval-pending {
    background-color: #c79f54;
    color: white;
}

.bg-approval-decline {
    background-color: #c75454;
    color: white;
}

.bg-approval-approve {
    background-color: #50bf59;
    color: white;
}

.bg-approval-approve-light {
    background-color: #b7e0ba;
    color: white;
}

.btn-approval-pending {
    color: white;
    background-color: #c79f54;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-approval-pending:hover {
        color: white;
        background-color: #b9944e;
    }

    .btn-approval-pending:not(:disabled):not(.disabled).active:focus, .btn-approval-pending:not(:disabled):not(.disabled):active:focus, .show > .btn-approval-pending.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(199, 159, 84, 0.50) !important;
    }

.btn-approval-decline {
    color: white;
    background-color: #c75454;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-approval-decline:hover {
        color: white;
        background-color: #b64c4c;
    }

    .btn-approval-decline:not(:disabled):not(.disabled).active:focus, .btn-approval-decline:not(:disabled):not(.disabled):active:focus, .show > .btn-approval-decline.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(199, 84, 84, 0.50) !important;
    }


.btn-approval-approve {
    color: white;
    background-color: #50bf59;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-approval-approve:hover {
        color: white;
        background-color: #4ab052;
    }

    .btn-approval-approve:not(:disabled):not(.disabled).active:focus, .btn-approval-approve:not(:disabled):not(.disabled):active:focus, .show > .btn-approval-approve.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(80, 191, 89, 0.50) !important;
    }


.btn-sign-in {
    min-width: 320px;
    padding: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
    background-color: #ae565600;
    border: 2px solid #656565;
    height: 52px;
}

    .btn-sign-in:hover {
        color: #fff !important;
        background-color: #9b4646;
        border: 2px solid #ae5656;
    }

    .btn-sign-in:not(:disabled):not(.disabled).active:focus, .btn-sign-in:not(:disabled):not(.disabled):active:focus, .show > .btn-sign-in.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(155, 70, 70, 0.50) !important;
    }

    .btn-sign-in.wait {
        background-color: #9b4646 !important;
        border: 2px solid #ae5656;
    }

.sign-in-spinner {
    width: 1.3rem !important;
    height: 1.3rem !important;
}


.btn-admin-sign-in {
    min-width: 320px;
    padding: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
    background-color: #bca13f;
}

    .btn-admin-sign-in:hover {
        color: #fff !important;
        background-color: #be9a14;
    }

    .btn-admin-sign-in:not(:disabled):not(.disabled).active:focus, .btn-admin-sign-in:not(:disabled):not(.disabled):active:focus, .show > .btn-admin-sign-in.dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem #2d59f8 !important;
    }

@media (max-width: 991.5px) {
    .btn-sign-in {
        min-width: 290px;
        padding-top: 12px;
        padding-bottom: 12px;
        height: 48px;
    }

    .btn-admin-sign-in {
        min-width: 290px;
        padding-top: 12px;
        padding-bottom: 12px;
        height: 48px;
    }
}


@media (max-width: 425.5px) {
    .btn-sign-in {
        max-width: 320px;
        font-size: 11px;
        height: 46px;
    }

    .btn-admin-sign-in {
        max-width: 320px;
        height: 46px;
    }
}

@media (max-width: 379.5px) {
    .btn-sign-in {
        max-width: 280px;
        height: 46px;
    }

    .btn-admin-sign-in {
        max-width: 280px;
        height: 46px;
    }
}

.nav-divider-color {
    border-color: #888;
}

/* custom links */

a.nonBtn {
    color: var(--text-black) !important;
    text-decoration: underline var(--text-link-underline) !important;
    cursor: pointer;
}

    a.nonBtn:hover, a.nonBtn:focus {
        color: var(--text-black) !important;
        text-decoration: underline var(--text-link-underline-hover) !important;
        cursor: pointer;
    }

    a.nonBtn:visited {
        color: var(--text-black) !important;
        text-decoration: underline;
        cursor: pointer;
    }

    a.nonBtn:active {
        color: #ccc;
        text-decoration: underline #ccc !important;
        cursor: pointer;
    }

.nonBtn-next-anchor > a {
    color: var(--text-black) !important;
    text-decoration: underline var(--text-link-underline) !important;
    cursor: pointer;
}

    .nonBtn-next-anchor > a:hover {
        color: var(--text-black) !important;
        text-decoration: underline var(--text-link-underline-hover) !important;
        cursor: pointer;
    }

    .nonBtn-next-anchor > a:visited {
        color: var(--text-black) !important;
        text-decoration: underline;
        cursor: pointer;
    }

    .nonBtn-next-anchor > a:active {
        color: #ccc;
        text-decoration: underline #ccc !important;
        cursor: pointer;
    }


.span-link {
    color: var(--text-black) !important;
    text-decoration: underline var(--text-link-underline) !important;
    cursor: pointer;
}

    .span-link:hover, .span-link:focus {
        color: var(--text-black) !important;
        text-decoration: underline var(--text-link-underline-hover) !important;
        cursor: pointer;
    }

a.link {
    color: var(--text-black) !important;
    text-decoration: underline var(--text-link-underline) !important;
}

    a.link:hover {
        color: var(--text-black) !important;
        text-decoration: underline var(--text-link-underline-hover) !important;
    }


/* Borders */

.border-primary {
    border-color: var(--primary) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

.border-success {
    border-color: var(--success) !important;
}

.border-info {
    border-color: var(--info) !important;
}

.border-warning {
    border-color: var(--warning) !important;
}

.border-danger {
    border-color: var(--danger) !important;
}

.border-light {
    border-color: var(--border-light) !important;
}

.border-dark {
    border-color: var(--dark) !important;
}

.border-white {
    border-color: var(--white) !important;
}

.border-secondary-light {
    border-color: var(--secondary-light) !important;
}

.border-secondary-dark {
    border-color: var(--secondary-dark) !important;
}

.border {
    border: 1px solid var(--border);
    border-color: var(--border);
}

.border-top {
    border-top: 1px solid var(--border) !important;
}

.border-right {
    border-right: 1px solid var(--border) !important;
}

.border-bottom {
    border-bottom: 1px solid var(--border) !important;
}

.border-left {
    border-left: 1px solid var(--border) !important;
}

.dash-card {
    border-color: var(--card-border) !important;
}

.page-heading {
    border-color: var(--border-secondary);
}

.page-subheading {
    border-color: var(--border-secondary);
}

/* Quill Editor */

.ql-container {
    background-color: #fff;
}

.dark-theme .ql-container {
    background-color: var(--form-control-background);
}

.dark-theme .ql-editor.ql-blank::before {
    color: rgb(255, 255, 255, 0.60);
}

.form-control {
    color: var(--color) !important;
    background-color: var(--form-control-background) !important;
    border: 1px solid var(--secondary) !important;
}

.input-group-text {
    color: #444;
    border: 1px solid var(--secondary) !important;
}

.dark-theme .input-group-text {
    color: #a1a1a1;
    background-color: #424242 !important;
}

textarea:focus textarea:active {
    color: var(--color) !important;
    background-color: var(--form-control-background) !important;
}

textarea:-moz-placeholder, /* Firefox 18- */
textarea::-moz-placeholder, /* Firefox 19+ */
textarea:-ms-input-placeholder, /* IE 10+ */
textarea::-webkit-input-placeholder, /* Webkit based */
textarea::placeholder { /* Modern browsers */
    color: var(--dark-theme-input-text-color) !important;
}

/*menu stuff*/

.user-drop-down {
    background-color: var(--menu);
}

.dropdown-menu-background-color {
    background-color: var(--menu);
}

/*table*/
table {
    color: var(--color) !important;
}