@charset "UTF-8";
:root {

    --lightshade: #FFFFF3;
    --lightaccent: #FED18F;
    --mainbrand: #FA9E4D;
    --darkaccent: #FC5F59;
    --darkshade: #FDB84D;
    --success: #7bab51;
	--successrgba: 123, 171, 81;
    --warning: #f89b19;
	--warningrgba: 248, 155, 25;
    --danger: #F44336;
	--dangerrgba: 244, 67, 54;


    --hoverover: #dd2e28;
    

    --dark: #151618;

    --white: #ffffff;
	--black: #000000;

	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;


	--gray: #e100ff;
    --neon: #00ff15;



}
/**     color: var(--warning); **/



/**     general text stuff **/

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: var(--mainbrand);
}

/**     "color:" here changes the "title" text colors **/
body {
	color: var(--hoverover);
	background-color: var(--lightshade);
}

a {
	color: rgba(0,0,0,0.7);
}

a:hover {
	color: rgba(0,0,0,0.7);
    text-decoration: none;
}


/**     Character icons & Borders**/
.img-thumbnail {
	background-color: transparent;
	border: 1px solid var(--darkaccent);
}

/**************************************************************** header */

.bg-dark {
	background-color: var(--darkaccent) !important;
}
.site-header-image {
    background-color: var(--darkshade);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 350px;
}

.navbar{
	background-color: var(--darkaccent)
}

.navbar .navbar-brand, .navbar .nav-item {
    text-transform: uppercase;
    font-family: Roboto Condensed, serif;
    color: var(--lightshade);
}


.dropdown-menu {
	color: var(--darkaccent);
	background-color: var(--lightshade);
	border: 1px solid var(--darkaccent);
}

.dropdown-divider {
	border-top: 1px solid var(--darkshade);
}

.dropdown-item {
	color: var(--mainbrand);
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: var(--darkaccent);
	background-color: var(--lightaccent);
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--darkaccent);
	background-color: var(--lightaccent);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
	color: var(--darkshade);
}

.dropdown-header {
	color: var(--gray);
}

.dropdown-item-text {
	color: var(--gray);
}



/**************************************************************** BODY */
.main-content {
	background: var(--lightshade)
}

#app {
	background: var(--darkshade);
}

.card {
	background-color: var(--lightshade);
	border: 1px solid var(--mainbrand);
}

.card-header {
	background-color:var(--lightaccent);
	border-bottom: 0px;
}

.card-footer {
	background-color: rgba(0,0,0, 0.85);
	border-top: 1px solid var(--lightaccent);
}


/**************************************************************** Sidebar stuff */
.sidebar ul li {
    background-color: var(--lightshade);
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    margin-bottom: 1em;
    padding: 0.4em 0;

    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1);
}

.sidebar ul li a {
    color: var(--mainbrand);
}
.sidebar ul li a:hover {
    background: var(--lightaccent);
    color: var(--hoverover);
}

.sidebar .sidebar-header {
    background-color: var(--darkaccent);
}
.sidebar .sidebar-header a {
    color: var(--lightshade);
}
.sidebar a:hover, .sidebar a:active, .sidebar a:focus, .sidebar a:link {
    text-decoration: none;
}
.sidebar a:hover {
    text-decoration: none;
}
.sidebar a.active, .sidebar a.active:hover {
    color: var(--lightshade);
    background-color: var(--darkaccent);
}

.sidebar .sidebar-header,
.sidebar .sidebar-section .sidebar-section-header {
    text-transform: uppercase;
    font-family: Roboto Condensed, serif;
    font-weight: bold;
}

.sidebar a,
.sidebar-section-header {
    display: block;
    padding: 0.1em 1em;
	color: var(--danger)
}



.breadcrumb-item a {
	color: var(--darkaccent);
}
.breadcrumb-item a:hover {
	color: var(--hoverover);
}
.site-footer .copyright { color: var(--mainbrand); }


/* ubt are the lines between https://cdn.discordapp.com/attachments/1104906392466362399/1107064195188527204/image.png  */
.ubt-bottom { border-bottom-color: var(--mainbrand)}
.ubt-top { border-top-color: var(--mainbrand)}

.nav-tabs .nav-item .active { background: var(--lightaccent) }

.btn-faded {
	background: rgba(var(--successrgba),0.2);
	border-color: var(--success); 
}

h1 a, h2 a, h3 a, h4 a, h5 a, a.h1, a.h2, a.h3, a.h4, a.h5 { 
    color: var(--darkaccent); 
} 

.character-bio .nav-tabs.card-header-tabs .active {
    background-color: var(--darkaccent);
    color: var(--lightshade);
    border-bottom: 0;
}

.image-nav .nav-item a.active { border-color: transparent; background-color: var(--mainbrand); }
.img-thumbnail {    border-color: var(--mainbrand);}


/**********************           Bar of links at the bototm of the screen */

.navbar-light{
	background-color: var(--lightshade);
}

.navbar-light .navbar-brand {
	color: var(--darkaccent);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
	color: var(--hoverover);
}

.navbar-light .navbar-nav .nav-link {
	color: var(--darkaccent);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: var(--hoverover);
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: var(--mainbrand);
}

/*****************************************************           notifications*/
.notifications-table .unread, .notifications-table .unread td {
    background-color: var(--success);
}

.alert-success {
	color: var(--success);
	background-color: rgba(var(--successrgba),0.3);
	border-color: var(--success);
}

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

.alert-success .alert-link {
	color: var(--success);
}

.alert-warning {
	color: var(--warning);
	background-color: rgba(var(--warningrgba),0.3);
	border-color: var(--warning);
}

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

.alert-warning .alert-link {
	color: var(--warning);
}

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


.alert-danger {
	color: var(--danger);
	background-color: rgba(var(--dangerrgba),0.3);
	border-color: var(--danger);
}

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

.alert-danger .alert-link {
	color: var(--danger);
}

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






/******************* Tooltips */


.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: var(--darkaccent);
}


.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: var(--darkaccent);
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: var(--darkaccent);
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: var(--darkaccent);
}

.tooltip-inner {
	color: var(--lightshade);
	background-color: var(--darkaccent);
}

.valid-tooltip {
	color: var(--white);
	background-color: rgba(var(--success), 0.9);
}

.invalid-tooltip {
	color: var(--white);
	background-color: rgba(var(--danger), 0.9);
}


/************** Comments */


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

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

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

.bg-light {
	background-color: rgba(var(--warningrgba),0.1) !important;
}

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

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

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

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

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


/******************             http://skin.tiny.cloud/t5/  http://wiki.lorekeeper.me/index.php?title=Tutorial:_Styling_the_TinyMCE_editor */
/** .tox-tinymce, .tox .tox-statusbar, .tox .tox-toolbar__group:not(:last-of-type), .tox .tox-edit-area {
    border-color: var(--mainbrand) !important; 
}

.tox .tox-tbtn svg {
    fill: var(--darkaccent) !important;
}

.tox-tbtn__select-label, .tox .tox-collection--list .tox-collection__item--active {
    color: var(--darkaccent) !important;
}

.tox .tox-tbtn:hover, .tox .tox-tbtn:focus, .tox .tox-tbtn:active, .tox .tox-collection--list .tox-collection__item--active {
    background-color: var(--lightaccent) !important;
}

.mce-content-body{
    color: var(--dark) !important;
    background-color: var(--lightshade);
    border-color: var(--mainbrand) !important;
}

.tox{
    color: var(--gray) !important;
}

.tox-menu{
    color: var(--gray) !important;
    background-color: var(--gray);
    border-color: var(--mainbrand) !important;
}
.tox-statusbar{
    color: var(--dark) !important;
    background-color: var(--gray);
    border-color: var(--mainbrand) !important;
}
.tox-toolbar__overflow{
    color: var(--gray) !important;
    background-color: var(--gray);
    border-color: var(--mainbrand) !important;
}
.tox-toolbar__primary{
    color: var(--gray) !important;
    background-color: var(--gray);
    border-color: var(--mainbrand) !important;
}


*/













/*

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
	border-color: var(--gray);
	background-color: var(--gray);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
	color: var(--gray);
}

.navbar-light .navbar-toggler {
	color: var(--gray);
	border-color: rgba(0,0,0, 0.1);
}


.navbar-light .navbar-text {
	color: var(--gray);
}

.navbar-light .navbar-text a {
	color: var(--gray);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
	color: var(--gray);
}

.navbar-dark .navbar-brand {
	color: var(--white);
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
	color: var(--white);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255,255,255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(255,255,255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
	color: var(--white);
}

.navbar-dark .navbar-toggler {
	color: rgba(255,255,255, 0.5);
	border-color: rgba(255,255,255, 0.1);
}


.navbar-dark .navbar-text {
	color: rgba(255,255,255, 0.5);
}

.navbar-dark .navbar-text a {
	color: var(--white);
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
	color: var(--white);
}




*/





/**     linkhere 



.sidebar {
    text-align: right;
    padding-right: 0px;
}

.sidebar ul {
    list-style-type: none;
    display: inline-block;
    padding-top: 30px;
}




.sidebar .sidebar-header a:hover {
    background-color: transparent;
    color: rgba(255,255,255,0.8);
}

.sidebar a {
    text-transform: uppercase;
    font-family: Roboto Condensed, serif;
    color: rgba(0,0,0,0.4);
}

.sidebar a:hover {
    color: var(--gray);
    background-color: var(--gray);
}



.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
	border-color: var(--gray);
}

.table-hover .table-warning:hover {
	background-color: var(--gray);
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
	background-color: var(--gray);
}

.table-danger,
.table-danger>th,
.table-danger>td {
	background-color: var(--gray);
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
	border-color: var(--gray);
}

.table-hover .table-danger:hover {
	background-color: var(--gray);
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
	background-color: var(--gray);
}

.table-success,
.table-success>th,
.table-success>td {
	background-color: var(--gray);
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
	border-color: var(--gray);
}

.table-hover .table-success:hover {
	background-color: var(--gray);
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
	background-color: var(--gray);
}

caption {
	color: var(--gray-600);
}

.blockquote-footer {
	color: var(--gray-600);
}

.figure-caption {
	color: var(--gray-600);
}

code {
	color: var(--pink);
}

kbd {
	color: var(--white);
	background-color: var(--gray-900);
}

pre {
	color: var(--gray-900);
}

.table {
	color: var(--gray-500);
	background-color: var(--gray-900);
}

.table th,
.table td {
	border-top: 1px solid var(--gray-800);
}

.table thead th {
	border-bottom: 2px solid var(--gray-800);
}

.table tbody+tbody {
	border-top: 2px solid var(--gray-800);
}

.table-bordered {
	border: 1px solid var(--gray-800);
}

.table-bordered th,
.table-bordered td {
	border: 1px solid var(--gray-800);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: var(--gray-300);
}

.table-hover tbody tr:hover {
	color: var(--gray-900);
	background-color: rgba(0,0,0, 0.075);
}

.table-primary,
.table-primary>th,
.table-primary>td {
	background-color: var(--gray-100);
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
	border-color: var(--gray-200);
}

.table-hover .table-primary:hover {
	background-color: var(--gray-200);
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
	background-color: var(--gray-200);
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
	background-color: var(--secondary);
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
	border-color: var(--secondary);
}

.table-hover .table-secondary:hover {
	background-color: var(--gray-300);
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
	background-color: var(--gray-300);
}

.table-info,
.table-info>th,
.table-info>td {
	background-color: var(--blue-300);
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
	border-color: var(--blue-400);
}

.table-hover .table-info:hover {
	background-color: var(--blue-300);
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
	background-color: var(--blue-300);
}

.table-warning,
.table-warning>th,
.table-warning>td {
	background-color: var(--blue-300);
}

.table-light,
.table-light>th,
.table-light>td {
	background-color: var(--secondary);
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
	border-color: var(--secondary);
}

.table-hover .table-light:hover {
	background-color: var(--gray-300);
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
	background-color: var(--gray-300);
}

.table-dark,
.table-dark>th,
.table-dark>td {
	background-color: var(--gray-200);
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
	border-color: var(--gray-500);
}

.table-hover .table-dark:hover {
	background-color: var(--gray-300);
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
	background-color: var(--gray-300);
}

.table-active,
.table-active>th,
.table-active>td {
	background-color: rgba(0,0,0, 0.075);
}

.table-hover .table-active:hover {
	background-color: rgba(0,0,0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: rgba(0,0,0, 0.075);
}

.table .thead-dark th {
	color: var(--gray-800);
	background-color: var(--gray-800);
	border-color: var(--gray-700);
}

.table .thead-light th {
	color: var(--gray-400);
	background-color: var(--gray-700);
	border-color: var(--gray-800);
}

.table-dark {
	color: var(--gray-800);
	background-color: var(--gray-800);
}

.table-dark th,
.table-dark td,
.table-dark thead th {
	border-color: var(--gray-700);
}


.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255,255,255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
	color: var(--gray-800);
	background-color: rgba(255,255,255, 0.075);
}

.form-control {
	color: var(--gray-200);
	background-color: var(--dark);
	border: 1px solid var(--dark);
}

.form-control:-moz-focusring {
	text-shadow: 0 0 0 var(--gray-200);
}

.form-control:focus {
	color: var(--gray-200);
	background-color: var(--gray-900);
	border-color: var(--gray-100);
	box-shadow: 0 0 0 0.2rem var(--blue-600);
}

.form-control::placeholder {
	color: var(--gray-600);
}

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

select.form-control:focus::-ms-value {
	color: var(--gray-200);
	background-color: var(--gray-900);
}

.form-control-plaintext {
	color: var(--gray-400);
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
	color: var(--gray-600);
}

.valid-feedback {
	color: var(--green);
}



.was-validated .form-control:valid,
.form-control.is-valid {
	border-color: var(--green);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
	border-color: var(--green);
	box-shadow: 0 0 0 0.2rem rgba(var(--green-800), 0.25);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
	border-color: var(--green);
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
	border-color: var(--green);
	box-shadow: 0 0 0 0.2rem rgba(var(--green-800), 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
	color: var(--green);
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
	color: var(--green);
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
	border-color: var(--green);
}


.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(var(--green-800), 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
	border-color: var(--green);
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
	border-color: var(--green);
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
	border-color: var(--green);
	box-shadow: 0 0 0 0.2rem rgba(var(--green-800), 0.25);
}

.invalid-feedback {
	color: var(--red);
}


.was-validated .form-control:invalid,
.form-control.is-invalid {
	border-color: var(--red);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border-color: var(--red);
	box-shadow: 0 0 0 0.2rem rgba(var(--red-700), 0.25);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
	border-color: var(--red);
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
	border-color: var(--red);
	box-shadow: 0 0 0 0.2rem rgba(var(--red-700), 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
	color: var(--red);
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
	color: var(--red);
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
	border-color: var(--red);
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
	border-color: var(--red-400);
	background-color: var(--red-400);
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(var(--red-700), 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
	border-color: var(--red);
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
	border-color: var(--red);
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
	border-color: var(--red);
	box-shadow: 0 0 0 0.2rem rgba(var(--red-700), 0.25);
}


.btn {
	color: var(--gray-900);
}

.btn:hover {
	color: var(--gray-500);
}

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

.btn-primary:hover {
	color: var(--white);
	background-color: var(--blue-400);
	border-color: var(--primary);
}

.btn-primary:focus,
.btn-primary.focus {
	color: var(--white);
	background-color: var(--blue-400);
	border-color: var(--primary);
	box-shadow: 0 0 0 0.2rem rgba(110, 139, 190, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: var(--white);
	background-color: var(--blue);
	border-color: var(--blue);
}

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

.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(110, 139, 190, 0.5);
}

.btn-secondary {
	color: var(--dark);
	background-color: var(--gray-500);
	border-color: var(--gray-500);
}

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

.btn-secondary:focus,
.btn-secondary.focus {
	color: var(--dark);
	background-color: var(--secondary);
	border-color: var(--secondary);
	box-shadow: 0 0 0 0.2rem rgba(147, 154, 161, 0.5);
}

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

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

.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(147, 154, 161, 0.5);
}

.btn-success {
	color: var(--white);
	background-color: var(--green);
	border-color: var(--green);
}

.btn-success:hover {
	color: var(--white);
	background-color: var(--green-700);
	border-color: var(--green-700);
}

.btn-success:focus,
.btn-success.focus {
	color: var(--white);
	background-color: var(--green-700);
	border-color: var(--green-700);
	box-shadow: 0 0 0 0.2rem rgba(64, 162, 87, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
	color: var(--white);
	background-color: var(--green);
	border-color: var(--green);
}

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

.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(64, 162, 87, 0.5);
}

.btn-info {
	color: var(--white);
	background-color: var(--cyan);
	border-color: var(--cyan);
}

.btn-info:hover {
	color: var(--white);
	background-color: var(--green-600);
	border-color: var(--green-600);
}

.btn-info:focus,
.btn-info.focus {
	color: var(--white);
	background-color: var(--green-600);
	border-color: var(--green-600);
	box-shadow: 0 0 0 0.2rem rgba(var(--cyan-600), 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
	color: var(--white);
	background-color: var(--cyan);
	border-color: var(--cyan);
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
	color: var(--white);
	background-color: var(--green-600);
	border-color: var(--cyan-700);
}

.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(var(--cyan-600), 0.5);
}

.btn-warning {
	color: var(--dark);
	background-color: var(--yellow);
	border-color: var(--yellow);
}

.btn-warning:hover {
	color: var(--dark);
	background-color: var(--yellow-500);
	border-color: var(--yellow-600);
}

.btn-warning:focus,
.btn-warning.focus {
	color: var(--dark);
	background-color: var(--yellow-500);
	border-color: var(--yellow-600);
	box-shadow: 0 0 0 0.2rem rgba(196, 161, 53, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
	color: var(--dark);
	background-color: var(--yellow);
	border-color: var(--yellow);
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
	color: var(--dark);
	background-color: var(--yellow-600);
	border-color: var(--yellow-700);
}

.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(196, 161, 53, 0.5);
}

.btn-danger {
	color: var(--white);
	background-color: var(--red);
	border-color: var(--red);
}

.btn-danger:hover {
	color: var(--white);
	background-color: var(--red-700);
	border-color: var(--red-700);
}

.btn-danger:focus,
.btn-danger.focus {
	color: var(--white);
	background-color: var(--red-700);
	border-color: var(--red-700);
	box-shadow: 0 0 0 0.2rem rgba(212, 88, 102, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: var(--white);
	background-color: var(--red);
	border-color: var(--red);
}

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

.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(212, 88, 102, 0.5);
}

.btn-light {
	color: var(--dark);
	background-color: var(--gray-500);
	border-color: var(--gray-500);
}

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

.btn-light:focus,
.btn-light.focus {
	color: var(--dark);
	background-color: var(--secondary);
	border-color: var(--secondary);
	box-shadow: 0 0 0 0.2rem rgba(147, 154, 161, 0.5);
}

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

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
	color: var(--dark);
	background-color: var(--secondary);
	border-color: var(--gray-300);
}

.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(147, 154, 161, 0.5);
}

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

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

.btn-dark:focus,
.btn-dark.focus {
	color: var(--white);
	background-color: var(--dark);
	border-color: var(--dark);
	box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
}

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

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
	color: var(--white);
	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(38, 38, 38, 0.5);
}

.btn-outline-primary {
	color: var(--blue);
	border-color: var(--blue);
}

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

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

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: var(--blue);
}

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

.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(var(--blue-500), 0.5);
}

.btn-outline-secondary {
	color: var(--gray-500);
	border-color: var(--gray-500);
}

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

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

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
	color: var(--gray-500);
}

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

.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(173, 181, 189, 0.5);
}

.btn-outline-success {
	color: var(--green);
	border-color: var(--green);
}

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

.btn-outline-success:focus,
.btn-outline-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--green-800), 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
	color: var(--green);
}

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

.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(var(--green-800), 0.5);
}

.btn-outline-info {
	color: var(--cyan);
	border-color: var(--cyan);
}

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

.btn-outline-info:focus,
.btn-outline-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(25, 150, 170, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
	color: var(--cyan);
}

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

.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(25, 150, 170, 0.5);
}

.btn-outline-warning {
	color: var(--yellow);
	border-color: var(--yellow);
}

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

.btn-outline-warning:focus,
.btn-outline-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--yellow-500), 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	color: var(--yellow);
}

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

.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(var(--yellow-500), 0.5);
}

.btn-outline-danger {
	color: var(--red);
	border-color: var(--red);
}

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

.btn-outline-danger:focus,
.btn-outline-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--red-700), 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	color: var(--red);
}

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

.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(var(--red-700), 0.5);
}

.btn-outline-light {
	color: var(--gray-500);
	border-color: var(--gray-500);
}

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

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

.btn-outline-light.disabled,
.btn-outline-light:disabled {
	color: var(--gray-500);
}

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

.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(173, 181, 189, 0.5);
}

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

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

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
	color: var(--dark);
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
	color: var(--white);
	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 var(--gray-300);
}

.btn-link {
	color: var(--gray-500);
}

.btn-link:hover {
	color: var(--gray-100);
}

.btn-link:disabled,
.btn-link.disabled {
	color: var(--gray-600);
}


.input-group-text {
	color: var(--gray-200);
	background-color: var(--gray-800);
	border: 1px solid var(--gray-900);
}

.custom-control-input:checked~.custom-control-label::before {
	color: var(--white);
	border-color: var(--blue);
	background-color: var(--blue);
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem var(--blue-600);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: var(--gray-100);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
	color: var(--white);
	background-color: var(--gray-400);
	border-color: var(--gray-400);
}

.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
	color: var(--gray-600);
}

.custom-control-input[disabled]~.custom-control-label::before,
.custom-control-input:disabled~.custom-control-label::before {
	background-color: var(--gray-800);
}

.custom-control-label::before {
	background-color: var(--gray-900);
	border: var(--cyan) solid 1px;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
	border-color: var(--blue);
	background-color: var(--blue);
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
	background-color: rgba(var(--blue-500), 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
	background-color: rgba(var(--blue-500), 0.5);
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
	background-color: rgba(var(--blue-500), 0.5);
}

.custom-switch .custom-control-label::after {
	background-color: var(--cyan);
}


.custom-switch .custom-control-input:checked~.custom-control-label::after {
	background-color: var(--gray-900);
	transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
	background-color: rgba(var(--blue-500), 0.5);
}

.custom-select {
	color: var(--gray-200);
	border: 1px solid var(--gray-900);
}

.custom-select:focus {
	border-color: var(--gray-100);
	box-shadow: 0 0 0 0.2rem var(--blue-600);
}

.custom-select:focus::-ms-value {
	color: var(--gray-200);
	background-color: var(--gray-900);
}

.custom-select:disabled {
	color: var(--gray-600);
	background-color: var(--gray-200);
}

.custom-select:-moz-focusring {
	text-shadow: 0 0 0 var(--gray-200);
}

.custom-file-input:focus~.custom-file-label {
	border-color: var(--gray-100);
	box-shadow: 0 0 0 0.2rem var(--blue-600);
}

.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
	background-color: var(--gray-800);
}

.custom-file-label {
	color: var(--gray-200);
	background-color: var(--gray-900);
	border: 1px solid var(--gray-900);
}

.custom-file-label::after {
	color: var(--gray-200);
	background-color: var(--gray-800);
}

.custom-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px var(--gray-800), 0 0 0 0.2rem var(--blue-600);
}

.custom-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px var(--gray-800), 0 0 0 0.2rem var(--blue-600);
}

.custom-range:focus::-ms-thumb {
	box-shadow: 0 0 0 1px var(--gray-800), 0 0 0 0.2rem var(--blue-600);
}

.custom-range::-webkit-slider-thumb {
	background-color: var(--blue);
}

.custom-range::-webkit-slider-thumb:active {
	background-color: var(--gray-200);
}

.custom-range::-webkit-slider-runnable-track {
	background-color: var(--gray-300);
}

.custom-range::-moz-range-thumb {
	background-color: var(--blue);
}


.custom-range::-moz-range-thumb:active {
	background-color: var(--gray-800);
}

.custom-range::-moz-range-track {
	background-color: var(--gray-900);
}

.custom-range::-ms-thumb {
	background-color: var(--blue);
}

.custom-range::-ms-thumb:active {
	background-color: var(--gray-400);
}


.custom-range::-ms-fill-lower {
	background-color: var(--gray-300);
}

.custom-range::-ms-fill-upper {
	background-color: var(--gray-300);
}

.custom-range:disabled::-webkit-slider-thumb {
	background-color: var(--gray-500);
}

.custom-range:disabled::-webkit-slider-runnable-track {
	cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
	background-color: var(--gray-500);
}

.custom-range:disabled::-ms-thumb {
	background-color: var(--gray-500);
}

.nav-link.disabled {
	color: var(--gray-600);
}

.nav-tabs {
	border-bottom: 1px solid var(--gray-900);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    background: var(--gray-700);
	border-color: var(--gray-900) var(--gray-900) var(--gray-900);
}

.nav-tabs .nav-link.disabled {
	color: var(--gray-600);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: var(--gray-200);
	background-color: var(--gray-800);
	border-color: var(--gray-900) var(--gray-900) var(--gray-800);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--white);
	background-color: var(--blue);
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--gray-600);
}

.breadcrumb-item.active {
	color: var(--gray-600);
}

.page-link {
	color: var(--gray-500);
	background-color: var(--gray-900);
	border: 1px solid var(--dark);
}

.page-link:hover {
	color: var(--gray-100);
	background-color: var(--gray-800);
	border-color: var(--gray-900);
}

.page-link:focus {
	box-shadow: 0 0 0 0.2rem var(--blue-600);
}


.page-item.active .page-link {
	color: var(--white);
	background-color: var(--blue);
	border-color: var(--blue);
}

.page-item.disabled .page-link {
	color: var(--gray-700);
	cursor: auto;
	background-color: var(--gray-900);
	border-color: var(--dark);
}

.badge-primary {
	color: var(--white);
	background-color: var(--blue);
}

a.badge-primary:hover,
a.badge-primary:focus {
	color: var(--white);
	background-color: var(--primary);
}

a.badge-primary:focus,
a.badge-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--blue-500), 0.5);
}

.badge-secondary {
	color: var(--dark);
	background-color: var(--gray-500);
}

a.badge-secondary:hover,
a.badge-secondary:focus {
	color: var(--dark);
	background-color: var(--secondary);
}

a.badge-secondary:focus,
a.badge-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgba(173, 181, 189, 0.5);
}

.badge-success {
	color: var(--white);
	background-color: var(--green);
}

a.badge-success:hover,
a.badge-success:focus {
	color: var(--white);
	background-color: var(--green-700);
}

a.badge-success:focus,
a.badge-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--green-800), 0.5);
}

.badge-info {
	color: var(--white);
	background-color: var(--cyan);
}

a.badge-info:hover,
a.badge-info:focus {
	color: var(--white);
	background-color: var(--green-600);
}

a.badge-info:focus,
a.badge-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(25, 150, 170, 0.5);
}

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

a.badge-warning:hover,
a.badge-warning:focus {
	color: var(--dark);
	background-color: var(--yellow-600);
}

a.badge-warning:focus,
a.badge-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--yellow-500), 0.5);
}

.badge-danger {
	color: var(--white);
	background-color: var(--red);
}

a.badge-danger:hover,
a.badge-danger:focus {
	color: var(--white);
	background-color: var(--red-700);
}

a.badge-danger:focus,
a.badge-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--red-700), 0.5);
}

.badge-light {
	color: var(--dark);
	background-color: var(--gray-500);
}

a.badge-light:hover,
a.badge-light:focus {
	color: var(--dark);
	background-color: var(--secondary);
}

a.badge-light:focus,
a.badge-light.focus {
	box-shadow: 0 0 0 0.2rem rgba(173, 181, 189, 0.5);
}

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

a.badge-dark:hover,
a.badge-dark:focus {
	color: var(--white);
	background-color: var(--dark);
}

a.badge-dark:focus,
a.badge-dark.focus {
	box-shadow: 0 0 0 0.2rem var(--gray-300);
}

.jumbotron {
	background-color: var(--gray-900);
}

.alert-primary {
	color: var(--blue-700);
	background-color: var(--gray-200);
	border-color: var(--gray-100);
}

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

.alert-primary .alert-link {
	color: var(--blue-900);
}

.alert-secondary {
	color: var(--gray-600);
	background-color: var(--secondary);
	border-color: var(--secondary);
}

.alert-secondary hr {
	border-top-color: var(--gray-300);
}

.alert-secondary .alert-link {
	color: var(--gray-600);
}



.alert-info {
	color: var(--blue-500);
	background-color: var(--blue-200);
	border-color: var(--blue-300);
}

.alert-info hr {
	border-top-color: var(--blue-300);
}

.alert-info .alert-link {
	color: var(--blue-700);
}



.alert-light {
	color: var(--gray-600);
	background-color: var(--gray-100);
	border-color: var(--secondary);
}

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

.alert-light .alert-link {
	color: var(--gray-600);
}

.alert-dark {
	color: var(--dark);
	background-color: var(--gray-300);
	border-color: var(--gray-200);
}

.alert-dark hr {
	border-top-color: var(--gray-300);
}

.alert-dark .alert-link {
	color: var(--dark);
}


.progress {
	background-color: var(--gray-200);
}

.progress-bar {
	color: var(--white);
	background-color: var(--blue);
}


.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255,255,255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255, 0.15) 50%, rgba(255,255,255, 0.15) 75%, transparent 75%, transparent);
}

.list-group-item-action {
	color: var(--gray-700);
}

.list-group-item-action:hover,
.list-group-item-action:focus {
	color: var(--gray-700);
	background-color: var(--gray-300);
}

.list-group-item-action:active {
	color: var(--gray-400);
	background-color: var(--gray-300);
}

.list-group-item {
	background-color: var(--gray-900);
	border: 1px solid rgba(0,0,0, 0.25);
}

.list-group-item.disabled,
.list-group-item:disabled {
	color: var(--gray-600);
	background-color: var(--white);
}

.list-group-item.active {
	color: var(--white);
	background-color: var(--blue);
	border-color: var(--blue);
}

.list-group-item-primary {
	color: var(--blue-700);
	background-color: var(--gray-100);
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
	color: var(--blue-700);
	background-color: var(--gray-200);
}

.list-group-item-primary.list-group-item-action.active {
	color: var(--white);
	background-color: var(--blue-700);
	border-color: var(--blue-700);
}

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

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
	color: var(--gray-600);
	background-color: var(--gray-300);
}

.list-group-item-secondary.list-group-item-action.active {
	color: var(--white);
	background-color: var(--gray-600);
	border-color: var(--gray-600);
}

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

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
	color: var(--green-400);
	background-color: var(--green-400);
}

.list-group-item-success.list-group-item-action.active {
	color: var(--white);
	background-color: var(--green-400);
	border-color: var(--green-400);
}

.list-group-item-info {
	color: var(--blue-500);
	background-color: var(--blue-300);
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
	color: var(--blue-500);
	background-color: var(--blue-300);
}

.list-group-item-info.list-group-item-action.active {
	color: var(--white);
	background-color: var(--blue-500);
	border-color: var(--blue-500);
}

.list-group-item-warning {
	color: var(--yellow-700);
	background-color: var(--blue-300);
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
	color: var(--yellow-700);
	background-color: var(--yellow-300);
}

.list-group-item-warning.list-group-item-action.active {
	color: var(--white);
	background-color: var(--yellow-700);
	border-color: var(--yellow-700);
}

.list-group-item-danger {
	color: var(--red-700);
	background-color: var(--red-500);
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
	color: var(--red-700);
	background-color: var(--red-400);
}

.list-group-item-danger.list-group-item-action.active {
	color: var(--white);
	background-color: var(--red-700);
	border-color: var(--red-700);
}

.list-group-item-light {
	color: var(--gray-600);
	background-color: var(--secondary);
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
	color: var(--gray-600);
	background-color: var(--gray-300);
}

.list-group-item-light.list-group-item-action.active {
	color: var(--white);
	background-color: var(--gray-600);
	border-color: var(--gray-600);
}

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

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
	color: var(--dark);
	background-color: var(--gray-300);
}

.list-group-item-dark.list-group-item-action.active {
	color: var(--white);
	background-color: var(--dark);
	border-color: var(--dark);
}

.close {
	color: var(--dark);
	text-shadow: 0 1px 0 var(--white);
}

.close:hover {
	color: var(--dark);
}

.toast {
	background-color: rgba(0,0,0, 0.85);
	border: 1px solid rgba(0,0,0, 0.1);
	box-shadow: 0 0.25rem 0.75rem rgba(0,0,0, 0.1);
}

.toast-header {
	color: var(--gray-600);
	background-color: rgba(255,255,255, 0.85);
	border-bottom: 1px solid rgba(0,0,0, 0.05);
}

.modal {
	background-color: var(--gray-900);
	border: 1px solid rgba(0,0,0, 0.82);
}

.modal-backdrop {
	background-color: var(--dark);
}


.modal-footer {
	border-top: 1px solid var(--gray-800);
}

.modal-header {
	border-bottom: 1px solid var(--gray);
}

.popover-header {
	background-color: var(--gray);
	border-bottom: 1px solid var(--gray);
}

.popover {
	background-color: var(--dark);
	border: 1px solid rgba(0,0,0, 0.2);
}

.bs-popover-top>.arrow::before,
.bs-popover-auto[x-placement^="top"]>.arrow::before {
	border-top-color: rgba(0,0,0, 0.25);
}

.bs-popover-top>.arrow::after,
.bs-popover-auto[x-placement^="top"]>.arrow::after {
	border-top-color: var(--dark);
}

.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^="right"]>.arrow::before {
	border-right-color: rgba(0,0,0, 0.25);
}

.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^="right"]>.arrow::after {
	border-right-color: var(--dark);
}

.bs-popover-bottom>.arrow::before,
.bs-popover-auto[x-placement^="bottom"]>.arrow::before {
	border-bottom-color: rgba(0,0,0, 0.25);
}

.bs-popover-bottom>.arrow::after,
.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
	border-bottom-color: var(--dark);
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
	border-bottom: 1px solid var(--dark);
}

.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^="left"]>.arrow::before {
	border-left-color: rgba(0,0,0, 0.25);
}

.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^="left"]>.arrow::after {
	border-left-color: var(--dark);
}


.popover-body {
	color: var(--gray-400);
}

.carousel-control-prev,
.carousel-control-next {
	color: var(--white);
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
	color: var(--white);
}



.carousel-indicators li {
	background-color: var(--white);
}

.carousel-caption {
	color: var(--white);
}

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

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

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

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

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

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

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

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

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

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

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

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

.bg-light {
	background-color: var(--gray-500) !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: var(--dark) !important;
}

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

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





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

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



.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-primary {
	border-color: var(--blue) !important;
}

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



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

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

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

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

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

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

.shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0, 0.075) !important;
}

.shadow {
	box-shadow: 0 0.5rem 1rem rgba(0,0,0, 0.15) !important;
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0,0,0, 0.175) !important;
}

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

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

a.text-primary:hover,
a.text-primary:focus {
	color: var(--blue-700) !important;
}

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

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



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

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

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

a.text-warning:hover,
a.text-warning:focus {
	color: var(--yellow-600) !important;
}

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

a.text-danger:hover,
a.text-danger:focus {
	color: var(--red-700) !important;
}

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

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

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

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

.text-body {
	color: var(--gray-400) !important;
}



.text-black-50 {
	color: var(--gray-300) !important;
}

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


/************************************************************************************************/

/**

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    background: var(--gray-100) !important;
    background: rgba(0, 0, 0, 0.06) !important;
    -webkit-box-shadow: inset 0 0 12px 4px var(--white);
    box-shadow: inset 0 0 12px 4px var(--white);
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
    border-bottom: 1px solid var(--gray-500);
    background: var(--dark);
}

.selectize-dropdown-header-close {
    color: var(--gray-200);
}

.selectize-dropdown-header-close:hover {
    color: var(--gray-200);
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid var(--gray-100);
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    border-left: 1px solid var(--blue-500);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: var(--blue-700);
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: var(--gray-200);
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: var(--gray-200);
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: var(--gray-900);
}

.selectize-input {
    border: 1px solid var(--gray-500);
    padding: 8px 8px;
    width: 100%;
    overflow: hidden;
}

.selectize-input.full {
    background-color: var(--gray-900);
}

.selectize-control.multi .selectize-input>div {
    background: var(--black);
    color: var(--white);
    border: 1px solid var(--gray-900);
}

.selectize-control.multi .selectize-input>div.active {
    background: var(--gray-700);
    color: var(--white);
    border: 1px solid var(--gray-500);
}

.selectize-control.multi .selectize-input.disabled>div, .selectize-control.multi .selectize-input.disabled>div.active {
    color: var(--white);
    background: var(--gray-300);
    border: 1px solid var(--gray-200);
}

.selectize-input.dropdown-active::before {
    background: var(--gray-500);
}

.selectize-dropdown {
    border: 1px solid var(--gray-500);
    background: var(--gray-900);
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
}

.selectize-dropdown .optgroup-header {
    color: var(--gray-200);
    background: var(--gray-900);
}

.selectize-dropdown .active {
    background-color: var(--gray-700);
    color: var(--gray-200);
}

.selectize-dropdown .active.create {
    color: var(--gray-200);
}

.selectize-dropdown .create {
    color: var(--gray-400);
}

.selectize-control.single .selectize-input:after {
    border-color: var(--gray-400) transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    border-color: transparent transparent var(--gray-400) transparent;
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: var(--gray-900);
}

.selectize-control.multi .selectize-input.disabled [data-value] {
    color: var(--gray-600);
}

.selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove {
    border-color: var(--gray-500);
}

.selectize-control.multi .selectize-input [data-value] {
    background-color: var(--gray-700);
}

.selectize-control.multi .selectize-input [data-value].active {
    background-color: var(--gray-600);
}

.selectize-control.single .selectize-input {
    background-color: var(--dark);
}

.selectize-input.focus {
    background-color: var(--dark);
}

.selectize-dropdown .optgroup-header {
    padding-top: 7px;
    font-weight: bold;
}

.selectize-dropdown .optgroup::before {
    border-top: 1px solid var(--gray-600);
}

**/