:root{
      --bg: #0f1720;            /* page background */
      --panel: #18202a;         /* big panels */
      --card: #2a3740;          /* inner cards */
      --muted: rgba(255,255,255,0.12);
      --soft: rgba(255,255,255,0.04);
      --accent-red: #ff5f6d;
      --accent-orange: #ff9a3c;
      --accent-green: #2bd39b;
      --text: #e6eef6;
      --sub: #99a6b3;
      --chip-bg: rgba(255,255,255,0.03);
      --highlight: rgba(255,255,255,0.06);
--border-color:#4d5154;
--light-blue-black:#2a3740; 
--black1:#181818;
--black2: #2a2a2a;    
--black3: #333;
 --black4: #3a3a3a;
     --black5:#4a4a4a;
     --black6:#4e4e4e;
     --black7:#696969;
     --balck8:#787878;
     --hover:#8a8a8a;
     --hover2:#323232;
--text:#bbb;
     --bs-table-striped-color: var(--text);

        --bs-table-striped-bg:var(--black4);
 /*    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);*/    
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color:var(--black5); 
       color: var(--text);
 }
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color:var(--black6); 
       color: var(--text);
 }
.table-hover > tbody > tr:hover > *{
      background-color:var(--hover2); 
}
.thead, tbody, tfoot, tr, td, th{
     border-color: var(--border-color);
}
.btn{
    border: none;
    border-radius: 18px;
} 
.success-btn{
    background-color: #238636;
        color: #fff;
        padding: 6px 16px;
}
.success-btn:hover{
    background-color: #2ea043;
    color:white;
}
.danger-btn{
    background-color:#da3633;
        color: #fff;
        padding: 6px 16px;
}
.danger-btn:hover{
    background-color:#f85149;
     color:white;
}
a.nav-link2{
    color:var(--text);
    text-decoration: none;
     padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
        border-radius: 5px;
}
a.nav-link2:hover{
    background-color:var(--hover);
    color:white;
}
.navbar-nav2 .nav-link2.active, .navbar-na2v .nav-link2.show{
    color:white;
    background-color:  #ac0505;
    font-weight: bold;
}
.navbar-nav2 .nav-link2.active:hover{
      background-color: #f85149;
}

/*black gradient background: linear-gradient(90deg,rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 1) 100%);
black gradient2    background: linear-gradient(180deg, #0f1720, #091019 200%);
      offline red   6D0000
      online green  00661F
 background: linear-gradient(90deg, var(--card-header-grad-start), var(--card-header-grad-end));
light black #2a3740; 
*/

body{
    color: var(--text);
}
.table-dark.table > thead > tr > th{
    color: #ffffff;
}
.table-dark.table > thead > tr{
    border-radius: 2rem;
}
.primary-gradient{
    background: #870000;
    background: linear-gradient(90deg,rgba(135, 0, 0, 1) 0%, rgba(84, 0, 0, 1) 50%, rgba(47, 0, 0, 1) 100%);
    background: -ms-linear-gradient(90deg,rgba(135, 0, 0, 1) 0%, rgba(84, 0, 0, 1) 50%, rgba(47, 0, 0, 1) 100%);
    background: -o-linear-gradient(90deg,rgba(135, 0, 0, 1) 0%, rgba(84, 0, 0, 1) 50%, rgba(47, 0, 0, 1) 100%);
    background: -moz-linear-gradient(90deg,rgba(135, 0, 0, 1) 0%, rgba(84, 0, 0, 1) 50%, rgba(47, 0, 0, 1) 100%);
    background: -webkit-gradient(90deg,rgba(135, 0, 0, 1) 0%, rgba(84, 0, 0, 1) 50%, rgba(47, 0, 0, 1) 100%);
}
.black-gradient{
    background: #870000;
    background: linear-gradient(90deg,rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(90deg,rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(90deg,rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -moz-linear-gradient(90deg,rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(90deg,rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 1) 100%);
}
.card{
    border-color:#4d5154;
}
.card-header{
   background-color: #2a2a2a; 
   color:white;
}
.card-content{
    background-color: #333;
}
.nav-link.dropdown-toggle{
    color: #ffffff;
}
.nav-link.dropdown-toggle:hover{
        color: #ca0a0a;
}
a {
      color: #ca0a0a;
}
.form-control:focus{
        border-color: #878686;
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 28%);
}
.ms-n5 {
    margin-left: -40px;
}
.input-icon{
     padding-left: 25px;
/*  background-size: 20px;*/
}
.search-icon{
      background: url("http://www.w3.org/2000/svg") no-repeat left;
}

/******Login Page********/
.body-login{
    background-image: url(../images/login/login-bg-13.svg);
     background-repeat: no-repeat;
      background-position: left bottom;
}
.card{
    width: 100%;
    position: relative;
    z-index: 9;
}
.image-2 {
    position: absolute;
    bottom:0;
    right: 0;
/*      z-index: 10;*/
    width:60%;
}

.w-90{
    width: 90%;
}
.h-65{
    height: 65vh !important;
    min-height: 500px; /* fallback */
}