/*css variables declaration and assign values*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
:root {
    --main-bg-color: #0974BC;

    --sidebar-hover-bg-color: #333;
    --sidebar-hover-color: #fff;

    --box-header-bg-clr: #ABE998;
    --box-header-clr: #000;

    --add-btn-bg-clr:#4285F4;
    --cancel-btn-bg-clr:#FF8800;
    
    --edit-btn-bg-clr:red;
    --edit-btn-hover-clr:yellow;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@font-face {
  font-family: 'Clan Pro Cond News';
  font-style: normal;
  font-weight: normal;
  src: local('Clan Pro Cond News'), url('dist/font/clanpro/FFClanProCondRgNews.woff') format('woff');
  }
.skin-blue .sidebar-menu .treeview-menu>li>a{
  color: #fff !important;
  background:  var(--main-bg-color);
}
.skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover{
  background:#eee;
}
.table-bordered{
  border: 1px solid #ccc;
}
thead {
  background:  var(--main-bg-color) !important;
  color: #fff;
}
.b{
  border: 2px solid red;
}
.btn-default{
  background-color: var(--edit-btn-bg-clr);
  color: #fff;
  border-color: #ddd;
}
.btn-default:hover{
  background-color: var(--edit-btn-hover-clr);
  color: #000;
  border-color: #ddd;
  box-shadow: 2px 2px 5px 2px #333;
}
.btn-danger{
  background-color:  var(--main-bg-color);
  color: #fff;
  border-color: #ddd;
}
.box-header{
  background-color: var(--box-header-bg-clr) !important;
  color: var(--box-header-clr) !important;
}
.navbar_bg{
  background:rgb(237, 50, 55);
}
.ven_nav{
  background: var(--main-bg-color) !important;
}
.static_nav_bg{
  background: var(--main-bg-color) !important;
}
.dropbtn {
  background-color:  var(--main-bg-color);
  color: white;
  padding: 10px;
  font-size: 15px;
  border: none;
}
.main-sidebar{
  background: var(--main-bg-color);  
}
.sidebar{
  background:  var(--main-bg-color);
}
.logo{
  /*border: 2px solid  var(--main-bg-color) !important;*/
}
.treeview{
   /*background-color:  var(--main-bg-color);*/
   display:block;
}
.skin-blue .sidebar a:hover
{
   color:#eee;
}
 .btn-primary.focus, .btn-primary:focus
  {
    background-color:  var(--main-bg-color);
    border-color:  var(--main-bg-color);
  }
    .btn-primary
  {
    border-radius: 0px;
    background-color: var(--add-btn-bg-clr);
    border: #747475;
  }
    .btn-primary:hover
  {
    background-color:  var(--main-bg-color);
    border:  var(--main-bg-color);
  }
  .btn-warning
  {
    border-radius: 0px;
    background-color: var(--cancel-btn-bg-clr);
    border: #FF8800;
  }
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
  background-color:  var(--main-bg-color) !important;
}
  .skin-blue .sidebar-menu .treeview-menu>li>a
  {
    color: var(--sidebar-hover-color) !important;
    border-bottom:1px solid  var(--main-bg-color);
    font-size:16px;
    color: #fff !important;
  }
    .skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover
  {
    color: var(--sidebar-hover-color) !important;
    background: var(--sidebar-hover-bg-color);
  }
  .box .box-primary{
    border-top-color:  var(--main-bg-color) !important;
    /*background-color:#ffffff; */
  }
    .skin-blue .sidebar a
  {
    color:#fff;
    border-bottom:2px solid #333;
  }
    .skin-blue .sidebar a:focus
  {
    color: var(--main-bg-color);
  }
  .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a
  {
    color:#fff;
    background: var(--main-bg-color) !important;
  }
   .dropdown a:hover
  {
    color:#ffffff;
  }
  .dropbtn{
    color: #fff;
    padding: 0px 10px;
  }
  .dropbtn a:hover
  {
    color:#ffffff;
  }
.dropdown-content a:hover {
    background-color:  var(--main-bg-color) !important;
    border-radius:3px;
  }