/*:root {
    --color-dark:#1b1b1b;
    --color-darker: #0f0f0f;
    --color-primary:#f6a02d;
    --color-secondary:#2f2f2f;
    --color-secondary-lighter:#464545;
    --color-off: #fcde9c;
    --color-light:#fffcf2;
}*/
:root {
    --color-dark:#1b1b1b;
    --color-darker:#141414;
    --color-primary:#f54952;
    --color-secondary:#2f2f2f;
    --color-secondary-lighter:#464545;
    --color-off: #c8c3d9;
    --color-light: #e6e5e5;
    --color-primary-hover: #ae2d4f;
}
body,html {
    width: 100%;
    height: 100%;
    background: var(--color-dark);
    color: var(--color-light);
}
.bg-dark { background-color: var(--color-dark)!important; }
.btn, .btn:hover, .btn:focus, .btn:active, .btn:visited, .btn.active {
    outline: none!important;
    box-shadow: none!important;
}
.border-success { border-color: #a7c957; }
.btn-success, .btn-success:focus, .btn-success:active {
    background-color: #a7c957;
    border-color: #a7c957;
    color: black;
}
.btn-success:hover { background-color: #6a994e; }
.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: black;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover);
}
.btn-primary.active {
    background-color: var(--color-primary-hover)!important;
}
.btn-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}
.btn-outline-primary.active {
    background-color: var(--color-primary)!important;
    border-color: var(--color-primary)!important;
}
.btn-outline-primary:active:not(.active),
.btn-outline-primary:hover:not(.active),
.btn-outline-primary:focus:not(.active){
    border: 1px solid #ae2d68!important;
    background-color: transparent!important;
}

.btn-outline-primary[disabled] {
    color: #ccc;
}
.btn-secondary {
    background-color: var(--color-dark);
    border-color: transparent;
    color: var(--color-light);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.btn-secondary.active {
    background-color: var(--color-secondary)!important;
}
.btn-block {
    padding: 10px 0;
}
a { color: var(--color-primary); }
a:hover { color: var(--color-primary-hover); }
.text-off {
    color: #B2BBD3;
}
.card {
    background-color: transparent;
    border: 1px solid var(--color-secondary);
    box-shadow: 0px 5px 5px var(--color-secondary);
}
#content {
    color: var(--color-light);
    background-color: var(--color-dark);
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
hr { background-color: var(--color-secondary); }
.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
strong { font-weight: 600; }
.bg-secondary {
    background-color: var(--color-secondary)!important;
}
textarea {
    background-color: var(--color-darker)!important;
    color: var(--color-light);
    outline: none!important;
    border-width: 1px!important;
}
textarea[readonly]:focus {
    box-shadow: none!important;
}
textarea:focus {
    color: var(--color-off)!important;
    outline: 2px solid var(--color-primary)!important;
}
tbody tr:hover {
    color: var(--color-off)!important;
}
table, tr, th, td {
    border-color: var(--color-secondary)!important;
}
.asteriskField { display: none; }
.text-danger {
    color: #ff5b79!important;
}
label { font-weight: 600; }
.form-control.bg-dark {
    background-color: var(--color-secondary) !important;
    color: var(--color-off);
    border: none;
}
.form-control.bg-dark:not([readonly]):focus {
    background-color:var(--color-secondary)!important;
    color: var(--color-off);
    border: 2px solid var(--color-primary);
    box-shadow: none;
}
.form-control.bg-dark[readonly] {
    color: #ccc !important;
}
.dropdown-menu-dark {
  background-color: var(--color-dark);
  color: #f8f9fa;
  border: 1px solid var(--color-secondary);
  box-shadow: 0px 5px 5px var(--color-secondary);
}
.dropdown-menu-dark .dropdown-item {
  color: var(--color-light)
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  background-color: var(--color-dark);
  color: #ffffff;
}
.dropdown-divider {
  border-color: var(--color-dark);
}

input[type=checkbox]{
    accent-color: var(--color-primary);
}
.alert .bi:first-of-type {
    margin-right: 10px;
}