body {
  background: #e9ebee;
  color: #222222;
}

.top_header{background:linear-gradient(90deg, rgb(36 45 58) 0%, rgb(0 0 0) 50%, rgb(36 45 58) 100%); border-bottom: 1px solid #344154;}
.header{ background-color: #2c3e50; box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);}
.sidebar{scrollbar-color: #aab7cf transparent;
  background-color: #344154;
  box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);}

.btn-bd-bg1{color: #fff; background: #7b7532;} 

.btn-bd-bg2{color: #fff; background: #c99600;} 

.btn-bd-bg1 input, .btn-bd-bg2 input {border: 2px solid #c5c5c5;}
.btn-bd-bg1:hover, .btn-bd-bg2:hover{background: #bdbdbd; color: #000;}

.lastupdatetime {color: #4a2aa1;}

@keyframes colorBlink {

          0%,
          100% {
            color: red;
          }

          50% {
            color: #4a2aa1;
          }
        }  
.graph_body{background: #f9f9ff; box-shadow: 0px 2px 3px rgb(199 199 235);}
        .open-theme-btn {
      background: #242d3a;
      color: #fff;
}
.open-theme-btn {
      background: #242d3a;
      color: #fff;
} 
.st_dist_details h6{margin: 0px;}  
 .proc_tiles div:nth-child(1) .card{
  background-color: #EF6C00;
  box-shadow: 0px 3px 0px rgb(205 93 0);
}
.proc_tiles div:nth-child(2) .card{
  background-color: #4a2aa1;
  box-shadow: 0px 3px 0px rgb(58 32 126);
}
.proc_tiles div:nth-child(3) .card{
  background-color: #0D47A1;
  box-shadow: 0px 3px 0px rgb(3 55 137);
}
.proc_tiles div:nth-child(4) .card{
  background-color: #00979f;
  box-shadow: 0px 3px 0px rgb(0 126 133);
}
.proc_tiles div:nth-child(5) .card{
  background-color: #872831;
  box-shadow: 0px 3px 0px rgb(110 32 39);
}
.proc_tiles div:nth-child(6) .card{
  background-color: #7e872a;
  box-shadow: 0px 3px 0px rgb(107 114 36);
}
.proc_tiles div:nth-child(7) .card{
  background-color: #266651;
  box-shadow: 0px 3px 0px rgb(31 86 68);
}
.proc_tiles div:nth-child(8) .card{
  background-color: #c99600;
  box-shadow: 0px 3px 0px rgb(179 133 0);
}


.card-title, .proc_tiles .card, table.lastRepot tbody tr td {
  color: #ffffff;
}

          .bg-0 {
            background-color: #198754;
          }


          .bg-1 {
            background-color: #dc3545;
          }

          .bg-2 {
            background-color: #a9a9a9;
          }

.card h3.head{
    color: #ffffff;
    background: #344154;
    
}

.lable_title h4 span{background: #000000; color: #fff;}
.header-title {color: #333;}

.footer {
  border-top: 1px solid #cddfff;
  background:#5c5f63;
}

.footer .copyright {
  color: #f6f7f8;
}

.footer .credits {
  color: #012970;
}

.back-to-top {
            background-color: #242d3a;
            color: white;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          }

.back-to-top:hover {
            background-color: #d35400;
          }

.theme-settings-box {
      background: #f4f4f4;
      border-left: 1px solid #ccc;
      box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    }

 .header-nav .nav-profile {
  color: #ffff;
} 

.header-nav .nav-icon {
  color: #a4b0c5;
}

.sidebar-nav .nav-content {
  background: #242d3a80;
}

.header .toggle-sidebar-btn {
    color: #ffffff;
}

.serachBox{
background: linear-gradient(135deg, #e67e22, #f1c40f);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}

.map h6{color:#972308;}

.season-card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background: #266651;
        }

.season-card:hover {
          background-color: #f0efeb;
        }

        .line1 {
          color: #fff48e;
          border-bottom: 2px solid #ffffff1c;
        }

        /* Green */
        .line2, .line3 {
          color: #fff;;
        }

        .f_title h5 a {
          background: #ffffff;
          border: 1px solid #dbdbdb;
          box-shadow: 2px 2px 8px #b59090;
          color: #024a8861;
        }
       .repState .progress{background-color: #fff;}
       .st_dist_details h3 span{color: #222222!important;}

.maptitle{color:#972308;}

.sidebar-nav li {
  border-bottom: 1px solid rgba(36, 45, 58, .5);
    box-shadow: 0 1px #ffffff1a;
}

.sidebar-nav .nav-heading, .sidebar-nav .nav-link i {
  color: #899bbd;
}

.sidebar-nav .nav-link, .sidebar-nav .nav-link.collapsed, 
.sidebar-nav .nav-link:hover i, .sidebar-nav .nav-content a,
.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active, .dashboard .info-card h4 {
  color: #ffff;
}

.sidebar-nav .nav-link:hover {
  color: #ffff;
  background: #344154;
}

.sidebar-nav .nav-content li{border-bottom: 1px solid rgb(4 4 4 / 70%)!important;}


.dashboard .filter .icon, .dashboard .filter .dropdown-header h6 {color: #aab7cf;}

.dashboard .filter .icon:hover,
.dashboard .filter .icon:focus,
.sidebar-nav .nav-content a.active i,
.dashboard .news h4 a:hover {
  color: #4154f1;
}

.dashboard .sales-card .card-icon {
  color: #4154f1;
  background: #f6f6fe;
}

.dashboard .revenue-card .card-icon {
  color: #2eca6a;
  background: #e0f8e9;
}

.dashboard .customers-card .card-icon {
  color: #ff771d;
  background: #ffecdf;
}

.dashboard .activity .activity-item .activite-label::before {background-color: #eceefe;}
.dashboard .activity .activity-item .activity-badge {border: 3px solid #fff;}
.dashboard .news h4 a,  .iconslist .icon{
  color: #012970;
}

.dashboard .news p {color: #777777;}

.dashboard .recent-sales .table thead, .dashboard .top-selling .table thead {
  background: #f6f6fe;
}

.iconslist .icon{background-color: #fff;}
.iconslist .label{color: #666;}

.st_distbox{border-right: 2px solid #a9a9a9;}   
.st_dist_details h6{margin: 0px;}     
.st_dist_details .progress:nth-of-type(1) .progress-bar{
  background-color: #68ddff;
}
.st_dist_details .progress:nth-of-type(2) .progress-bar{
  background-color: #28a55e;
}
.st_dist_details .progress:nth-of-type(3) .progress-bar{
  background-color: #f76054;
}