@font-face {
  font-family: rust_font;
  src: url(../fonts/Rust.ttf);
}

.rust_font {
  font-family: rust_font;
}
:root{
    --main:#cf4027;
    --secondary:#57190e;
}
.dark-mode a:not(.btn):hover {
    color: var(--secondary);
}
a:not(.btn):hover {
    color: var(--main);
}
a {
    color: var(--main);
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: var(--secondary);
    text-decoration: none;
    background-color: transparent;
}
.rb{
    background-color: var(--main);
    color:white;
}
.bg-primary{
    background-color: var(--main);
}
.rc{
    color: var(--main);
}
.dark-mode .custom-file-label, .dark-mode .custom-file-label::after, .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus) {
    border-color: var(--main);
}
.dark-mode .custom-control-label::before, .dark-mode .custom-file-label, .dark-mode .custom-file-label::after, .dark-mode .custom-select, .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar), .dark-mode .input-group-text {
    background-color: #343a40;
    color: #fff;
    border-color: var(--secondary);
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
    background:  var(--main);
}
.ulcolor{
    text-decoration: underline var(--main);
    font-weight: bolder;
}
.dark-mode .btn-primary:hover {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.dark-mode .btn-primary:active {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.dark-mode .btn-primary:not(:disabled):not(.disabled).active, .dark-mode .btn-primary:not(:disabled):not(.disabled):active, .show>.dark-mode .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.dark-mode .btn-primary.focus, .dark-mode .btn-primary:focus {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0 rgba(207, 64, 39,.5);
}
.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: #fff;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}
.card-t {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #454d55 inset !important;
}
.dark-mode .custom-control-label::before, .dark-mode .custom-file-label, .dark-mode .custom-file-label::after, .dark-mode .custom-select, .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar), .dark-mode .input-group-text {
    background-color: #454d55;
    color: #fff;
    border-color: var(--secondary);
}
.bg-main {
    background-color: var(--main);
    color:white;
}
.text-primary {
    color: var(--main)!important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--main);
}

.nav-pills .nav-link:not(.active):hover {
    color: var(--main);
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: white;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;
    line-height: 1em;
    content: "+";
    background-color: var(--main);
}