@font-face {
    font-family: "DMSans";
    src: url("/fonts/DMSans-BoldItalic.ttf");
    font-weight: 900;
    font-style: italic;
}

:root {
    --primary-color: #9949c9;
    --secondary-color: #57d3f6;
    --third-color: #516868;
    --fourth-color: #6C918D;    
    --fifth-color: #6f46bb;
    --sixth-color: #D96464;
    --seventh-color: #89BE72;
    --eighth-color: #908F8F;
}
.header {
    background-color: #FFF;
}
.header .header-menu-container {
    background-color: var(--secondary-color);
}
.header .header-menu .menu>.menu-item.show  > .menu-link{
    background-color: var(--secondary-color);
}

.header .header-menu .menu>.menu-item >.menu-link .menu-title a{
    color: var(--secondary-color);
}




.header .header-menu .menu>.menu-item.show > .menu-title {
    color: var(--fifth-color) !important;
}

label.error{
    color: red;
}
input.error,textarea.error{
    background: rgb(255, 221, 221);
    border: 1px solid red;
}

table tbody tr td{
    vertical-align: middle;
}

h2#text-logo{
    font-family: "DMSans";
    font-weight: 900;
    font-style: italic;
    color: #FFF;
}
h2#text-logo small{
    font-weight: 300;
    font-size: 10px;
    font-family: cursive;
}

.menu-title-gray-700 .menu-item .menu-link .menu-title {
    color: #5e6278 !important;
}

.menu-item.show > a >  .menu-link{
    background-color: var(--fifth-color);
}

.menu-item.show > a >  .menu-link > .menu-title{
    color: #FFF !important;
}

.menu > .menu-item > a > .menu-link > .menu-title{
    color: #FFF !important;
}
.menu-title-gray-700 > .menu-item > .menu-link > .menu-title {
    color: #FFF !important;
}

.link-primary {
    color: var(--fifth-color);
}

.bg-body{
    background-color: #FFF !important;
}

.btn-check:active+.btn.btn-orange, .btn-check:checked+.btn.btn-orange, .btn.btn-orange.active, .btn.btn-warning.show, .btn.btn-warning:active:not(.btn-active), .btn.btn-orange:focus:not(.btn-active), .btn.btn-orange:hover:not(.btn-active), .show>.btn.btn-orange {
    color: #fff;
    border-color: var(--fifth-color);
    background-color: var(--fifth-color)!important;
}
.btn.btn-orange {
    color: #fff;
    border-color: var(--fifth-color);
    background-color: var(--fifth-color);
}
.btn-orange:hover {
    color: #000;
    background-color: var(--fifth-color);
    border-color: var(--fifth-color);
}

#formLogin label.error{
    color: #ffb1b1;
}

#formLogin input.error, textarea.error {
    background: rgb(255, 221, 221);
    background-color: rgb(255, 221, 221);
    border: 1px solid red;
}

#DataTables_Table_0_filter{
    float: right;
}

.buttons-excel{
    background: #009688 !important;
    color: #FFF !important;
    width: 80% !important;
    padding: 9px;
    font-size: 12px;
    font-weight: 100;
    margin-bottom: -40px;
}