/*
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: linear-gradient(90deg, #8e2433 0%, #5f1520 80%, #40101a 100%);
  border-bottom: 3px solid #7b1e2b;
}

.topbar .navbar-header {
  background: rgba(0, 0, 0, 0.15);
}

.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.9);
}

.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: rgba(255, 255, 255, 0.8) !important;
}

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

.bg-theme {
  background: linear-gradient(135deg, #a02a3a 0%, #7b1e2b 100%) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: linear-gradient(135deg, #a02a3a 0%, #7b1e2b 100%) !important;
  border-color: #7b1e2b !important;
  border-radius: 5px;
  vertical-align: middle;
}

.right-sidebar .rpanel-title {
  background: linear-gradient(90deg, #8e2433 0%, #5f1520 100%);
}

.right-sidebar .s_color {
  background: #40101a;
}

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

.text-themecolor {
  color: #7b1e2b !important;
}

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

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

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: linear-gradient(135deg, #a02a3a 0%, #7b1e2b 100%);
  color: #ffffff;
  border: 1px solid #7b1e2b;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: linear-gradient(135deg, #a02a3a 0%, #5f1520 100%);
  opacity: 0.9;
  border: 1px solid #7b1e2b;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: linear-gradient(135deg, #8e2433 0%, #5f1520 100%);
}

/*******************
/*sidebar navigation
*******************/
.left-sidebar {
  background: linear-gradient(180deg, #5f1520 0%, #40101a 100%);
}

.sidebar-nav {
  background: transparent;
}

.sidebar-nav ul li a {
    color: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid transparent;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    border-bottom: 1px solid #a02a3a;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
}

.sidebar-nav ul li a.active {
  color: #ffffff;
  font-weight: 500;
}

.sidebar-nav ul li.nav-small-cap {
  color: rgba(255, 255, 255, 0.55);
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #a02a3a 0%, #7b1e2b 100%) !important;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}

.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: #ffffff;
}

.sidebar-nav > ul > li > a i {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar-nav > ul > li > a.active {
  font-weight: 500;
  background: #ffffff;
  color: #5f1520;
}

.sidebar-nav ul li ul li a {
  color: rgba(255, 255, 255, 0.80);
}

.sidebar-nav .has-arrow::after {
  border-color: rgba(255, 255, 255, 0.60);
}

.sidebar-nav ul li.nav-devider {
  background: rgba(255, 255, 255, 0.15);
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
  background: linear-gradient(90deg, #a02a3a 0%, #7b1e2b 100%);
  border-color: #7b1e2b;
  color: #ffffff;
}

.btn-brain {
  float: right;
  background-color: rgb(123, 30, 43);
  border: 5px solid rgb(123, 30, 43);
  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: linear-gradient(135deg, #a02a3a 0%, #5f1520 100%);
  border: 5px solid #5f1520;
  border-radius: 5px;
}

input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #efefef;
  outline: none;
  border-radius: 5px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #7b1e2b;
  cursor: pointer;
  border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #7b1e2b;
  cursor: pointer;
  border-radius: 50%;
}	
	#tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  display: none;
}

.userbox {
    display: inline-flex;
    align-items: center;
    /*height: 100%;*/
    /* margin: 3px 17px 0 0; */
    margin-top: 8px;

    position: relative;
    vertical-align: middle;
}
.userbox .profile-info {
    /* margin: -3px 25px 0 10px; */
    text-align: right;
    margin-right: 1px;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
}
.userbox .profile-info, .userbox .profile-picture {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 5px;
}
/* .fullwidth  */
@media (min-width: 768px) {
  .fullwidth.mini-sidebar.fix-sidebar .left-sidebar {
    position: absolute;
    left: -100px;
  }
  .fullwidth.mini-sidebar .page-wrapper {
    margin-left: 0px;
  }
}
.menupress:hover, .pre_active{
  background: #F3E0E3;
  cursor: pointer;
}
.cat_active {
  background: linear-gradient(135deg, #8e2433 0%, #5f1520 100%);
}
.cat_active a, .cat_active a:hover, .cat_active a:focus{
  color: #ffffff!important;
}
.pro_active {
  BACKGROUND: rgba(123, 30, 43, 0.18);
  /* color: #fff!important; */
  border-left-color: #a02a3a!important;
}

.btn-primary,
.btn-primary.disabled {
    background: linear-gradient(135deg, #a02a3a 0%, #7b1e2b 100%);
    border: 1px solid #7b1e2b;
}
.btn-primary:hover,
.btn-primary.disabled:hover {
    background: #a02a3a;
}
.btn-primary.active, .btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary.disabled:focus {
    background: #5f1520;
}

.btn-danger,
.btn-danger.disabled {
    background: #a02a3a;
    border: 1px solid #8e2433;
}
.btn-danger:hover,
.btn-danger.disabled:hover {
    background: #8e2433;
}
.btn-danger.active, .btn-danger:focus,
.btn-danger.disabled.active,
.btn-danger.disabled:focus {
    background: #5f1520;
}
.nvo-ped {
    border: 1px solid #7b1e2b;
    border-radius: 4px;
}

.nvo-ped table tbody .warning-element {
    background-color: #F6E7EA;
    border-color: #7b1e2b;
    color: #5f1520;
}

.table-hover tbody tr:hover {
    background: #F0DBDF;
}

.text-total {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}