/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/ 
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

/*******************
/*Top bar
*******************/
.topbar {
  background: #2F4050;
  border-bottom: 2px solid #2F4050;
}

.topbar .navbar-header {
  background: #2F4050;
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: #f1f1f1 !important;
}

/*******************
Main sidebar
******************/
.left-sidebar {
  position: absolute;
  width: 240px;
  height: 100%;
  top: 0px;
  z-index: 20;
  padding-top: 70px;
  background: #2F4050;
  -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); }

.fix-sidebar .left-sidebar {
  position: fixed; }

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #1a242e !important;
}

.bg-theme {
  background-color: #2F4050 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #666 !important;
  border-color: #666 !important;
  border-radius: 5px;
  vertical-align: middle;
}

.right-sidebar .rpanel-title {
  background: #2F4050;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #2F4050;
}

.text-themecolor {
  color: #2F4050 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #2F4050;
  color: #2F4050;
  font-weight: 400;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #1a242e;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #1a242e;
  color: #ffffff;
  border: 1px solid #1a242e;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #1a242e;
  opacity: 0.7;
  border: 1px solid #1a242e;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #0381ff;
}

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #2F4050;
}

.sidebar-nav ul li a {
  color: #fff;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #fff;
}

.sidebar-nav ul li a.active {
  color: #fff;
}

.sidebar-nav ul li.nav-small-cap {
  color: #fff;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff !important;
  background: #24313d !important;
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #ffffff !important;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #24313d;
}

.sidebar-nav > ul > li > a i {
  color: #fff;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 400;
  background: #ffffff;
  color: #2F4050;
}

.btn-brain {
  float: right;
  background-color:rgb(140, 81, 236);
  border: 5px solid rgb(140, 81, 236);
  border-radius: 5px;
  /* font-size: 2px; */
}

.btn-brainx {
  margin-inline: 55px;
  font-size: medium;
}

.btn-brainy {
  font-size: medium;
}

.font-blue-medium {
  color:#ffffff!important;
  font-size: 18px;
  background-color:#2F4050;
  border: 5px solid #2F4050;
  border-radius: 5px;
}

/****************
When click on sidebar toggler and also for tablet
*****************/
@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav #sidebarnav li {
    position: relative; }
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    position: absolute;
    left: 60px;
    top: 45px;
    width: 200px;
    z-index: 1001;
    background: #24313d;
    display: none;
    padding-left: 1px; }
  .mini-sidebar .sidebar-nav {
    padding: 5px; }
  .mini-sidebar.fix-sidebar .left-sidebar {
    position: absolute; }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
    height: auto !important;
    overflow: auto; }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
    display: block; }
  .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
    display: none; }
  .mini-sidebar .left-sidebar {
    width: 60px; }
  .mini-sidebar .user-profile {
    padding-bottom: 15px;
    width: 60px;
    margin-bottom: 7px; }
    .mini-sidebar .user-profile .profile-img {
      padding: 15px 0 0 0;
      margin: 0px 0 0 6px; }
      .mini-sidebar .user-profile .profile-img:before {
        top: 15px; }
  .mini-sidebar .scroll-sidebar {
    padding-bottom: 0px;
    position: absolute; }
  .mini-sidebar .hide-menu,
  .mini-sidebar .nav-small-cap,
  .mini-sidebar .sidebar-footer,
  .mini-sidebar .user-profile .profile-text {
    display: none; }
  .mini-sidebar .nav-devider {
    width: 50px; }
  .mini-sidebar .sidebar-nav {
    background: transparent; }
  .mini-sidebar .sidebar-nav #sidebarnav > li > a {
    padding: 9px 15px;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    width: 50px; }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    width: 260px;
    /*COLOR DE MENU SLIDER*/
    background: #24313d;
    color: #ffffff;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    border-color: #009efb; }
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a i {
      color: #ffffff; }
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
      display: inline; }
  .mini-sidebar .sidebar-nav #sidebarnav > li.active > a {
    border-color: transparent; }
    .mini-sidebar .sidebar-nav #sidebarnav > li.active > a.active {
      border-color: #009efb; } }

@media (max-width: 767px) {
  .mini-sidebar .left-sidebar {
    position: fixed; }
  .mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer {
    left: -240px; }
  .mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer {
    left: 0px; } }

  ul .collapse{
    margin-top: -4px;
  }



@media (max-width: 1200px) {
  .slimScrollDiv {
    /*width: 29.75% !important;*/
    /*height: 450px !important;*/
    /*font-size: 20px !important;*/
  }
  .tabs-vertical {
    min-width: 50px;}
  .u4-1 {
    margin-top:-25px !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
    margin-bottom:-15px !important;}
  .u4-2 {
    margin-top:-25px !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
  margin-bottom:-15px !important;}
  .u4 {
    padding: 0 !important;}
  .login-background {
    padding-bottom: 400px !important;
  }
}