:root {
    --site-body-bgcolor: #f9f9f9;
    --site-body-text-color: #212529;
    --text-default: #212529;
    --text-default-hover: #797982;
    --text-default-invert: #E2E2E2;
    --side-menu-icon: #404040;
    --bg-white: #FFF;
    --bg-ultra-light: #FDFDFD;
    --bg-lighter: #f9f9f9;
    --bg-light: #EDEDED;
    --bg-dark-light: #777;
    --bg-submission-deadline: #d8ffa8;
    --bs-tooltip: #4e4d4d;
    /*-*/
    --text-primary: #6B6BB3;
    --text-info: #4474AF;
    --text-success: #037F3F;
    --text-white: #FFF;
    --text-danger: #BD4F4F;
    --text-danger-dark: #B54040;
    --text-danger-light: #9E6862;
    --text-black: #000;
    --text-light: #EDEDED;
    --text-lighter: #EFEFEF;
    --text-muted: #727272;
    --text-secondary-dark: #8E8E8E;
    --text-secondary-darker: #6A6A6A;
    --text-dark: #525252;
    --text-dark-red: #b10000;
    --text-link-underline: #57575750;
    --text-link-underline-hover: #575757;
    --text-venue-subtext: #757575;
    --hr: rgba(0, 0, 0, 0.1);
    /*-*/
    --card-body: #fff;
    /*-*/
    --list-group-border: #E5E5E5;
    /*-*/
    --content-placeholder-color: #444;
    /*-*/
    --card-border: #E2E2E2;
    --modal-border: #EEE;
    --border-light: #E5E5E5;
    --border-lighter: #EDEDED;
    --border-secondary: #DDD;
    --border: #CCC;
    --table-header: #FFF;
    /*-*/
    --btn-light: #E5E5E5;
    --btn-light-hover: #DDD;
    /*-*/
    --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;
    --nav-menu: #4e4d4d;
    --nav-menu-button-color: #E2E2E2;
    /*-*/
    --form-control-background: #FFFFFF !important;
    --form-control-background-disabled: #f8f8f8 !important;
    /* Btns */
    --outline-danger: #BD4F4F;
    --outline-term-1: #3f9aa9;
    --outline-term-2: #b1973e;
    --outline-term-3: #B24D80;
    --outline-term-1-text: #3f9aa9;
    --outline-term-2-text: #b1973e;
    --outline-term-3-text: #B24D80;
    --outline-term-ind: #63815F;
    --term-1: #3f9aa9;
    --term-2: #b1973e;
    --term-3: #B24D80;
    --term-ind: #63815F;
    /*Levels*/
    --level-0: #FDFDFD;
    --level-4: #B35454;
    --level-5: #378043;
    --level-6: #5870A1;
    --outline-level-4: #B35454;
    --outline-level-5: #378043;
    --outline-level-6: #5870A1;
    --outline-level-4-text: #B35454;
    --outline-level-5-text: #378043;
    --outline-level-6-text: #5870A1;
    --level-4-light: #EB9A99;
    --level-5-light: #9ECD9D;
    --level-6-light: #A5B8E4;
    --outline-info: #4677B3;
    /*colors-standard*/
    --primary: #71709E;
    --signal: #5B798A;
    --success: #2A874B;
    --info: #4677B3;
    --warning: #DFD183;
    --danger: #BD4F4F;
    --warm: #A86072;
    --support: #8A6D8F;
    --black: #000000;
    /*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%;
    --nav-menu-button-hover: #646464;
    /*pagination*/
    --text-pagination: #FFF;
    --btn-pagination: #646464;
    --btn-pagination-disabled: #646464;
    --btn-pagination-hover: #848484;
    --btn-pagination-focus-border: rgba(80, 80, 80, 0.25);
}
/* 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 {
    --site-body-bgcolor: #2C2C2C;
    --site-body-text-color: #E2E2E2;
    --text-default: #E2E2E2;
    --text-default-hover: #797982;
    --text-default-invert: #212529;
    --side-menu-icon: #CCC;
    --bg-white: #333;
    --bg-ultra-light: #373737;
    --bg-lighter: #2C2C2C;
    --bg-light: #333333;
    --bg-dark-light: #595959;
    --bg-submission-deadline: #325c00;
    /*-*/
    --text-primary: #B5B5DB;
    --text-info: #8AAFDD;
    --text-success: #41B56A;
    --text-danger: #ed978d;
    --text-danger-light: #c9847d;
    --text-danger-dark: #FF9494;
    --text-white: #FFF;
    --text-black: #e0e0e0;
    --text-light: #949494;
    --text-lighter: #d7d6d6;
    --text-muted: #a9a9a9;
    --text-secondary-dark: #BDBDBD;
    --text-secondary-darker: #C6C6C6;
    --text-dark: #CECECE !important;
    --text-dark-red: #eb7b7b;
    --text-link-underline: #e0e0e070;
    --text-link-underline-hover: #e0e0e0;
    --text-venue-subtext: #A8A8A8;
    --hr: rgb(225 225 225 / 10%);
    /*-*/
    --card-body: #333333;
    --card-border: #404040;
    /*-*/
    --list-group-border: #404040;
    /*-*/
    --content-placeholder-color: #AAA;
    /*-*/
    --modal-border: #444444;
    --border: #686868;
    --border-secondary: #646464;
    --border-light: #545454;
    --border-lighter: #444444;
    --table-header: #1F1F1F;
    /*-*/
    --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: #303030;
    --light: #383838;
    --secondary-light: #454545;
    --secondary: #848484;
    --secondary-dark: #676767;
    /*--secondary-darker: #848484;*/
    /*--dark-light: #666;*/
    --dark: #C0C0C0;
    --dark-dark: #939393;
    /*    --nav-menu: #454444;*/
    /*  --nav-menu-button-hover: #545454;*/
    /* Btns */
    --btn-light: #4b4b4b;
    --btn-light-hover: #404040;
    --outline-danger: #EF7878;
    --outline-term-1: #49B1C2;
    --outline-term-2: #CFB14A;
    --outline-term-3: #F56CB0;
    --outline-term-1-text: #60c3d3;
    --outline-term-2-text: #d3be76;
    --outline-term-3-text: #DE81AF;
    --outline-term-ind: #86AD81;
    --outline-info: #5F9FED;
    /*-*/
    --form-control-background: #373737 !important;
    --form-control-background-disabled: #464646 !important;
    /*Levels*/
    --level-4: #CC6460;
    --level-5: #48a757;
    --level-6: #7494d4;
    --outline-level-4: #CC6460;
    --outline-level-5: #54C469;
    --outline-level-6: #7A9BDE;
    --outline-level-4-text: #ce918e;
    --outline-level-5-text: #7ec68c;
    --outline-level-6-text: #9db7eb;
    --level-0: #373737;
    /*--level-4-light: #EB9A99;
    --level-5-light: #9ECD9D;
    --level-6-light: #A5B8E4;*/
    --dark-theme-input-text-color: #E2E2E2;
    --dark-theme-input-placeholder-color: #B2B2B2;
    /*pagination*/
    --text-pagination: #000;
    --btn-pagination: #929090;
    --btn-pagination-disabled: #A19F9F;
    --btn-pagination-hover: #BAB8B8;
    --btn-pagination-focus-border: rgba(186, 184, 184, 0.25);
}

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

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

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

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

.card-header {
    background-color: #F5F5F5;
}

.dark-theme .card-header {
    background-color: #303030;
}

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

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

.modal-footer {
    border-top-color: var(--modal-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;
    color: var(--text-default);
}

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

    .btn-none:focus, .btn-none.focus {
        box-shadow: 0 0 0 0.2rem rgba(140, 140, 140, 0.4);
    }

        .btn-none:focus:not(:focus-visible), .btn-none.focus:focus:not(:focus-visible) {
            box-shadow: 0 0 0 0;
        }

    .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: var( --text-default);
    background-color: var(--secondary-light);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-secondary-light:hover {
        color: var( --text-default);
        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 {
        box-shadow: 0 0 0 0.2rem rgba(195, 195, 195, 0.50) !important;
    }

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

.dark-theme .btn-secondary {
    color: #000;
    background-color: #999;
    border-color: #999;
}

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

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

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

.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: #000;
    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.25);
    }

.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);
    }

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

    .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);
        }

        .dark-theme .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.25);
        }

.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: var(--text-default);
    background-color: var(--btn-light);
    border-color: var(--btn-light);
}

    .btn-light:hover {
        color: var(--text-default);
        background-color: var(--btn-light-hover);
        border-color: var(--btn-light-hover);
    }

    .btn-light:focus, .btn-light.focus {
        color: var(--text-default);
        box-shadow: 0 0 0 0.2rem rgb(220, 220, 220, 0.50);
    }

    .dark-theme .btn-light:focus, .btn-light.focus {
        color: var(--text-default);
        box-shadow: 0 0 0 0.2rem rgb(80, 80, 80, 0.50);
    }

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

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

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: var(--text-default);
    background-color: var(--btn-light);
    border-color: var(--btn-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 rgb(220, 220, 220, 0.50);
    }

    .dark-theme .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(80, 80, 80, 0.5);
    }

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

.dark-theme .btn-dark {
    color: #000;
}

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

.dark-theme .btn-dark:hover {
    color: #000;
}

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

.dark-theme .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgb(185, 185, 185, 0.50);
}

.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);
}

.dark-theme .btn-dark:not(:disabled):not(.disabled):active, .dark-theme .btn-dark:not(:disabled):not(.disabled).active,
.dark-theme .show > .btn-dark.dropdown-toggle {
    color: #000;
    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-cancel {
    color: #000;
    background-color: #BBB;
    border-color: #BBB;
}

.dark-theme .btn-cancel {
    color: #000;
    background-color: #999;
    border-color: #999;
}

.btn-cancel:hover {
    color: #000;
    background-color: #A5A5A5;
    border-color: #A5A5A5;
}

.dark-theme .btn-cancel:hover {
    background-color: #808080;
    border-color: #808080;
}

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

.dark-theme .btn-cancel:focus, .btn-cancel.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 216, 216, 0.25);
}

.btn-cancel.disabled, .btn-cancel:disabled {
    color: #212529;
    background-color: #AAA;
    border-color: #AAA;
}

.btn-cancel:not(:disabled):not(.disabled):active, .btn-cancel:not(:disabled):not(.disabled).active {
    color: #000;
    background-color: #BBB;
    border-color: #BBB;
    box-shadow: 0 0 0 0.2rem rgba(145, 145, 145, 0.25);
}

    .btn-cancel:not(:disabled):not(.disabled):active:focus, .btn-cancel:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 0.2rem rgba(145, 145, 145, 0.25);
    }

.dark-theme .btn-cancel:not(:disabled):not(.disabled):active, .btn-cancel:not(:disabled):not(.disabled).active {
    color: #000;
    background-color: #A5A5A5;
    border-color: #A5A5A5;
}


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

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

.btn-white:hover {
    background-color: #f3f3f3;
}

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

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active {
    background-color: #fdfdfd;
}

.dark-theme .btn-white:not(:disabled):not(.disabled):active, .dark-theme .btn-white:not(:disabled):not(.disabled).active {
    background-color: #333;
}

.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.3);
}

.btn-white:not(:disabled):not(.disabled):focus, .btn-white:not(:disabled):not(.disabled):focus {
    box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.3);
}

.dark-theme .btn-white:not(:disabled):not(.disabled):focus, .dark-theme .btn-white:not(:disabled):not(.disabled):focus {
    box-shadow: 0 0 0 0.2rem rgba(100, 100, 100, 0.25);
}

.dark-theme .btn-white:not(:disabled):not(.disabled):active:focus, .dark-theme .btn-white:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(100, 100, 100, 0.25);
}


.btn-addtocal {
    color: var(--text-default);
    background-color: var(--bg-white);
    border-color: #CCC !important;
}

.dark-theme .btn-addtocal {
    border-color: #686868 !important;
}


.btn-addtocal:hover {
    color: var(--text-default);
    background-color: var(--btn-light-hover);
}


.btn-addtocal:not(:disabled):not(.disabled):active:focus, .btn-addtocal:not(:disabled):not(.disabled).active:focus {
    color: var(--text-default);
    background-color: var(--bg-white);
    box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.3);
}

.btn-addtocal:not(:disabled):not(.disabled):focus, .btn-addtocal:not(:disabled):not(.disabled):focus {
    color: var(--text-default);
    background-color: var(--bg-white);
    box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.3);
}

.dark-theme .btn-addtocal:not(:disabled):not(.disabled):focus, .dark-theme .btn-addtocal:not(:disabled):not(.disabled):focus {
    box-shadow: 0 0 0 0.2rem rgb(150, 150, 150, 0.25);
}

/*.dark-theme .btn-addtocal:not(:disabled):not(.disabled):active:focus, .dark-theme .btn-addtocal:not(:disabled):not(.disabled).active:focus {*/
/*background-color: #d0d0d0;*/
/*box-shadow: 0 0 0 0.2rem rgba(100, 100, 100, 0.25);
}*/

.btn-addtocal:not(:disabled):not(.disabled):active, .btn-addtocal:not(:disabled):not(.disabled).active {
    background-color: #fdfdfd;
}

.dark-theme .btn-addtocal:not(:disabled):not(.disabled):active, .dark-theme .btn-addtocal:not(:disabled):not(.disabled).active {
    background-color: #333;
}

.dark-theme .dropdown-addtocal {
    color: var(--text-default);
    background-color: var(--bg-light);
    border-color: #686868 !important;
}

.dropdown-item.addtocal {
    color: var(--text-default);
    text-decoration: none;
}

    .dropdown-item.addtocal:hover {
        color: inherit;
        background-color: var(--secondary);
    }

.dark-theme .dropdown-item.addtocal:hover {
    color: inherit;
    background-color: var(--bg-dark-light);
}

.dropdown-item.addtocal:focus {
    color: #f0f0f0;
}

.dark-theme .apple-cal-svg {
    filter: invert(1);
}

.dark-theme .ical-cal-svg {
    filter: invert(1);
}

.btn-close {
    background-color: #FDFDFD;
}

    .btn-close:hover {
        background-color: #F0F0F0;
    }

    .btn-close:active {
        background-color: #FDFDFD;
    }

.dark-theme .btn-close {
    background-color: #CBCBCB;
}

    .dark-theme .btn-close:hover {
        background-color: #AAA;
    }

    .dark-theme .btn-close:active {
        background-color: #CBCBCB;
    }

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

.dark-theme .btn-outline-primary {
    color: #ABABD4;
    border-color: #ABABD4;
}

.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(--site-body-text-color);
    background-color: var(--light);
    background-image: none;
    border-color: var(--secondary);
}

    .btn-outline-secondary:hover {
        color: var(--black);
        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.2);
    }

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

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: var(--black);
        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.2);
        }

.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(--outline-info);
    background-color: transparent;
    background-image: none;
    border-color: var(--outline-info);
}

.dark-theme .btn-outline-info {
    color: #76A1D6;
    border-color: #76A1D6;
}

.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(--outline-danger);
    background-color: transparent;
    background-image: none;
    border-color: var(--outline-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-white {
    color: var(--white);
    background-color: transparent;
    background-image: none;
    border-color: var(--white);
}

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

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

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

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

        .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-white.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem #FFF;
        }


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

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

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

    .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);
    }

.dark-theme .btn-outline-dark:not(:disabled):not(.disabled):active, .dark-theme .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .dark-theme .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: var( --btn-light-hover);
    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.25);
}



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

    .btn-outline-term1:hover {
        color: white;
        border-color: var(--term-1);
        background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(72, 168, 183, 0.50) !important;
    }

.btn-term1 {
    color: white;
    background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(72, 168, 183, 0.50) !important;
    }

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

    .btn-outline-term2:hover {
        color: white;
        border-color: var(--term-2);
        background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(184, 159, 71, 0.50) !important;
    }

.btn-term2 {
    color: white;
    background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(184, 159, 71, 0.50) !important;
    }


.btn-outline-term3 {
    color: var(--outline-term-3-text);
    border-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;
        border-color: var(--term-3);
        background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(178, 77, 128, 0.50) !important;
    }

.btn-term3 {
    color: white;
    background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(178, 77, 128, 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;
        border-color: var(--term-ind);
        background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(99, 129, 95, 0.50) !important;
    }

.btn-ind {
    color: white;
    background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem rgba(99, 129, 95, 0.50) !important;
    }


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

    .btn-outline-level-4:hover {
        color: white;
        border-color: var(--level-4);
        background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem #B3545450 !important;
    }

.btn-level-4 {
    color: white;
    background-color: var(--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(--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 {
        box-shadow: 0 0 0 0.2rem #B3545450 !important;
    }

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

    .btn-outline-level-5:hover {
        color: white;
        border-color: var(--level-5);
        background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem #37804350 !important;
    }

.btn-level-5 {
    color: white;
    background-color: var(--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(--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 {
        box-shadow: 0 0 0 0.2rem #5870A150 !important;
    }

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

    .btn-outline-level-6:hover {
        color: white;
        border-color: var(--level-6);
        background-color: var(--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 {
        box-shadow: 0 0 0 0.2rem #5870A150 !important;
    }

.btn-level-6 {
    color: white;
    background-color: var(--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(--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 {
        box-shadow: 0 0 0 0.2rem #5870A150 !important;
    }

.btn-gradecalc {
    color: white;
    background-color: #a677af;
    border-color: #a677af;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

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

    .btn-gradecalc:not(:disabled):not(.disabled).active:focus, .btn-gradecalc:not(:disabled):not(.disabled):active:focus, .show > .btn-gradecalc.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(166, 119, 175, 0.50) !important;
    }


/* CalButton */
.dark-theme .btn-outline-secondary.CalButton:not(:disabled):active {
    color: var(--light) !important;
}

.dark-theme .btn-outline-secondary.CalButton:not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.25);
}



/*Release Button*/


.released-button:focus, .released-button.focus {
    outline: 3px solid rgba(140, 140, 140, 0.4);
}

    .released-button:focus:not(:focus-visible) {
        box-shadow: 0 0 0 0 !important;
    }


/*Pagination Buttons*/

.text-pagination {
    color: var(--btn-pagination);
}

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

.btn-pagination-end {
    background-color: var(--btn-pagination);
    color: var(--text-pagination);
}

.btn-pagination:hover, .btn-pagination.hover {
    background-color: var(--btn-pagination-hover);
    color: var(--text-pagination);
}

.btn-pagination-end:hover, .btn-pagination-end.hover {
    background-color: var(--btn-pagination-hover);
    color: var(--text-pagination);
}

.btn-pagination:focus, .btn-pagination.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-pagination-focus-border);
}

.btn-pagination-end:focus, .btn-pagination-end.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-pagination-focus-border);
}

.btn-pagination:disabled, .btn-pagination.disabled {
    background-color: transparent;
    border: 1px solid var(--btn-pagination-disabled);
    color: var(--btn-pagination-disabled);
    cursor: default !important;
    opacity: 1;
}

.btn-pagination-end:disabled, .btn-pagination-end.disabled {
    background-color: transparent;
    border: 1px solid var(--btn-pagination-disabled);
    color: var(--btn-pagination-disabled);
    cursor: default !important;
    opacity: 1;
}

.btn-pagination:disabled:focus, .btn-pagination.disabled:focus, .btn-pagination:disabled:focus:active, .btn-pagination.disabled:focus:active, .btn-pagination:disabled:active, .btn-pagination.disabled:active {
    box-shadow: none !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: #203d23 !important;
    background-color: #def0e0;
    border-color: #d0ebd3;
}

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

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

.alert-info {
    color: #2F4663;
    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-body {
    background-color: var(--site-body-bgcolor) !important;
}

.bg-menu {
    background-color: var(--nav-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-checkbox {
    background-color: var(--form-control-background);
}

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

.bg-all-white {
    background-color: #FFF !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: var(--bg-light);
}

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

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

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

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

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

.bg-table-header {
    background-color: #FFF;
}

.dark-theme .bg-table-header {
    background-color: var(--table-header);
}

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

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

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

.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(--term-1);
}

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

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

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

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

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

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

.bg-homepage, .btn-sign-in {
    background-color: #3a3939;
}

@media (max-width: 767.5px) {
    .bg-homepage, .btn-sign-in {
        background-color: #4e4d4d;
    }
}

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

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

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

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

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

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

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

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

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

.bg-submission-deadline {
    background-color: var(--bg-submission-deadline);
}

/*draft*/
.bg-text-draft {
    background-color: #f9f9f9;
    box-shadow: 0 0 5px 4px #f9f9f9;
    -webkit-box-shadow: 0 0 5px 4px #f9f9f9;
    -moz-box-shadow: 0 0 5px 4px #f9f9f9;
}

.dark-theme .bg-text-draft {
    background-color: #383838;
    box-shadow: 0 0 5px 4px #383838;
    -webkit-box-shadow: 0 0 5px 4px #383838;
    -moz-box-shadow: 0 0 5px 4px #383838;
}

.draft {
    opacity: 0.8;
}

    .draft div a {
        opacity: 1 !important;
    }

.bg-draft {
    min-width: 100%;
    min-height: 100%;
    background: url("data:image/svg+xml;utf8,<svg style=\"transform:rotate(-33deg); font-family:Montserrat,sans-serif;font-weight: 500;color:%23c2c2c2;background-color: %23f9f9f9;opacity: 0.7;\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 41\"><text x=\"0\" y=\"7\"  fill=\"currentColor\"><tspan dx=\"0\" dy=\"14\">DRAFT</tspan></text></svg>") 5px 8px / 46px 27px;
}

.dark-theme .bg-draft {
    min-width: 100%;
    min-height: 100%;
    background: url("data:image/svg+xml;utf8,<svg style=\"transform:rotate(-33deg); font-family:Montserrat,sans-serif;font-weight: 500;color:%23666;background-color: %23383838;opacity: 0.7;\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 41\"><text x=\"0\" y=\"7\"  fill=\"currentColor\"><tspan dx=\"0\" dy=\"14\">DRAFT</tspan></text></svg>") 5px 8px / 46px 27px;
}

/*archived*/
.bg-text-archived {
    background-color: #f0f6ff;
    box-shadow: 0 0 2px 4px #f0f6ff;
    -webkit-box-shadow: 0 0 5px 4px #f0f6ff;
    -moz-box-shadow: 0 0 2px 4px #f0f6ff;
}

.dark-theme .bg-text-archived {
    background-color: #2F333C;
    box-shadow: 0 0 2px 4px #2F333C;
    -webkit-box-shadow: 0 0 5px 4px #2F333C;
    -moz-box-shadow: 0 0 2px 4px #2F333C;
}

.archived {
    opacity: 0.8;
}

    .archived div a {
        opacity: 1 !important;
    }

.bg-archived {
    min-width: 100%;
    min-height: 100%;
    background: url("data:image/svg+xml;utf8,<svg style=\"transform:rotate(-33deg); font-family:Montserrat,sans-serif;font-weight: 500;font-size: 17px;color:%23b5cae3;background-color: %23f4f8ff;opacity: 0.7;\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 125 55\"><text x=\"0\" y=\"8\" fill=\"currentColor\"><tspan dx=\"0\" dy=\"14\">ARCHIVED</tspan></text></svg>") 5px 8px / 75px 35px;
}

.dark-theme .bg-archived {
    min-width: 100%;
    min-height: 100%;
    background: url("data:image/svg+xml;utf8,<svg style=\"transform:rotate(-33deg); font-family:Montserrat,sans-serif;font-weight: 500;font-size: 17px;color:%23596264;background-color: %232F333C;opacity: 0.7;\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 125 55\"><text x=\"0\" y=\"8\" fill=\"currentColor\"><tspan dx=\"0\" dy=\"14\">ARCHIVED</tspan></text></svg>") 5px 8px / 75px 35px;
}

.bg-text {
    background-color: #1f1f1f44;
    box-shadow: 0 0 5px 4px #1f1f1f44;
    -webkit-box-shadow: 0 0 8px 8px #1f1f1f44;
    -moz-box-shadow: 0 0 8px 8px #1f1f1f44;
}

/* 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, a.text-info {
    color: var(--text-info);
    text-decoration-color: var(--text-info);
}

    a.text-info:hover, a.text-info:focus {
        color: var(--info-light) !important;
        text-decoration-color: var(--info-light) !important;
    }

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

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

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

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

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

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

.text-lighter {
    color: var(--text-lighter) !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: var(--text-muted) !important;
}

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

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

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

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

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

.dark-theme .text-ArchivedAllocation {
    color: #BBB !important;
}*/

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

.text-danger-light {
    color: var(--text-danger-light) !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; /*stays black*/
}

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

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


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

.dark-theme .text-grey-red {
    color: #FF9995 !important;
}

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

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

.dark-theme .text-dark-blue {
    color: #baaaf9 !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-L0 {
    color: var(--level-0);
}

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

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

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

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

a.text-grammarly {
    color: var(--text-success);
}

    a.text-grammarly:hover {
        color: var(--text-success);
        text-decoration-color: var(--text-success);
    }

    a.text-grammarly:active {
        color: var(--success);
        text-decoration-color: var(--success);
    }

/*    Recent Activity*/
.text-prod-added {
    color: #117994;
}

.text-keydate-added {
    color: #0E8045;
}

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

.text-alloc-changed {
    color: #018080;
}

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

.text-visitor-alloc-added {
    color: #707070;
}

.text-visitor-alloc-removed {
    color: #975F5F;
}

.text-visitor-alloc-changed {
    color: #7B775F;
}

.text-approval-alloc-added {
    color: #B841BE;
}

.text-approval-alloc-pending {
    color: #B841BE;
}

.text-approval-alloc-changed {
    color: #8D692E;
}

.text-approval-alloc-approved {
    color: #BE4166;
}

.text-approval-alloc-declined {
    color: #BE4166;
}

.text-approval-alloc-removed {
    color: #BE5041;
}

.text-jobpost-added {
    color: #347E3C;
}

.text-jobpost-changed {
    color: #6F742F;
}

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


/*dark theme*/

.dark-theme .text-prod-added {
    color: #1EB1D7;
}

.dark-theme .text-keydate-added {
    color: #1ABB67;
}

.dark-theme .text-keydate-changed {
    color: #DA953E;
}

.dark-theme .text-alloc-changed {
    color: #02B6B6;
}

.dark-theme .text-alloc-added {
    color: #ED7E1C;
}

.dark-theme .text-visitor-alloc-added {
    color: #A3A3A3;
}

.dark-theme .text-visitor-alloc-removed {
    color: #DE8E8E;
}

.dark-theme .text-visitor-alloc-changed {
    color: #A9A484;
}

.dark-theme .text-approval-alloc-added {
    color: #FEA5FF;
}

.dark-theme .text-approval-alloc-pending {
    color: #FEA5FF;
}

.dark-theme .text-approval-alloc-changed {
    color: #CD9A47;
}

.dark-theme .text-approval-alloc-approved {
    color: #FF939C;
}

.dark-theme .text-approval-alloc-declined {
    color: #FF939C;
}

.dark-theme .text-approval-alloc-removed {
    color: #FF9582;
}

.dark-theme .text-jobpost-added {
    color: #4FB85B;
}

.dark-theme .text-jobpost-changed {
    color: #A2A948;
}

.dark-theme .text-jobpost-removed {
    color: #FE7B7B;
}

/*   --- Recent Activity*/

.icon-dark {
    color: #4e4e4e; /*used for edit icon */
}


/*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;
    }

/*Allocation Notes Button*/
.notes-good {
    color: #2ead55;
}

.notes-doublerole {
    color: #ceb873;
}

.notes-clash {
    color: #d45050;
}

.notes-black {
    color: black;
}

.notes-VisitorAllocation {
    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;
}

/*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: #323232;
}

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

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

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

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

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

.dark-theme .allocation-header {
    background-color: var(--table-header) !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-danger:not(.disabled):not(.disabled):not(:hover):focus {
    background-color: var(--danger);
    border-color: var(--danger);
}

/* 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(--primary);
}

/* 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: #e3ec46; /*fallback*/
        background-color: #e3ec46b3; /*70% transparent*/
    }

    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 {
        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 {
        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 {
        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:focus {
        color: #fff !important;
        background-color: #9b4646;
        border: 2px solid #ae5656;
    }

    .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:focus, .btn-admin-sign-in:focus {
        border: 2px solid #be9a14;
    }

@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.link {
    color: var(--text-black) !important;
    text-decoration: underline var(--text-link-underline) !important;
}

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

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

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


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 var(--text-link-underline) !important;
        cursor: pointer;
    }

    a.nonBtn:active {
        color: var(--text-secondary-dark) !important;
        text-decoration: underline var(--text-secondary-dark) !important;
        cursor: pointer;
    }

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

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

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

    .nonBtn:active {
        color: var(--text-secondary-dark) !important;
        text-decoration: underline var(--text-secondary-dark) !important;
        cursor: pointer;
    }

/*used form photographer input allocations table*/
.nonBtn-next-anchor > a {
    color: var(--text-black) !important;
    text-decoration: underline var(--black) !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 var(--black) !important;
        cursor: pointer;
    }

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


.more-less {
    color: var(--text-info) !important;
    text-decoration: underline var(--text-info) !important;
    cursor: pointer;
    font-size: 0.65rem;
}

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

    .more-less:active {
        color: var(--text-black) !important;
        text-decoration: underline var(--text-black) !important;
        cursor: pointer;
    }




/* Borders */

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

.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;
}

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

.border-secondary {
    border-color: var(--border-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-lighter {
    border-color: var(--border-lighter) !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-card {
    border: 1px solid var(--card-border);
}

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

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-L4 {
    border-color: var(--level-4) !important;
}

.border-L5 {
    border-color: var(--level-5) !important;
}

.border-L6 {
    border-color: var(--level-6) !important;
}

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

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

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

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.card-border {
    background-color: var(--card-body);
    border-color: var(--card-border);
    border-width: 2.4px !important;
    box-sizing: border-box;
}

.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(--site-body-text-color);
    background-color: var(--form-control-background);
    border: 1px solid var(--secondary);
}

    .form-control:disabled, .form-control[readonly] {
        background-color: var(--form-control-background-disabled);
        opacity: 1;
    }

.disabled-text-form-control {
    color: var(--site-body-text-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(--site-body-text-color) !important;
    background-color: var(--form-control-background) !important;
}

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

.dark-theme .form-control:-moz-placeholder, /* Firefox 18- */
.dark-theme .form-control::-moz-placeholder, /* Firefox 19+ */
.dark-theme .form-control:-ms-input-placeholder, /* IE 10+ */
.dark-theme .form-control::-webkit-input-placeholder, /* Webkit based */
.dark-theme .form-control::placeholder,
.dark-theme .form-control[placeholder],
.dark-theme .form-control::placeholder { /* Modern browsers */
    color: var(--dark-theme-input-placeholder-color);
}


.dark-theme .form-control::placeholder { /* Modern browsers */
    color: var(--dark-theme-input-placeholder-color);
}

/*menu stuff*/

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

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

.myshows-drop-down {
    background-color: #D3D3D3 !important;
    border-color: #525252 !important;
}

.modules-drop-down {
    background-color: #D3D3D3 !important;
    border-color: #525252 !important;
}

.productions-drop-down {
    background-color: #D3D3D3 !important;
    border-color: #525252 !important;
}

.modules-drop-down {
    background-color: #D3D3D3 !important;
    border-color: #525252 !important;
}

.more-drop-down {
    background-color: #D3D3D3 !important;
    border-color: #525252 !important;
}

.sub-sub-drop-down {
    background-color: #EDEDED !important;
    border-color: #525252 !important;
}

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

.nslate {
    background-color: #fdfdfd;
}

.dark-theme .nslate {
    background-color: #333333;
    border-color: #404040;
}

.view-all-btn {
    color: var(--text-default);
    background-color: var(--light);
    border-color: var(--light);
}

    .view-all-btn:hover {
        color: var(--text-default);
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

.dark-theme .view-all-btn:hover {
    color: var(--text-default);
    background-color: #2e2e2e;
    border-color: #2e2e2e;
}

.view-all-btn:focus, .view-all-btn.focus {
    color: var(--text-default);
}

.view-all-btn.disabled, .view-all-btn:disabled {
    color: var(--text-default);
    background-color: var(--light);
    border-color: var(--light);
}

.view-all-btn:not(:disabled):not(.disabled):active, .view-all-btn:not(:disabled):not(.disabled).active {
    color: var(--text-default);
    background-color: var(--light);
    border-color: var(--light);
}

/*striped table background*/
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F9F9F9;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #ECECEC;
}

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #333;
}

.dark-theme .table-striped tbody tr:nth-of-type(even) {
    background-color: #2D2D2D;
}

.bg-table-odd {
    background-color: #F9F9F9;
}

.bg-table-even {
    background-color: #ECECEC;
}

.dark-theme .bg-table-odd {
    background-color: #333;
}

.dark-theme .bg-table-even {
    background-color: #2D2D2D;
}

/*used input popup content year-calendar venue text*/
.text-info-venue {
    color: var(--light);
}

.dark-theme .text-info-venue {
    color: #F1F1F1;
}

.dark-theme .table-hover tbody tr:hover {
    color: #9E9D9D;
}


.dark-theme #Searchbutton:focus {
    color: #CCC;
}

.dark-theme #Searchbutton:active {
    color: #CCC;
    background-color: var(--secondary) !important;
}

.feedback-sent-icon {
    color: #525252 !important;
    border-color: #525252 !important;
}