.sb-sidenav-dark{
    background-color: rgba(var(--b2r),0.1);
    color: var(--b2);
}
@media only screen and (max-width: 995px) {
    .sb-sidenav-dark{
        background-color: rgba(255,255,255,0.9);
        color: var(--b2);
    }
  }
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: var(--b2);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
    color: var(--b2)
}
.sb-sidenav-dark .sb-sidenav-footer {
    background-color: #f7f7f7;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
    color:var(--b3);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover > .sb-nav-link-icon {
    color:var(--b3);
}
 
.bg-dark{
    background: var(--b1) !important;
}
.navber-dark{
    background: var(--b1) !important;
}

a {
    color: var(--b3);
    text-decoration: none;
}


.form-control:focus { 
    border-color: var(--b1);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(var(--b1) , 0.5);
}
.form-select:focus { 
    border-color: var(--b1);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(var(--b1) , 0.5);
}
.btn-link { 
    color: var(--b1); 
}
.btn-link:hover {
    color: var(--b6);
    text-decoration: underline;
}
.btn-primary {
    color: #fff;
    background-color: var(--b2);
    border-color: var(--b2);
}
.btn-primary:hover, .btn-primary:focus{
    color: #fff;
    background-color: var(--b2a);
    border-color: var(--b2a);
}
.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 rgb( var(--b2),0.7);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--b2a);
    border-color: var(--b2a);
}
/*info*/
.btn-info {
    color: #fff;
    background-color: var(--b4);
    border-color: var(--b4);
}
.btn-info:hover, .btn-info:focus{
    color: #fff;
    background-color: var(--b4);
    border-color: var(--b4);
}
.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 rgb( var(--b4),0.7);
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: var(--b4);
    border-color: var(--b4);
}

.btn-warning {
    color: #fff;
    background-color: var(--b3);
    border-color: var(--b3);
}
.btn-warning:hover, .btn-warning:focus{
    color: #fff;
    background-color: var(--b3);
    border-color: var(--b3);
}
.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 rgb( var(--b3),0.7);
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: var(--b3);
    border-color: var(--b3);
}
.btn-success {
    color: #fff;
    background-color: var(--b5);
    border-color: var(--b5);
}
.btn-success:hover, .btn-success:focus{
    color: #fff;
    background-color: var(--b5);
    border-color: var(--b5);
}
.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 rgb( var(--b5),0.7);
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--b5);
    border-color: var(--b5);
}
.btn-danger {
    color: #fff;
    background-color: var(--b6);
    border-color: var(--b6);
}
.btn-danger:hover, .btn-danger:focus{
    color: #fff;
    background-color: var(--b6);
    border-color: var(--b6);
}
.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 rgb( var(--b6),0.7);
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--b6);
    border-color: var(--b6);
}

.btn-ga {
    color: #fff;
    background-color: var(--ga); 
    padding: 2px 10px 2px 10px;
}
.btn-b1 {
    color: #fff;
    background-color: var(--gb1); 
    padding: 2px 10px 2px 10px;
}
.btn-b2 {
    color: #fff;
    background-color: var(--gb2); 
    padding: 2px 10px 2px 10px;
}
.btn-c1 {
    color: #fff;
    background-color: var(--gc1); 
    padding: 2px 10px 2px 10px;
}
.btn-c2 {
    color: #fff;
    background-color: var(--gc2); 
    padding: 2px 10px 2px 10px;
}
.btn-d1 {
    color: #fff;
    background-color: var(--gd1); 
    padding: 2px 10px 2px 10px;
}
.btn-d2 {
    color: #fff;
    background-color: var(--gd2); 
    padding: 2px 10px 2px 10px;
}
.btn-p {
    color: #fff;
    background-color: var(--gp); 
    padding: 2px 10px 2px 10px;
}
.btn-np {
    color: #fff;
    background-color: var(--gnp); 
    padding: 2px 10px 2px 10px;
}
.btn-i {
    color: #fff;
    background-color: var(--gi); 
    padding: 2px 10px 2px 10px;
}
.btn-ms {
    color: #fff;
    background-color: var(--gms); 
    padding: 2px 10px 2px 10px;
}
.btn-gf {
    color: #fff;
    background-color: var(--gf); 
    padding: 2px 10px 2px 10px;
}
.btn-thin { 
    padding: 2px 10px 2px 10px;
}
.step-card p{
    padding: 10px;
    background: var(--b1);
    color: #fff;
    border-radius: 5px;
}

.alert-info {
    color: var(--font-color);
    background-color: var(--b4b) ;
    border-color: var(--b4a) ;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: none; 
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--table-striped);
}
.table-primary, .table-primary > th, .table-primary > td{
    background-color: var(--table-primary);
}

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { 
    border: 0px;
}
.table th, .table td { 
    border:0px;
}


.dataTables_paginate a ,
.dataTables_paginate span {
    padding: 3px;
    margin-left: 1px;
    background-color: var(--b1);
    color: #fff;
    border-radius: 5px;
    font-size: 0.875rem; 
}
    
select[name="manageDisp_length"]{
     
    height: 35px;
    border: 1px solid #f2f2f2;
}
input[aria-controls="manageDisp"]  
{
    webkit-appearance: 1;  
    height: 35px;
    border: 1px solid #f2f2f2;
}
.dataTables_length{
    width:100px;
    float: left;
}
label > select
{
    webkit-appearance: 1;  
    height: 35px;
    border: 1px solid #f2f2f2;
}
label > input
{
    height: 35px;
    border: 1px solid #f2f2f2;
}
 .datepicker .datepicker-days{
        display: block;
}
.card{
    padding: 25px;
}
.mt-4{
    font-size: 22px;
}


.card-user {
    margin-top: 50px;
}

.card-user .user-block {
    padding: 15px;
    position: relative; 
}

.card-user .user-block .user {
    position: relative;
    display: flex;
    float: left;
    background: var(--b1);
    padding: 5px;
    color: #fff;
}

.card-user .user-block .pass {
    position: relative;
    display: flex;
    float: left; 
    background: var(--gi);
    padding: 5px;
    color: #000;

}

.card-user .user-block .pass i {
    padding-left:10px;
    cursor: pointer;
}