/*!
 *   AdminLTE v2.4.2
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <https://adminlte.io>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
 */
/*
 * Core: General Layout Style
 * -------------------------
 */
html,body {
  height: 100%;
}
.layout-boxed html,
.layout-boxed body {
  height: 100%;
}
body {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}
/* Layout */
.wrapper {
  height: 100%;
  position: relative;
/*  overflow-x: hidden;
  overflow-y: hidden;*/
}
.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
.layout-boxed .wrapper {
  max-width: 1250px;
  margin: 0 auto;
  min-height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  position: relative;
}
.layout-boxed {
  background: url('../img/boxed-bg.jpg') repeat fixed;
}
/*
 * Content Wrapper - contains the main content
 */
.content-wrapper,
.main-footer {
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-left: 230px;
  z-index: 820;
}
.layout-top-nav .content-wrapper,
.layout-top-nav .main-footer {
  margin-left: 0;
}
@media (max-width: 767px) {
  .content-wrapper,
  .main-footer {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .main-footer {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .sidebar-open .content-wrapper,
  .sidebar-open .main-footer {
    -webkit-transform: translate(230px, 0);
    -ms-transform: translate(230px, 0);
    -o-transform: translate(230px, 0);
    transform: translate(230px, 0);
  }
}
.content-wrapper {
  min-height: 100%;
  background-color: #ecf0f5;
  z-index: 800;
}
.main-footer {
  background: #fff;
  padding: 15px;
  color: #444;
  border-top: 1px solid #d2d6de;
}
/* Fixed layout */
.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
  position: fixed;
}
.fixed .main-header {
  top: 0;
  right: 0;
  left: 0;
}
.fixed .content-wrapper,
.fixed .right-side {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 100px;
  }
}
.fixed.layout-boxed .wrapper {
  max-width: 100%;
}
.fixed .wrapper {
  overflow: hidden;
}
.hold-transition .content-wrapper,
.hold-transition .right-side,
.hold-transition .main-footer,
.hold-transition .main-sidebar,
.hold-transition .left-side,
.hold-transition .main-header .navbar,
.hold-transition .main-header .logo,
.hold-transition .menu-open .fa-angle-left {
  /* Fix for IE */
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
/* Content */
.content {
  min-height: 250px;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Source Sans Pro', sans-serif;
}
/* General Links */
a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}
/* Page Header */
.page-header {
  margin: 10px 0 20px 0;
  font-size: 22px;
}
.page-header > small {
  color: #666;
  display: block;
  margin-top: 5px;
}
/*
 * Component: Main Header
 * ----------------------
 */
.main-header {
  position: relative;
  max-height: 100px;
  z-index: 1030;
}
.main-header .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0;
  margin-left: 230px;
  border: none;
  min-height: 50px;
  border-radius: 0;
}
.layout-top-nav .main-header .navbar {
  margin-left: 0;
}
.main-header #navbar-search-input.form-control {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.9);
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
  color: #ccc;
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
  color: #ccc;
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
  float: right;
}
@media (max-width: 991px) {
  .main-header .navbar-custom-menu a,
  .main-header .navbar-right a {
    color: inherit;
    background: transparent;
  }
}
@media (max-width: 767px) {
  .main-header .navbar-right {
    float: none;
  }
  .navbar-collapse .main-header .navbar-right {
    margin: 7.5px -15px;
  }
  .main-header .navbar-right > li {
    color: inherit;
    border: 0;
  }
}
.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  font-family: fontAwesome;
}
.main-header .sidebar-toggle:before {
  content: "\f0c9";
}
.main-header .sidebar-toggle:hover {
  color: #fff;
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
  background: transparent;
}
.main-header .sidebar-toggle .icon-bar {
  display: none;
}
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}
.main-header .navbar .nav > li > a > .label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9;
}
.main-header .logo {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 230px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
}
.main-header .logo .logo-lg {
  display: block;
}
.main-header .logo .logo-mini {
  display: none;
}
.main-header .navbar-brand {
  color: #fff;
}
.content-header {
  position: relative;
  padding: 15px 15px 0 15px;
}
.content-header > h1 {
  margin: 0;
  font-size: 24px;
}
.content-header > h1 > small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}
.content-header > .breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 2px;
}
.content-header > .breadcrumb > li > a {
  color: #444;
  text-decoration: none;
  display: inline-block;
}
.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion {
  margin-right: 5px;
}
.content-header > .breadcrumb > li + li:before {
  content: '>\00a0';
}
@media (max-width: 991px) {
  .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }
  .content-header > .breadcrumb li:before {
    color: #97a0b3;
  }
}
.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 15px 15px;
}
@media (max-width: 991px) {
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }
  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }
  .navbar-custom-menu .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .main-header {
    position: relative;
  }
  .main-header .logo,
  .main-header .navbar {
    width: 100%;
    float: none;
  }
  .main-header .navbar {
    margin: 0;
  }
  .main-header .navbar-custom-menu {
    float: right;
  }
}
@media (max-width: 991px) {
  .navbar-collapse.pull-left {
    float: none !important;
  }
  .navbar-collapse.pull-left + .navbar-custom-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
  }
}
/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 50px;
  min-height: 100%;
  width: 230px;
  z-index: 810;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .main-sidebar {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (max-width: 767px) {
  .sidebar-open .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.sidebar {
  padding-bottom: 10px;
}
.sidebar-form input:focus {
  border-color: transparent;
}
.user-panel {
  position: relative;
  width: 100%;
  padding: 10px;
  overflow: hidden;
}
.user-panel:before,
.user-panel:after {
  content: " ";
  display: table;
}
.user-panel:after {
  clear: both;
}
.user-panel > .image > img {
  width: 100%;
  max-width: 45px;
  height: auto;
}
.user-panel > .info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 55px;
  top: 22px;
}
.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;
}
.user-panel > .info > a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
  margin-right: 3px;
}
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-right: 5px;
}
.sidebar-menu > li .badge {
  margin-top: 3px;
}
.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.sidebar-menu li > a > .fa-angle-left,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.sidebar-menu li > a > .fa-angle-left {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
.sidebar-menu .menu-open > a > .fa-angle-left,
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*.sidebar-menu .active > .treeview-menu {
  display: block;
}*/
/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
  }
  /*.sidebar-mini.sidebar-collapse .main-header .logo {
    width: auto;padding:0
  }*/
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }
  /*.sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }*/
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  display: block !important;
  position: absolute;
  width: 180px;
  left: 50px;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
  top: 0;
  margin-left: -3px;
  padding: 12px 5px 12px 20px;
  background-color: inherit;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
  position: relative !important;
  float: right;
  width: auto !important;
  left: 180px !important;
  top: -27px !important;
  z-index: 900;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
  display: none;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  top: 44px;
  margin-left: 0;
}
.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
  margin-left: 50px;
}
.sidebar-expanded-on-hover .main-sidebar {
  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);
}
.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}
.sidebar-menu:hover {
  overflow: visible;
}
.sidebar-form,
.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}
.sidebar-menu li > a {
  position: relative;
}
.sidebar-menu li > a > .pull-right-container {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
/*
 * Component: Control sidebar. By default, this is the right sidebar.
 */
.control-sidebar-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}
.control-sidebar-bg,
.control-sidebar {
  top: 0;
  right: -230px;
  width: 230px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}
.control-sidebar {
  position: absolute;
  padding-top: 50px;
  z-index: 1010;
}
@media (max-width: 768px) {
  .control-sidebar {
    padding-top: 100px;
  }
}
.control-sidebar > .tab-content {
  padding: 10px 15px;
}
.control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open + .control-sidebar-bg {
  right: 0;
}
.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
  right: 0;
}
@media (min-width: 768px) {
  .control-sidebar-open .content-wrapper,
  .control-sidebar-open .right-side,
  .control-sidebar-open .main-footer {
    margin-right: 230px;
  }
}
.fixed .control-sidebar {
  position: fixed;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 50px;
}
.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
  border-left-width: 0;
}
.nav-tabs.control-sidebar-tabs > li > a {
  border-radius: 0;
}
.nav-tabs.control-sidebar-tabs > li > a,
.nav-tabs.control-sidebar-tabs > li > a:hover {
  border-top: none;
  border-right: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.nav-tabs.control-sidebar-tabs > li > a .icon {
  font-size: 16px;
}
.nav-tabs.control-sidebar-tabs > li.active > a,
.nav-tabs.control-sidebar-tabs > li.active > a:hover,
.nav-tabs.control-sidebar-tabs > li.active > a:focus,
.nav-tabs.control-sidebar-tabs > li.active > a:active {
  border-top: none;
  border-right: none;
  border-bottom: none;
}
@media (max-width: 768px) {
  .nav-tabs.control-sidebar-tabs {
    display: table;
  }
  .nav-tabs.control-sidebar-tabs > li {
    display: table-cell;
  }
}
.control-sidebar-heading {
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0;
  margin-bottom: 10px;
}
.control-sidebar-subheading {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.control-sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}
.control-sidebar-menu > li > a {
  display: block;
  padding: 10px 15px;
}
.control-sidebar-menu > li > a:before,
.control-sidebar-menu > li > a:after {
  content: " ";
  display: table;
}
.control-sidebar-menu > li > a:after {
  clear: both;
}
.control-sidebar-menu > li > a > .control-sidebar-subheading {
  margin-top: 0;
}
.control-sidebar-menu .menu-icon {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
}
.control-sidebar-menu .menu-info {
  margin-left: 45px;
  margin-top: 3px;
}
.control-sidebar-menu .menu-info > .control-sidebar-subheading {
  margin: 0;
}
.control-sidebar-menu .menu-info > p {
  margin: 0;
  font-size: 11px;
}
.control-sidebar-menu .progress {
  margin: 0;
}
.control-sidebar-dark {
  color: #b8c7ce;
}
.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
  background: #222d32;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #1c2529;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  background: #181f23;
  color: #b8c7ce;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #141a1d;
  border-bottom-color: #141a1d;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #1c2529;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  color: #fff;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #222d32;
  color: #fff;
}
.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}
.control-sidebar-dark .control-sidebar-menu > li > a:hover {
  background: #1e282c;
}
.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  color: #b8c7ce;
}
.control-sidebar-light {
  color: #5e5e5e;
}
.control-sidebar-light,
.control-sidebar-light + .control-sidebar-bg {
  background: #f9fafc;
  border-left: 1px solid #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs {
  border-bottom: #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
  background: #e8ecf4;
  color: #444444;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #d2d6de;
  border-bottom-color: #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #eff1f7;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #f9fafc;
  color: #111;
}
.control-sidebar-light .control-sidebar-heading,
.control-sidebar-light .control-sidebar-subheading {
  color: #111;
}
.control-sidebar-light .control-sidebar-menu {
  margin-left: -14px;
}
.control-sidebar-light .control-sidebar-menu > li > a:hover {
  background: #f4f4f5;
}
.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
  color: #5e5e5e;
}
/*
 * Component: Dropdown menus
 * -------------------------
 */
/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
  padding: 0px !important;
}
.dropdown-menu > li > a {
  color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}
.dropdown-menu > li > a:hover {
  background-color: #e1e3e9;
  color: #333;
}
.dropdown-menu > .divider {
  background-color: #eee;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
  position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444 !important;
  text-align: center;
}
@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  margin: 0;
  padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  content: " ";
  display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  padding: 0;
  margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}
.navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}
/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
  backface-visibility: visible !important;
  -webkit-animation: flipInX 0.7s both;
  -o-animation: flipInX 0.7s both;
  animation: flipInX 0.7s both;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
  }
}
/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}
@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }
  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}
/*
 * Component: Form
 * ---------------
 */
.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #e4e5e8;
}
.form-control:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}
.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group.has-success label {
  color: #00a65a;
}
.form-group.has-success .form-control,
.form-group.has-success .input-group-addon {
  border-color: #00a65a;
  box-shadow: none;
}
.form-group.has-success .help-block {
  color: #00a65a;
}
.form-group.has-warning label {
  color: #f39c12;
}
.form-group.has-warning .form-control,
.form-group.has-warning .input-group-addon {
  border-color: #f39c12;
  box-shadow: none;
}
.form-group.has-warning .help-block {
  color: #f39c12;
}
.form-group.has-error label {
  color: #dd4b39;
}
.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
  border-color: #dd4b39;
  box-shadow: none;
}
.form-group.has-error .help-block {
  color: #dd4b39;
}
/* Input group */
.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: #fff;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}
.icheck > label {
  padding-left: 0;
}
/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
  line-height: 34px;
}
.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
  line-height: 46px;
}
.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
  line-height: 30px;
}
/*
 * Component: Progress Bar
 * -----------------------
 */
.progress,
.progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress,
.progress > .progress-bar,
.progress .progress-bar,
.progress > .progress-bar .progress-bar {
  border-radius: 1px;
}
/* size variation */
.progress.sm,
.progress-sm {
  height: 10px;
}
.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar {
  border-radius: 1px;
}
.progress.xs,
.progress-xs {
  height: 7px;
}
.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar {
  border-radius: 1px;
}
.progress.xxs,
.progress-xxs {
  height: 3px;
}
.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar {
  border-radius: 1px;
}
/* Vertical bars */
.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}
.progress.vertical > .progress-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.progress.vertical.sm,
.progress.vertical.progress-sm {
  width: 20px;
}
.progress.vertical.xs,
.progress.vertical.progress-xs {
  width: 10px;
}
.progress.vertical.xxs,
.progress.vertical.progress-xxs {
  width: 3px;
}
.progress-group .progress-text {
  font-weight: 600;
}
.progress-group .progress-number {
  float: right;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
  margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
  background-color: #00a65a;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
  background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
  background-color: #f39c12;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
  background-color: #dd4b39;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*
 * Component: Small Box
 * --------------------
 */
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5;
}
.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  font-size: 95px;
}
@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}
/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}
/* Widget: TODO LIST */
.todo-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}
.todo-list > li {
  border-radius: 2px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.todo-list > li:last-of-type {
  margin-bottom: 0;
}
.todo-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.todo-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.todo-list > li .tools {
  display: none;
  float: right;
  color: #dd4b39;
}
.todo-list > li .tools > .fa,
.todo-list > li .tools > .glyphicon,
.todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.todo-list > li:hover .tools {
  display: inline-block;
}
.todo-list > li.done {
  color: #999;
}
.todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.todo-list > li.done .label {
  background: #d2d6de !important;
}
.todo-list .danger {
  border-left-color: #dd4b39;
}
.todo-list .warning {
  border-left-color: #f39c12;
}
.todo-list .info {
  border-left-color: #00c0ef;
}
.todo-list .success {
  border-left-color: #00a65a;
}
.todo-list .primary {
  border-left-color: #3c8dbc;
}
.todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}
/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
.chat {
  padding: 5px 20px 5px 10px;
}
.chat .item {
  margin-bottom: 10px;
}
.chat .item:before,
.chat .item:after {
  content: " ";
  display: table;
}
.chat .item:after {
  clear: both;
}
.chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 50%;
}
.chat .item > .online {
  border: 2px solid #00a65a;
}
.chat .item > .offline {
  border: 2px solid #dd4b39;
}
.chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
}
.chat .item > .message > .name {
  display: block;
  font-weight: 600;
}
.chat .item > .attachment {
  border-radius: 3px;
  background: #f4f4f4;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}
.chat .item > .attachment > h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.chat .item > .attachment > p,
.chat .item > .attachment > .filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}
.chat .item > .attachment:before,
.chat .item > .attachment:after {
  content: " ";
  display: table;
}
.chat .item > .attachment:after {
  clear: both;
}
.box-input {
  max-width: 200px;
}
.modal .panel-body {
  color: #444;
}
/*
 * Component: Info Box
 * -------------------
 */
.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 15px;
}
.info-box small {
  font-size: 14px;
}
.info-box .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px -10px;
  height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
  border-radius: 0;
}
.info-box .progress .progress-bar {
  background: #fff;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
  max-width: 100%;
}
.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}
.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.progress-description,
.info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-box-text {
  text-transform: uppercase;
}
.info-box-more {
  display: block;
}
.progress-description {
  margin: 0;
}
/*
 * Component: Timeline
 * -------------------
 */
.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px;
}
.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative;
}
.timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 12px;
}
.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 16px;
  line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
  font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
  padding: 10px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}
.timeline > .time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}
.timeline-inverse > li > .timeline-item {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
  border-bottom-color: #ddd;
}
/*
 * Component: Button
 * -----------------
 */
.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}
.btn.uppercase {
  text-transform: uppercase;
}
.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
  outline: none;
}
.btn.btn-file {
  position: relative;
  overflow: hidden;
}
.btn.btn-file > input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e7e7e7;
}
.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #367fa9;
}
.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: #008d4c;
}
.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: #00acd6;
}
.btn-danger {
  background-color: #dd4b39;
  border-color: #d73925;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: #d73925;
}
.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: #e08e0b;
}
.btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn[class*='bg-']:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}
.btn-app {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.btn-app > .fa,
.btn-app > .glyphicon,
.btn-app > .ion {
  font-size: 20px;
  display: block;
}
.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-app:active,
.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
/*
 * Component: Callout
 * ------------------
 */
.callout {
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout a {
  color: #fff;
  text-decoration: underline;
}
.callout a:hover {
  color: #eee;
}
.callout h4 {
  margin-top: 0;
  font-weight: 600;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.callout-danger {
  border-color: #c23321;
}
.callout.callout-warning {
  border-color: #c87f0a;
}
.callout.callout-info {
  border-color: #0097bc;
}
.callout.callout-success {
  border-color: #00733e;
}
/*
 * Component: alert
 * ----------------
 */
.alert {
  border-radius: 3px;
}
.alert h4 {
  font-weight: 600;
}
.alert .icon {
  margin-right: 10px;
}
.alert .close {
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.alert .close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.alert a {
  color: #fff;
  text-decoration: underline;
}
.alert-success {
  border-color: #008d4c;
}
.alert-danger,
.alert-error {
  border-color: #d73925;
}
.alert-warning {
  border-color: #e08e0b;
}
.alert-info {
  border-color: #00acd6;
}
/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
  color: #444;
  background: #f7f7f7;
}
/* NAV PILLS */
.nav-pills > li > a {
  border-radius: 0;
  border-top: 3px solid transparent;
  color: #444;
}
.nav-pills > li > a > .fa,
.nav-pills > li > a > .glyphicon,
.nav-pills > li > a > .ion {
  margin-right: 5px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  border-top-color: #3c8dbc;
}
.nav-pills > li.active > a {
  font-weight: 600;
}
/* NAV STACKED */
.nav-stacked > li > a {
  border-radius: 0;
  border-top: 0;
  border-left: 3px solid transparent;
  color: #444;
}
.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
  background: transparent;
  color: #444;
  border-top: 0;
  border-left-color: #3c8dbc;
}
.nav-stacked > li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-right:20px
}
.nav-tabs-custom > .nav-tabs > li.disabled > a {
  color: #777;
}
.nav-tabs-custom > .nav-tabs > li > a {
  color: #444;
  border-radius: 0;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: transparent;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
  border-left-width: 1px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 5px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nav-tabs-custom .dropdown.open > a:active,
.nav-tabs-custom .dropdown.open > a:focus {
  background: transparent;
  color: #999;
}
.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom.tab-info > .nav-tabs > li.active {
  border-top-color: #00c0ef;
}
.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  border-top-color: #dd4b39;
}
.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  border-top-color: #f39c12;
}
.nav-tabs-custom.tab-success > .nav-tabs > li.active {
  border-top-color: #00a65a;
}
.nav-tabs-custom.tab-default > .nav-tabs > li.active {
  border-top-color: #d2d6de;
}
/* PAGINATION */
.pagination > li > a {
  background: #fafafa;
  color: #666;
}
.pagination.pagination-flat > li > a {
  border-radius: 0 !important;
}
/*
 * Component: Products List
 * ------------------------
 */
.products-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.products-list > .item {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  background: #fff;
}
.products-list > .item:before,
.products-list > .item:after {
  content: " ";
  display: table;
}
.products-list > .item:after {
  clear: both;
}
.products-list .product-img {
  float: left;
}
.products-list .product-img img {
  width: 50px;
  height: 50px;
}
.products-list .product-info {
  margin-left: 60px;
}
.products-list .product-title {
  font-weight: 600;
}
.products-list .product-description {
  display: block;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-list-in-box > .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #f4f4f4;
}
.product-list-in-box > .item:last-of-type {
  border-bottom-width: 0;
}
/*
 * Component: Table
 * ----------------
 */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #f4f4f4;
}
.table > thead > tr > th {
  border-bottom: 2px solid #f4f4f4;
}
.table tr td .progress {
  margin-top: 5px;
}
.table-bordered {
  border: 1px solid #f4f4f4;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #f4f4f4;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}
.table.align th {
  text-align: left;
}
.table.align td {
  text-align: right;
}
/*
 * Component: Label
 * ----------------
 */
.label-default {
  background-color: #d2d6de;
  color: #444;
}
/*
 * Component: Direct Chat
 * ----------------------
 */
.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  height: 250px;
  overflow: auto;
}
.direct-chat-msg,
.direct-chat-text {
  display: block;
}
.direct-chat-msg {
  margin-bottom: 10px;
}
.direct-chat-msg:before,
.direct-chat-msg:after {
  content: " ";
  display: table;
}
.direct-chat-msg:after {
  clear: both;
}
.direct-chat-messages,
.direct-chat-contacts {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
}
.direct-chat-text:after,
.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}
.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}
.right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}
.direct-chat-img {
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
}
.right .direct-chat-img {
  float: right;
}
.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
.direct-chat-name {
  font-weight: 600;
}
.direct-chat-timestamp {
  color: #999;
}
.direct-chat-contacts-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-contacts {
  -webkit-transform: translate(101%, 0);
  -ms-transform: translate(101%, 0);
  -o-transform: translate(101%, 0);
  transform: translate(101%, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 250px;
  width: 100%;
  background: #222d32;
  color: #fff;
  overflow: auto;
}
.contacts-list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 0;
}
.contacts-list > li:before,
.contacts-list > li:after {
  content: " ";
  display: table;
}
.contacts-list > li:after {
  clear: both;
}
.contacts-list > li:last-of-type {
  border-bottom: none;
}
.contacts-list-img {
  border-radius: 50%;
  width: 40px;
  float: left;
}
.contacts-list-info {
  margin-left: 45px;
  color: #fff;
}
.contacts-list-name,
.contacts-list-status {
  display: block;
}
.contacts-list-name {
  font-weight: 600;
}
.contacts-list-status {
  font-size: 12px;
}
.contacts-list-date {
  color: #aaa;
  font-weight: normal;
}
.contacts-list-msg {
  color: #999;
}
.direct-chat-danger .right > .direct-chat-text {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #ffffff;
}
.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
  border-left-color: #dd4b39;
}
.direct-chat-primary .right > .direct-chat-text {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #ffffff;
}
.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #3c8dbc;
}
.direct-chat-warning .right > .direct-chat-text {
  background: #f39c12;
  border-color: #f39c12;
  color: #ffffff;
}
.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
  border-left-color: #f39c12;
}
.direct-chat-info .right > .direct-chat-text {
  background: #00c0ef;
  border-color: #00c0ef;
  color: #ffffff;
}
.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
  border-left-color: #00c0ef;
}
.direct-chat-success .right > .direct-chat-text {
  background: #00a65a;
  border-color: #00a65a;
  color: #ffffff;
}
.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
  border-left-color: #00a65a;
}
/*
 * Component: Users List
 * ---------------------
 */
.users-list > li {
  width: 25%;
  float: left;
  padding: 10px;
  text-align: center;
}
.users-list > li img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}
.users-list > li > a:hover,
.users-list > li > a:hover .users-list-name {
  color: #999;
}
.users-list-name,
.users-list-date {
  display: block;
}
.users-list-name {
  font-weight: 600;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.users-list-date {
  color: #999;
  font-size: 12px;
}
/*
 * Component: Carousel
 * -------------------
 */
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.carousel-control > .fa {
  font-size: 40px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -20px;
}
/*
 * Component: modal
 * ----------------
 */
.modal {
  background: rgba(0, 0, 0, 0.3);z-index: 9999
}
.modal-content {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  border: 0;
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  }
}
.modal-header {
  border-bottom-color: #f4f4f4;
}
.modal-footer {
  border-top-color: #f4f4f4;
}
.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: #307095;
}
.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: #c87f0a;
}
.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: #0097bc;
}
.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: #00733e;
}
.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: #c23321;
}
/*
 * Component: Social Widgets
 * -------------------------
 */
.box-widget {
  border: none;
  position: relative;
}
.widget-user .widget-user-header {
  padding: 20px;
  height: 120px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user .widget-user-username {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.widget-user .widget-user-desc {
  margin-top: 0;
}
.widget-user .widget-user-image {
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -45px;
}
.widget-user .widget-user-image > img {
  width: 90px;
  height: auto;
  border: 3px solid #fff;
}
.widget-user .box-footer {
  padding-top: 30px;
}
.widget-user-2 .widget-user-header {
  padding: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user-2 .widget-user-username {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
}
.widget-user-2 .widget-user-desc {
  margin-top: 0;
}
.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}
.widget-user-2 .widget-user-image > img {
  width: 65px;
  height: auto;
  float: left;
}
.treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
.treeview-menu .treeview-menu {
  padding-left: 20px;
}
.treeview-menu > li {
  margin: 0;
}
.treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}
.treeview-menu > li > a > .fa,
.treeview-menu > li > a > .glyphicon,
.treeview-menu > li > a > .ion {
  width: 20px;
}
.treeview-menu > li > a > .pull-right-container > .fa-angle-left,
.treeview-menu > li > a > .pull-right-container > .fa-angle-down,
.treeview-menu > li > a > .fa-angle-left,
.treeview-menu > li > a > .fa-angle-down {
  width: auto;
}
/*
 * Page: Mailbox
 * -------------
 */
.mailbox-messages > .table {
  margin: 0;
}
.mailbox-controls {
  padding: 5px;
}
.mailbox-controls.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.mailbox-read-info {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
}
.mailbox-read-info h3 {
  font-size: 20px;
  margin: 0;
}
.mailbox-read-info h5 {
  margin: 0;
  padding: 5px 0 0 0;
}
.mailbox-read-time {
  color: #999;
  font-size: 13px;
}
.mailbox-read-message {
  padding: 10px;
}
.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}
.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}
.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}
.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}
.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}
.mailbox-attachment-icon.has-img {
  padding: 0;
}
.mailbox-attachment-icon.has-img > img {
  max-width: 100%;
  height: auto;
}
/*
 * Page: Lock Screen
 * -----------------
 */
/* ADD THIS CLASS TO THE <BODY> TAG */
.lockscreen {
  background: #d2d6de;
}
.lockscreen-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.lockscreen-logo a {
  color: #444;
}
.lockscreen-wrapper {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 10%;
}
/* User name [optional] */
.lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
}
/* Will contain the image and the sign in form */
.lockscreen-item {
  border-radius: 4px;
  padding: 0;
  background: #fff;
  position: relative;
  margin: 10px auto 30px auto;
  width: 290px;
}
/* User image */
.lockscreen-image {
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: -25px;
  background: #fff;
  padding: 5px;
  z-index: 10;
}
.lockscreen-image > img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
/* Contains the password input and the login button */
.lockscreen-credentials {
  margin-left: 70px;
}
.lockscreen-credentials .form-control {
  border: 0;
}
.lockscreen-credentials .btn {
  background-color: #fff;
  border: 0;
  padding: 0 10px;
}
.lockscreen-footer {
  margin-top: 10px;
}
/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-logo a,
.register-logo a {
  color: #444;
}
.login-page,
.register-page {
  background: #d2d6de;
}
.login-box,
.register-box {
  width: 360px;
  margin: 7% auto;
}
@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
}
.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}
.login-box-msg,
.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
}
.social-auth-links {
  margin: 10px 0;
}
/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */
.error-page {
  width: 600px;
  margin: 20px auto 0 auto;
}
@media (max-width: 991px) {
  .error-page {
    width: 100%;
  }
}
.error-page > .headline {
  float: left;
  font-size: 100px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .error-page > .headline {
    float: none;
    text-align: center;
  }
}
.error-page > .error-content {
  margin-left: 190px;
  display: block;
}
@media (max-width: 991px) {
  .error-page > .error-content {
    margin-left: 0;
  }
}
.error-page > .error-content > h3 {
  font-weight: 300;
  font-size: 25px;
}
@media (max-width: 991px) {
  .error-page > .error-content > h3 {
    text-align: center;
  }
}
/*
 * Page: Invoice
 * -------------
 */
.invoice {
  position: relative;
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 20px;
  margin: 10px 25px;
}
.invoice-title {
  margin-top: 0;
}
/*
 * Page: Profile
 * -------------
 */
.profile-user-img {
  margin: 0 auto;
  width: 100px;
  padding: 3px;
  border: 3px solid #d2d6de;
}
.profile-username {
  font-size: 21px;
  margin-top: 5px;
}
.post {
  border-bottom: 1px solid #d2d6de;
  margin-bottom: 15px;
  padding-bottom: 15px;
  color: #666;
}
.post:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.post .user-block {
  margin-bottom: 15px;
}
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {
  padding-left: 61px;
}
.btn-social.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-social.btn-sm {
  padding-left: 38px;
}
.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-social.btn-xs {
  padding-left: 30px;
}
.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}
.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
  padding-left: 61px;
}
.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-social-icon.btn-sm {
  padding-left: 38px;
}
.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-social-icon.btn-xs {
  padding-left: 30px;
}
.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100%;
}
.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
.btn-adn {
  color: #ffffff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:focus,
.btn-adn.focus {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:hover {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  background-image: none;
}
.btn-adn .badge {
  color: #d87a68;
  background-color: #ffffff;
}
.btn-bitbucket {
  color: #ffffff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:focus,
.btn-bitbucket.focus {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:hover {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  background-image: none;
}
.btn-bitbucket .badge {
  color: #205081;
  background-color: #ffffff;
}
.btn-dropbox {
  color: #ffffff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:focus,
.btn-dropbox.focus {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:hover {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  background-image: none;
}
.btn-dropbox .badge {
  color: #1087dd;
  background-color: #ffffff;
}
.btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:focus,
.btn-facebook.focus {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  background-image: none;
}
.btn-facebook .badge {
  color: #3b5998;
  background-color: #ffffff;
}
.btn-flickr {
  color: #ffffff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:focus,
.btn-flickr.focus {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:hover {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  background-image: none;
}
.btn-flickr .badge {
  color: #ff0084;
  background-color: #ffffff;
}
.btn-foursquare {
  color: #ffffff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:focus,
.btn-foursquare.focus {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:hover {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  background-image: none;
}
.btn-foursquare .badge {
  color: #f94877;
  background-color: #ffffff;
}
.btn-github {
  color: #ffffff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:focus,
.btn-github.focus {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:hover {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  background-image: none;
}
.btn-github .badge {
  color: #444444;
  background-color: #ffffff;
}
.btn-google {
  color: #ffffff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:focus,
.btn-google.focus {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:hover {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-image: none;
}
.btn-google .badge {
  color: #dd4b39;
  background-color: #ffffff;
}
.btn-instagram {
  color: #ffffff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:focus,
.btn-instagram.focus {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:hover {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  background-image: none;
}
.btn-instagram .badge {
  color: #3f729b;
  background-color: #ffffff;
}
.btn-linkedin {
  color: #ffffff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:focus,
.btn-linkedin.focus {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:hover {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  background-image: none;
}
.btn-linkedin .badge {
  color: #007bb6;
  background-color: #ffffff;
}
.btn-microsoft {
  color: #ffffff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:focus,
.btn-microsoft.focus {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:hover {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  background-image: none;
}
.btn-microsoft .badge {
  color: #2672ec;
  background-color: #ffffff;
}
.btn-openid {
  color: #ffffff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:focus,
.btn-openid.focus {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:hover {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  background-image: none;
}
.btn-openid .badge {
  color: #f7931e;
  background-color: #ffffff;
}
.btn-pinterest {
  color: #ffffff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:focus,
.btn-pinterest.focus {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:hover {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  background-image: none;
}
.btn-pinterest .badge {
  color: #cb2027;
  background-color: #ffffff;
}
.btn-reddit {
  color: #000000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:focus,
.btn-reddit.focus {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:hover {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  background-image: none;
}
.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000000;
}
.btn-soundcloud {
  color: #ffffff;
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:focus,
.btn-soundcloud.focus {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:hover {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  background-image: none;
}
.btn-soundcloud .badge {
  color: #ff5500;
  background-color: #ffffff;
}
.btn-tumblr {
  color: #ffffff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:focus,
.btn-tumblr.focus {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:hover {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  background-image: none;
}
.btn-tumblr .badge {
  color: #2c4762;
  background-color: #ffffff;
}
.btn-twitter {
  color: #ffffff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:focus,
.btn-twitter.focus {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:hover {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  background-image: none;
}
.btn-twitter .badge {
  color: #55acee;
  background-color: #ffffff;
}
.btn-vimeo {
  color: #ffffff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:focus,
.btn-vimeo.focus {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:hover {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  background-image: none;
}
.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #ffffff;
}
.btn-vk {
  color: #ffffff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:focus,
.btn-vk.focus {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:hover {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  background-image: none;
}
.btn-vk .badge {
  color: #587ea3;
  background-color: #ffffff;
}
.btn-yahoo {
  color: #ffffff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:focus,
.btn-yahoo.focus {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:hover {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  background-image: none;
}
.btn-yahoo .badge {
  color: #720e9e;
  background-color: #ffffff;
}
/*
 * Plugin: Full Calendar
 * ---------------------
 */
.fc-button {
  background: #f4f4f4;
  background-image: none;
  color: #444;
  border-color: #ddd;
  border-bottom-color: #ddd;
}
.fc-button:hover,
.fc-button:active,
.fc-button.hover {
  background-color: #e9e9e9;
}
.fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}
.fc-header-right {
  padding-right: 10px;
}
.fc-header-left {
  padding-left: 10px;
}
.fc-widget-header {
  background: #fafafa;
}
.fc-grid {
  width: 100%;
  border: 0;
}
.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}
.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
  border-right: 0;
}
.fc-toolbar {
  padding: 10px;
  margin: 0;
}
.fc-day-number {
  font-size: 20px;
  font-weight: 300;
  padding-right: 10px;
}
.fc-color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fc-color-picker > li {
  float: left;
  font-size: 30px;
  margin-right: 5px;
  line-height: 30px;
}
.fc-color-picker > li .fa {
  -webkit-transition: -webkit-transform linear 0.3s;
  -moz-transition: -moz-transform linear 0.3s;
  -o-transition: -o-transform linear 0.3s;
  transition: transform linear 0.3s;
}
.fc-color-picker > li .fa:hover {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
#add-new-event {
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.external-event {
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  cursor: move;
}
.external-event:hover {
  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}
/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #e4e5e8;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px;
}
.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}
.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white;
}
.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}
.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #3c8dbc !important;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}
.box .datepicker-inline,
.box .datepicker-inline .datepicker-days,
.box .datepicker-inline > table,
.box .datepicker-inline .datepicker-days > table {
  width: 100%;
}
.box .datepicker-inline td:hover,
.box .datepicker-inline .datepicker-days td:hover,
.box .datepicker-inline > table td:hover,
.box .datepicker-inline .datepicker-days > table td:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.box .datepicker-inline td.day.old,
.box .datepicker-inline .datepicker-days td.day.old,
.box .datepicker-inline > table td.day.old,
.box .datepicker-inline .datepicker-days > table td.day.old,
.box .datepicker-inline td.day.new,
.box .datepicker-inline .datepicker-days td.day.new,
.box .datepicker-inline > table td.day.new,
.box .datepicker-inline .datepicker-days > table td.day.new {
  color: #777;
}
/*
 * General: Miscellaneous
 * ----------------------
 */
.pad {
  padding: 10px;
}
.margin {
  margin: 10px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.margin-r-5 {
  margin-right: 5px;
}
.inline {
  display: inline;
}
.description-block {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.description-block.margin-bottom {
  margin-bottom: 25px;
}
.description-block > .description-header {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
}
.description-block > .description-text {
  text-transform: uppercase;
}
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.link-muted {
  color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}
.link-black {
  color: #666;
}
.link-black:hover,
.link-black:focus {
  color: #999;
}
.hide {
  display: none !important;
}
.no-border {
  border: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-shadow {
  box-shadow: none !important;
}
.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-group-unbordered > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.flat {
  border-radius: 0 !important;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}
.text-sm {
  font-size: 12px;
}
.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #dd4b39 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
  background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
  background: -o-linear-gradient(#e47365, #dd4b39) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #111111 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
  background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
  background: -o-linear-gradient(#2b2b2b, #111111) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #d81b60 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
  background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
  background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
}
.description-block .description-icon {
  font-size: 16px;
}
.no-pad-top {
  padding-top: 0;
}
.position-static {
  position: static !important;
}
.list-header {
  font-size: 15px;
  padding: 10px 4px;
  font-weight: bold;
  color: #666;
}
.list-seperator {
  height: 1px;
  background: #f4f4f4;
  margin: 15px 0 9px 0;
}
.list-link > a {
  padding: 4px;
  color: #777;
}
.list-link > a:hover {
  color: #222;
}
.font-light {
  font-weight: 300;
}
.user-block:before,
.user-block:after {
  content: " ";
  display: table;
}
.user-block:after {
  clear: both;
}
.user-block img {
  width: 40px;
  height: 40px;
  float: left;
}
.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
  margin-left: 50px;
}
.user-block .username {
  font-size: 16px;
  font-weight: 600;
}
.user-block .description {
  color: #999;
  font-size: 13px;
}
.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: 40px;
}
.user-block.user-block-sm .username {
  font-size: 14px;
}
.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  float: left;
}
.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  width: 30px !important;
  height: 30px !important;
}
.img-sm + .img-push {
  margin-left: 40px;
}
.img-md {
  width: 60px;
  height: 60px;
}
.img-md + .img-push {
  margin-left: 70px;
}
.img-lg {
  width: 100px;
  height: 100px;
}
.img-lg + .img-push {
  margin-left: 110px;
}
.img-bordered {
  border: 3px solid #d2d6de;
  padding: 3px;
}
.img-bordered-sm {
  border: 2px solid #d2d6de;
  padding: 2px;
}
.attachment-block {
  border: 1px solid #f4f4f4;
  padding: 5px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.attachment-block .attachment-img {
  max-width: 100px;
  max-height: 100px;
  height: auto;
  float: left;
}
.attachment-block .attachment-pushed {
  margin-left: 110px;
}
.attachment-block .attachment-heading {
  margin: 0;
}
.attachment-block .attachment-text {
  color: #555;
}
.connectedSortable {
  min-height: 100px;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}
.full-opacity-hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.full-opacity-hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.chart svg,
.chart canvas {
  width: 100% !important;
}

/*.dropdown a.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: middle;
    content: "";
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
    color: #fff;
}*/
.dropdown a i.fa.fa-angle-down{color: #fff;margin-left:5px !important}
/*
 * Misc: print
 * -----------
 */
@media print {
  .no-print,
  .main-sidebar,
  .left-side,
  .main-header,
  .content-header {
    display: none !important;
  }
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 0 !important;
    min-height: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 0 !important;
  }
  .invoice {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
  }
  .invoice-col {
    float: left;
    width: 33.3333333%;
  }
  .table-responsive {
    overflow: auto;
  }
  .table-responsive > .table tr th,
  .table-responsive > .table tr td {
    white-space: normal !important;
  }
}

.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.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:#1e282c}.skin-blue .sidebar-menu>li.active>a{border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-blue .sidebar-menu .treeview-menu>li.active>a,.skin-blue .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{background-color:#f9fafc}.skin-blue-light .main-sidebar{border-right:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-blue-light .sidebar-menu .treeview-menu>li.active>a,.skin-blue-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-blue-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-blue-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar{background-color:#fff}.skin-black .main-header .navbar .nav>li>a{color:#333}.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header .navbar .sidebar-toggle{color:#333}.skin-black .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-black .sidebar-menu>li.active>a{border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-black .sidebar-menu .treeview-menu>li.active>a,.skin-black .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black .pace .pace-progress{background:#222}.skin-black .pace .pace-activity{border-top-color:#222;border-left-color:#222}.skin-black-light .main-header{border-bottom:1px solid #d2d6de}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar{background-color:#fff}.skin-black-light .main-header .navbar .nav>li>a{color:#333}.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header .navbar .sidebar-toggle{color:#333}.skin-black-light .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-nav>li>a{border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{border-left:1px solid #d2d6de;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #d2d6de}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .main-sidebar{border-right:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-black-light .sidebar-menu .treeview-menu>li.active>a,.skin-black-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-black-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a,.skin-green .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-green .sidebar-menu>li.active>a{border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-green .sidebar-menu .treeview-menu>li.active>a,.skin-green .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-green .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side{background-color:#f9fafc}.skin-green-light .main-sidebar{border-right:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-green-light .sidebar-menu .treeview-menu>li.active>a,.skin-green-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-green-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-green-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-red .sidebar-menu>li.active>a{border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-red .sidebar-menu .treeview-menu>li.active>a,.skin-red .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .main-sidebar{border-right:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-red-light .sidebar-menu .treeview-menu>li.active>a,.skin-red-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-red-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-yellow .sidebar-menu>li.active>a{border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-yellow .sidebar-menu .treeview-menu>li.active>a,.skin-yellow .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-yellow .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .main-sidebar{border-right:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a,.skin-yellow-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-purple .sidebar-menu>li.active>a{border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-purple .sidebar-menu .treeview-menu>li.active>a,.skin-purple .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{background-color:#f9fafc}.skin-purple-light .main-sidebar{border-right:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-purple-light .sidebar-menu .treeview-menu>li.active>a,.skin-purple-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-purple-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-purple-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

body{font-size: 13px;font-family: 'Montserrat';background:#fff;}
.tag-section span{display: inline-block;margin-right:5px;margin-bottom:5px}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{vertical-align: middle!important;}
.fixed-btn-section{position: fixed;bottom: 10px;right: 24px;height: 70px;}
.floating-btn{width: 50px;height: 50px;line-height: 50px;display: inline-block;border-radius: 50%;background-color: #3c8dbc;vertical-align: middle;text-decoration: none;text-align: center;transition: 0.2s ease-out;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);cursor: pointer;color:#fff;}
.floating-menu{position: absolute;right: 0px;left: auto;top: -60px;transform: translateY(-50%);height: 100%;width: 90px;list-style: none;text-align: center;}
.floating-btn:hover{color: #fff!important;}
.floating-menu li a .fa{font-size: 35px;color: #3c8dbc}
td a{color: #333!important;cursor: pointer;}
.first-btn{margin-right: 10px;}
/*[tooltip]:before{
  bottom: 25%;
  font-family: arial;
  font-weight: 600;
  border-radius: 2px;
  background: #000;
  color: #fff;
  content: attr(tooltip);
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  padding: 5px 7px;
  margin-right: 12px;
  position: absolute;
  right: 100%;
  white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after{
  visibility: visible;
  opacity: 1;
}*/
.float-btn{
  position:fixed;
  width:60px;
  height:60px;
  bottom:10px;
  right:40px;
  background-color:#F33;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
  z-index:1000;
  animation: bot-to-top 2s ease-out;
}

.fixed-btn-section ul{
  position:fixed;
  right:40px;
  padding-bottom:20px;
  bottom:50px;
  z-index:100;
}

.fixed-btn-section ul li{
  list-style:none;
  margin-bottom:10px;
}

.fixed-btn-section ul li a{
  background-color:#F33;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
  width:50px;
  height:50px;
  display:block;
}
.floating-submenu li a i{font-size: 20px;margin-top: 15px;}
.fixed-btn-section ul:hover{
  visibility:visible!important;
  opacity:1!important;
}
.floating-submenu{right: 47px!important;}

.my-float{
  font-size:24px;
  margin-top:18px;
}

a#menu-share:hover, a#menu-share:active, a#menu-share:focus{color: #fff!important;}

a#menu-share + ul{
  visibility: hidden;
}

a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

a#menu-share i{
  animation: rotate-in 0.5s;
}

a#menu-share:hover > i{
  animation: rotate-out 0.5s;
}

@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
.question-detail{width: 100%;display: inline;/*padding: 15px 0 0;*/}
.a-tag{display:inline-block;margin-right: 15px;}
.available-tag .a-tag .form-group label{font-weight: normal;}
.available-tag .a-tag .form-group .icheckbox_minimal-blue{position: relative;top: -2px}
/*.custom-tag{margin-top: 20px;}*/
.bootstrap-tagsinput{width: 100%;}
.custom-tag .bootstrap-tagsinput span.label-info{background-color: #5B666B !important;}
.bootstrap-tagsinput .tag [data-role="remove"]{background: #000;font-family: verdana;width: 13px;display: inline-block;margin-right: -3px;border-radius: 50%;height: 13px;font-size: 10px;}
.view-q-tab .form-inline .form-group{margin-bottom: 15px;}
.form-inline .form-group{width: 100%}
.edit-icon, .option-edit-icon, .option-save-btn, .option-cancel-btn, .model-edit-icon, .model-save-icon, .model-cancel-icon{width: 13px;display: inline-block;margin: -2px 0 0 5px;cursor: pointer;}
.random-question, .question-tag, .option-wrapper, .model-answer{width: 100%;display: inline-block;}
.edit-question-editor{width: 100%;display: inline-block;margin-bottom: 15px;}
.chip {display: inline-block;padding: 0 15px;height: 40px;font-size: 16px;line-height: 40px;border-radius:0px;background-color: #f1f1f1;}
.closebtn {padding-left: 10px;color: #888;font-weight: bold;float: right;font-size: 20px;cursor: pointer;}
.closebtn:hover {color: #000;}
.chip-wrap{display: inline-block;margin-right:10px;}
.chip-wrap:last-child{margin-right: 0px;}
.option-text{position: relative;}
.option-edit{position:relative;right: 0;top: 0}
.option-text p{margin-bottom: 0px;}

.modal-header{border-top: 5px solid #3c8dbc;}
.modal-header h4.modal-title{color: #3c8dbc;font-weight: 600;}
.close{color: #111;opacity: 1;}

#save, #cancel, .edit-question-editor, .hide-editor{display: none;}
.random-inner .sub-menu img{cursor: pointer;}
#tag-popup .custom-tag{margin-top: 0px;width: 100%}
#tag-popup .form-group{width: 100%;}
#tag-popup .form-inline .form-group{margin-bottom: 10px;}
.sub-menu h4 img{cursor: pointer;}
.hide-editor{width: 100%}
.option-save-btn, .option-cancel-btn{display: none;}
.hide-editor{margin-top: 25px;}
.inner-model-wrap{display: inline-block;width: 100%;border: 1px solid #d6d6d6;height: 100px;line-height: 80px;padding: 10px;}
.model-save-icon, .model-cancel-icon, .modelanswer-editor{display: none;}
.modelanswer-editor{width: 100%;}
.option-wrapper .table tr td label{margin-bottom: 0px;}
.sub-menu{margin-top:15px; margin-bottom: 10px;display: inline-block;width: 100%;}
.sub-menu h4{color:#3c8dbc;font-weight: 600; margin-bottom:0px;}
.action-buttons{text-align: center;}
.action-buttons a i{font-size: 14px;color: #3c8dbc;}
.action-buttons a{margin-right: 15px;display: inline-block;}
#example1_wrapper .col-sm-6 #example1_filter,
#example1_wrapper .col-sm-7 #example1_paginate{float: right!important;}
#example1_wrapper .col-sm-7 #example1_paginate ul{margin-top: 0px!important;}
.filter-body {width: 100%;display: inline-block;padding-top: 0;}
.package-detail label{margin-bottom: 15px;}
/*.package-detail{position: relative;}*/
.package-edit-wrap{position: absolute;right: 0px;top:0px;}
.view-package-chip .chip {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 10px;
    border-radius: 15px;
    text-align: center;
}
.view-package-chip .chip .closebtn{font-size: 15px;}
.action-buttons a:last-child{margin-right: 0px;}
.view-package-chip .chip:nth-child(3){margin-top: 5px}

.float-label{
  position:fixed;
  bottom:95px;
  right:105px;
  display:table;
  visibility: hidden;
}

.float-label{
  color:#FFF;
  background:#444;
  display:table-cell;
  vertical-align:middle;
  padding:10px;
  border-radius:3px;
}

.float-label-arrow{
  display:table-cell;
  vertical-align:middle;
  color:#333;
  opacity:0.5;
}

.fixed-btn-section ul li a + div.float-label {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

.fixed-btn-section ul li a:hover + div.float-label{
  visibility: visible;
  opacity: 1;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 15px;
  right: 0;
  width: 214px;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
  width: 210px;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.form-inline .form-group{margin-bottom: 15px;}
/*table.dataTable.cell-border tbody tr:first-child td:last-child{border: 2px solid red}*/

/* Block out what is behind the fixed column's header and footer */
table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
  background-color: white;
}

/* Block out the gap above the scrollbar on the right, when there is a fixed
 * right column
 */
div.DTFC_Blocker {
  background-color: white;
}

div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
  margin-bottom: 0;
  z-index: 2;
}

div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer {
  border-bottom: none;
}

/*.create-new-test{width: 500px;display:inline-block;}*/
.add-more-select, .add-btn-wrap{display: inline-block;}
.add-more-functionality{width: 500px}
.add-more-select{width: 230px;display:inline-block;}
.add-more-input{width: 230px;display: inline-block;position: relative;top: 2px;}
.add-more-input input{width: 100%!important;}
.add-btn-wrap i{cursor: pointer;}
.add-btn-wrap{top: 5px;padding-left: 5px;position: relative;} 
.gender-label label{margin-right: 10px;}
.gender-label label span{position: relative;top: 2px;}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border: 1px solid #f2f2f2!important}
/*#d6d6d6*/
.view-question table{margin-bottom:0px;}
.view-question .custom-tag{margin-top:0px;}
/*#view-available-questions thead th{
    border-bottom: 2px solid #f4f4f4;
    background: rgba(60, 141, 188, 0.63);
    color: #fff;
    border-right: 1px solid #868de0 !important;}*/

.view-package-chip .chip{margin-top: 5px;}
.view-package-chip .chip:first-child{margin-top: 0px;}
/*#example_filter{display: none;}*/
.tooltip > .tooltip-inner {background-color:#000;border-radius:4px; }
.tooltip > .tooltip-arrow { border-top-color:#000!important; }
.sidebar-menu > li{border-bottom: 1px solid #444;}
table.dataTable.no-footer, 
table.dataTable thead th, 
table.dataTable thead td{border-bottom: 1px solid #ddd;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0px;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{border:1px solid #ddd;background-color: inherit;}
.action-box{padding-top: 15px;display: inline-block;float: right;}
.sub-menu h4{display: inline-block;}
.sub-menu label{position: relative;top:0px;}
table.dataTable tbody td{font-weight: normal;}
.mce-branding, .mce-label, .mce-notification-inner{display: none!important;}
.action-buttons .btn{display:inline-block;margin-right: 15px;padding: 2px 10px;}
/*.sub-input{display: inline-block;width: 30%;}*/
.sub-total{display: inline-block;width: 30px;}
.sub-syllabus{display: inline-block;}
.q-view{font-weight: normal;margin-top: 0}
.rep-row label{width: 100%;}
.dis-inline{display: inline-block;}
label{font-size: 15px;vertical-align: top;}
.start-dt{display: inline-block;margin-right: 10px;vertical-align: top;}
.start-time{display: inline-block;}
.mce-close, .mce-in{display: none;}
.rad-wrap label span{font-weight: normal;}
.has-error{color: #f00}
.option-wrapper label, .option-wrapper p{display:inline-block;margin-bottom: 0px!important;}
.option-wrapper label{position: relative;top: -3px;margin-right: 5px;}
.option-wrapper p{margin-bottom: 0px!important;}
.box-header > .box-tools .btn-primary{border:0px;background-color: transparent!important;color: #337ab7!important;}
.box-header > .box-tools .btn-primary:hover{background-color: transparent!important;}
/*.create-test-wrapper .date-wrap.session-wrap{width:100%;display: inline-block;}*/
.create-test-wrapper .start-dt {display: inline-block;margin-right: 5px;vertical-align: top;width: 48%;float: left;}
.create-test-wrapper .start-time {display: inline-block;/*width: 49%;float: left;*/}
.create-test-wrapper .custom-tag{margin-top: 0px}
.create-package .start-dt {display: inline-block;margin-right: 9px;vertical-align: top;/*width: 115px*/}
.create-package .start-time {display: inline-block;/*width: 115px*/}
.nav-tabs-custom{position: relative;}
.map-test-button {
   position: absolute;
    top: 54px;
     right: 11px;z-index:999;
}
.map-test-button button{    font-size: 14px;
    background: none;
    border: 0;
    border-radius: 4px;
    color: #333c4e;
    font-weight: 600;}
    .map-test-button button span{margin-right: 9px;
    background: #25b6e2;
    padding: 7px;
    border-radius: 20px;
    color: #fff;}
.box-header .box-title{color:#3c8dbc}
.btn{padding: 2px 10px!important;}
.btn-red {background-color: #F33;border-color: #F33;color:#FFF;}
.box{box-shadow: none;}
.box.filter-box{background-color: #fbfbfb!important}
.filter-box .box-footer{background-color: #fbfbfb;}
.filter-box .filter-body{padding-top: 0px;}
/*.form-inline .form-group, .form-inline .form-control{width: 100%!important;}*/
.form-control::placeholder{color: #444;font-size:13px}
.option-wrapper .sub-menu{margin-bottom: 0px;}
.option-wrapper{width: 100%;display: inline-block;border-bottom: 1px dashed #eee;margin-bottom: 10px;padding-bottom: 10px;}
.view-question-input p{font-size: 17px;}
.option-wrapper .sub-menu h4{font-size: 16px;}
.view-question-wrapper h5{    font-weight: 500;
    font-size: 14px;
    color: #333;
    background: #f7f9fa;
    padding:10px 12px;
    margin: 5px -15px;}
.question-statement, .option-statement, .solution-statement{width: 100%;
display: inline-block;
border-bottom: 1px dotted #ddd;
margin-bottom: 10px;}
.option-listing ol{padding: 0 15px;color:#24b5e1}
.option-listing ol li{margin-bottom: 8px}
.option-listing ol li span{color: #333;padding-left: 5px;}
.solution-statement{border-bottom: 0px;}
.que-no {
    border-bottom: 0;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px;
    color: #24b5e1;
    font-size: 15px;
}
.que-text {
    display: inline-block;
    width: 94%;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 5px;
    color: #333;line-height:20px
}
.question{margin-bottom: 15px;}
.option-wrapper .sub-menu h4{color: #333}
.option-wrapper.selected{background:rgba(60,141,188,0.1);border-bottom: 0px;border:1px solid rgba(60,141,188,0.4)!important;padding: 0 10px 10px;
}
.btn-wrap{width: 100%;display: inline-block;text-align: right;}
/*table.dataTable thead th{padding: 10px 9px!important;}*/
.question-table #example_filter,.question-table #example_length{display: none;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.btn-group.bootstrap-select .btn{color:#444;padding: 6px 30px 6px 12px!important;border-radius: 0px;background:transparent;border:1px solid #ddd;text-transform: inherit;}
.bootstrap-select .dropdown-toggle:focus{outline: 0px;outline-offset: 0px;}
.btn-group.bootstrap-select .btn-default:hover, .btn-group.bootstrap-select .btn-default:active, .btn-group.bootstrap-select .btn-default.hover{background-color: transparent;}
.btn-group.open .dropdown-toggle{box-shadow: none!important;}
.available-tag-wrapper{width: 100%;display: inline-block;margin-top: 0px;}
.question-statement-wrapper .sub-menu h4{color: #333!important}
.inner-question-statement ul{padding: 0px;}
.inner-question-statement ul li{list-style: none;display: inline-block;width: 100%;margin-bottom: 15px;}
.question-statement-wrapper .selected .sub-menu h4{color: #4CAF50!important}
.question-statement-wrapper.create-question .selected .editor .mce-panel{border-color:#4CAF50!important;}

.question-statement-wrapper .sub-menu{margin-top: 0px;margin-bottom: 0px}
.question-statement-wrapper .inner-question-statement ul li.selected{border:1px solid #4CAF50 !important;padding: 5px}
.question-statement-wrapper.create-question .inner-question-statement ul li.selected{border:0px!important;}
.question-statement-wrapper .sub-menu h4{margin-top: 0px;}
table.dataTable thead th{padding: 10px 9px;background: #efefef;color: #3c8dbc;}
.question-statement-wrapper .sub-menu h4{font-size: 15px;}
.inner-question-statement ul li p{color: #7E7E7E;}
.view-question-input p{color: #333!important}
.question-fliter{padding-top: 5px;}
/*-----------------------------*/
body{padding-top:55px;font-family: Montserrat;font-weight: 400}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: Montserrat;font-weight: 500}
.skin-blue .main-header{position: fixed;top: 0;left: 0;width:100%;
  /*border-bottom:1px solid #efefef*/
  box-shadow:0 -5px 7px #323b4e;}
  .skin-blue .main-header .navbar{margin-left:220px}
  .skin-blue.sidebar-collapse .main-header .navbar{margin-left:0}
.skin-blue .main-header .navbar {
    background: #fff;
    color: #000;
}
.main-sidebar {
    background: #333b4e !important;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;background:linear-gradient(to bottom, #006baa , #0093c1) !important;width:220px
}
.skin-blue .main-header .logo{background:transparent;}
.main-header .logo{   width: 220px;
    height: 56px;
    line-height: 67px;}
.content{padding: 0 25px}
.content-header {    padding: 15px 25px 5px;
    display: inline-block;
    /* width: 100%; */
    border: 0;
    /* background: #fff !important; */
    position: fixed;
    right: 0;
    top: 55px;
    /* padding-left: 235px; */
    z-index: 999;
}
.content-header > h1{display:none;margin: 0;font-size:17px;font-weight:500;color: #333C4E;text-transform: capitalize;}
.skin-blue .wrapper,.content-wrapper{background:#fff !important}
.box{/*border: 1px solid #ddd !important;*/border-radius: 0;border:none !important;margin-bottom: 15px}
.skin-blue .main-header .navbar .sidebar-toggle{background: none !important;color: #555}
.skin-blue .main-header .navbar .nav>li>a{color: #555;background: none !important;padding:0}
.breadcrumb ,.titleBreadcrum{
    padding:17px 10px;
    margin-bottom: 0;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
  /*  position: fixed;*/
    top: 0;
    left: 0;
    z-index: 9999;
   background: none;
}
.titleBreadcrum{    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: #333C4E;display: inline-block;
    text-transform: capitalize;padding:19px 25px 19px 0;background:none}
.breadcrumb>li {display: inline-block; font-size: 14px;font-weight: 600}
.breadcrumb>li a,.skin-blue .main-header .navbar .sidebar-toggle, .navbar-nav > .user-menu span, .breadcrumb>li a{color: #737373}
.breadcrumb>li.active a, .breadcrumb>li:hover a .ti-home{color: #25b6e2;font-weight: 500}
.nav-tabs {border-bottom: 0}

.nav-tabs-custom > .nav-tabs{margin:0 10px 0 10px}
.nav-tabs-custom{box-shadow: none;margin-bottom: 0}
.nav-tabs-custom > .nav-tabs > li,.nav-tabs-custom > .nav-tabs > li > a{border: 0 !important}
.nav-tabs-custom > .nav-tabs > li.active > a{background:#006cab !important}
/*.nav-tabs-custom > .nav-tabs > li.active > a:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 41%;
    margin-left: 0;
    width: 0;
    height: 0;
    border-top:solid 10px #006cab;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}*/

.nav-tabs-custom > .tab-content, .box-gray{margin:0; padding:0;background:#fff;}
.box-content h3{margin: 0 0 10px;font-size: 14px/*;font-family: 'Times New Roman'*/}
.box-content .editor{margin-bottom: 20px;margin-top: 5px}
/*.box-gray.que-filter{min-height: inherit;}*/
.box-gray h5 {
    margin: 6px 0 0;
    font-weight: 500;
    color: #008ebe;
}
.nav-tabs-custom > .nav-tabs > li > a {
    background: #03a1d4 !important;
    color: #fff !important;
    border-radius: 5px;
    min-width: 150px;
    text-align: center;
    padding:6px 7px 5px;
    font-weight: 500;
    margin: 0 0 3px !important;
    cursor: pointer;
}
input{outline: none}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset !important;}
input:-moz-autofill{-moz-box-shadow: 0 0 0 1000px #f5f5f5 inset !important;}
.login #login-form .form-group{position: relative;}
.login #login-form input.input100{background: #F1F1F1;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    border-radius: 10px;padding:20px;padding-left:45px}
    .text-right{text-align: right;}
.export-print .box-content{margin: 25px 0;padding:35px 15px;font-family: 'Times New Roman'}
.nav-tabs-custom > .tab-content .box{background: none;border: 0 !important}
.box-title{color: #0091bf;/*margin-top: 23px;*/}
.view-user .box-title, .view-student .box-title, 
.edit-user .box-title, .edit-student .box-title,
.create-user .box-title,.create-student .box-title{margin-top: 0}
/*.test-screen .box-title{margin-top: 0px;}*/
.box-content {
    padding: 15px;
    border: 1px solid #eee;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.box-gray .box{background: transparent;border: 0 !important}
.box-content .box-footer,.box-top{padding: 10px 15px;background-color: #ffffff;margin: 0 -15px -15px -15px;background: #fbfbfb;}
.nav-tabs-custom > .tab-content label,.box-gray label{font-size: 13px;margin:-2px 3px 5px 0;font-weight:500;color: #333C4E}

.view-que .answer-options ul, .nav-tabs-custom > .tab-content ul{padding: 0px;padding-left:0;margin-bottom: 0}
.view-que .answer-options ul li/*,
.nav-tabs-custom > .tab-content ul li*/ {
    margin-bottom: 10px;
    list-style: none;
    border: 1px solid #eee;
    display: inline-block;
    padding:6px 12px 6px 12px;
    border-radius: 0;
    background: #fafcfd;
    margin-right: 10px;
}
.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    margin-bottom: 0;
    border: none;
    padding: 0;
    background: none;
    margin: 0;width: 100%
}
.nav-tabs-custom > .tab-content ul.concept-listing li{margin:0}
.syllabus-margpin .form-group{margin-bottom:0}
.content-wrapper, .main-footer{margin-left:220px;}
.main-footer{font-size: 12px}
.sidebar .logo{width: 220px;text-align: center;}
.main-header{margin-left:0;-webkit-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;}
.main-header .navbar{margin-left:0;/*padding-left:25px*/}
.skin-blue .sidebar-menu>li a {
    border: 0;
    /*text-align: center;*/
    padding:16px 30px;
    font-size: 13px;color: #fff;font-weight:400
}
.skin-blue .sidebar a.logo{display: inline-block;}
.skin-blue .sidebar a.logo img{height:45px;width:auto;margin:5px 0}
.skin-blue .sidebar-menu>li a .icon{display: inline-block;width: 30px;position: relative; top: 2px;}
.skin-blue .sidebar-menu>li a .icon i{font-size:16px;font-weight: normal;}
.skin-blue .sidebar-menu>li.active>a{
    border-left-color: #3c8dbc;
    border: 0;
    /*text-align: center;*/
}
.sidebar-menu > li {
    border-bottom:none;
}
.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: #015b8c;}
.skin-blue .sidebar-menu>li a .fa.fa-question-circle{font-size: 23px}
.bootstrap-tagsinput{border-radius: 0;box-shadow: none;border: 1px solid #ddd}
.bootstrap-tagsinput .label-info{background-color:#006cab !important;font-size: 13px;font-weight: normal;}
.bootstrap-select.btn-group .dropdown-menu, .select2-dropdown {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0;
    background: #f8fafb;box-shadow: 0 -1px 4px #eee;
}
.bootstrap-select.btn-group .dropdown-menu{width: 100%}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 4px;
    white-space: normal;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{right: 0}
.dropdown-menu>li>a, .select2-dropdown li{padding: 6px 8px;}
.dropdown-menu>li>a, .select2-dropdown li{padding:6px 20px 6px 8px;font-size: 13.2px;color: #006cac;}
.dropdown-menu > li > a:hover,.select2-dropdown li:hover{background-color: #dfe4f3;
    color: #000;}
.btn-default:hover{border-color: #ddd}
.question-list .dataTables_length, .dataTables_wrapper .dataTables_filter{display: none !important;}
.buttons-top{padding: 0;
    float: right;
    /* margin: -42px 10px 0 0; */
    position: fixed;
    top: 65px;
    right: 10px;
    z-index: 999;}
    .test-detail .buttons-top{/*top: -67px;*/
    /*z-index: 9;*/}
.question-list .buttons-top{padding-top:20px}
 table.dataTable thead th{background: none;border-top:1px solid #ddd;background-color: #fff}
 table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background: inherit;}
 table.dataTable thead th{color: #000}
 table.dataTable tbody td {
    font-weight: normal;
    border: 0 !important;
}
.btn.btn-default{color: #fff; background-color: #a09f9f; border-color: #8c8c8c; box-shadow: none;}
.btn.btn-sky, .btn.btn-primary,.btn.btn-default,.btn.btn-success {
    padding: 7px 10px!important;
    border: 0;
    text-transform: uppercase;
    min-width: 100px;font-size: 13px;line-height: initial;
}
.main-header .logo .logo-lg,.logo-mini{/*font-family: 'Righteous', cursive;font-size: 30px !important;*/ height: 55px;line-height: 55px}
.main-header .logo .logo-lg img{height: 43px;
    width: auto;margin-left:40px}
/*.que-filter .box-title,.create-test-wrapper .box-title{margin-top: 0}*/
.que-filter .box-title h4,.create-test-wrapper .box-title h4{/*border-bottom: 1px solid #e5e7e8;*/padding-bottom: 5px;}
.que-filter .box-title h4 .fa{font-size: 25px;position: relative;top: 0;float: right;right: 2px;}
.que-filter .box{margin-bottom: 0}
.que-filter .form-group {margin-bottom:10px;}
/*.que-filter .box-title h4{margin-bottom: 0;padding-bottom: 15px;border-bottom: 1px solid #ddd}*/
.pagination{margin:0}
#collapse-filter {margin-bottom: 15px;margin-top:20px;}
#collapse-filter.filter{margin-top:-10px;}
.bottom-btn{padding-bottom: 30px;} 
.test-screen .bottom-btn{padding: 0px 0 10px;}
.added-que-statement{color: #2d2f2f;font-weight: 500;margin-bottom: 15px;}
.added-que-statement p{font-size:16px;line-height:20px}
.view-que .answer-options ul li, .nav-tabs-custom > .tab-content .answer-options ul li{display: block;border-radius: 0; padding: 0 15px;color: #000;position: relative;}
.view-que .answer-options ul li h5, .nav-tabs-custom > .tab-content .answer-options ul li h5 {color: #2d2f2f;margin-bottom: 5px}
.view-que .answer-options ul li.selected,.nav-tabs-custom > .tab-content .answer-options ul li.selected{border: 1px solid #3ab395; box-shadow: 0 0px 1px #7cd3bf;/*box-shadow: 0 0px 5px #02e8b3*/}
.view-que .answer-options ul li.selected h5, .nav-tabs-custom > .tab-content .answer-options ul li.selected h5{color:#00bd8e}
.view-que .answer-options ul li.selected .correct,.nav-tabs-custom > .tab-content .answer-options ul li.selected .correct{ position: absolute;
  right: 10px;
  top: 15px;
  color: #3ab395;
  width: 30px;
  text-align: center;
  height: 30px;
  border: 2px solid #3ab395;
  border-radius: 30px;
  line-height: 28px;}
.view-que .answer-options ul li .selected .correct .fa,
.nav-tabs-custom > .tab-content .answer-options ul li.selected .correct .fa{font-size: 16px}
.tags-section .chip-wrapper{margin-bottom: -15px}
.que-status{position: relative;width: 100px;}
/*.que-status.inactive{background: #14cea0;}
.que-status button{background: none;border: none;font-size: 13px;font-weight: 500;color: #fff;padding: 8px 10px;outline:none;vertical-align: top;min-width: 85px;}
.que-status button:first-child {
    background-color:#14cea0;
}

.que-status button:last-child {
    background-color:red;
}

.que-status button.inactive {
    background-color:#fff;color:#444;
}*/

.navbar-nav > .user-menu .user-image{    border: 2px solid #25b6e2;
    float: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 10px 25px;
    vertical-align: middle;}
.navbar-nav > .user-menu span{color: #28303d !important; padding-top: 2px; display: inline-block;padding: 17px 0;font-weight:600;font-size: 14px}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default{color: #fff}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{box-shadow: 0 0 3px #ddd;border: 1px solid #ddd;padding: 0}
.subject-level{color:#333;font-size:13px}
.subject-level p{margin-bottom: 5px}
/*.ques-fil-table{display:none;}*/
/*.show-table .ques-fil-table, .show-table .test-fil-table{display: none;}*/
.show-table .ques-fil-table.sub-map {
    display: inline-block;/*border-top:1px solid #f3f3f3;*/
}

.example .btn-toggle {
  top: 50%;
  transform: translateY(-50%);
}
.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #f44b26;
}
.qb-res-top-btns ul li span button.btn-toggle.btn-lg{  background: #f44b26;}
.qb-res-top-btns ul li span button.btn-toggle.active {
    background-color: #36d447;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle:before {
  content: 'Inactive';
  left: -4rem;
}
.btn-toggle:after {
  content: 'Active';
  right: -4rem;
  opacity: .5;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left .25s;
}
.btn-toggle.active:before {
  opacity: .5;
}
.btn-toggle.active:after {
  opacity: 1;
}

.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}
.btn-toggle.active {
  background-color: #36d447;
}
.btn-toggle.btn-lg {
  margin: 0 7rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2rem;
  width: 4rem;
  border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2rem;
  width: 6rem;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  text-transform: CAPITALIZE;
  letter-spacing: 1px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}
.btn-toggle.btn-lg:before {
  content: 'Inactive';
  right: -6.5rem;
  left: auto;
}
.btn-toggle.btn-lg:after {
  content: 'Active';
  right: -8rem;
  opacity: .5;
  display: none;
}
.btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left .25s;
}
.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
  left: 2.3rem;
  transition: left .25s;
}
.btn-toggle.btn-lg.active:before {
  opacity: 1;
  content: "Active";
}
.btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
  display: none;
}



/*CSS1*/
.skin-blue .main-header .navbar{background: #fff;}
.skin-blue .main-header .navbar .sidebar-toggle,.navbar-nav > .user-menu span,.breadcrumb>li a{color: #fff;}
.skin-blue .main-header .navbar .sidebar-toggle {
       padding: 13px 0;
    border-radius: 100% !important;
    margin: 5px 15px;
}
/*.skin-blue .main-header .navbar .sidebar-toggle{position: absolute;left:10px;top:0}*/
.skin-blue .main-header .navbar .sidebar-toggle .ti-menu{    font-size: 18px;
    color: #28303d;vertical-align: middle;}
.main-sidebar{background: linear-gradient(to bottom, #0093c1 , #0093c1) !important;}
.sidebar-menu > li {border-bottom: none}
.btn-primary{background-color: #0093c1;}
/*.skin-blue.sidebar-collapse .main-header .logo,
.skin-blue.sidebar-collapse .main-header .logo:hover {background-color:#fff;display: none;}*/
.skin-blue.sidebar-collapse .main-header .navbar .sidebar-toggle:hover {
    background:none !important;}
.skin-blue.sidebar-collapse .main-header .navbar .sidebar-toggle .ti-menu {color: #000;}
.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover{background-color: #333b4e}
table tbody td button.delete,.action-buttons button.delete,.action-buttons button.check{background: none; border: 0; border-radius: 4px; color: #333b4e;}
/*.concept-listing li:last-child{margin-bottom: 0px;}*/


/*CSS2*/
/*.skin-blue .main-header .navbar{background:linear-gradient(to right,#03a5f1, #0bc2c4)}
.main-sidebar {background: linear-gradient(to bottom, #000 , #333) !important;}
.sidebar-menu > li {border-bottom: 1px solid #2d2d2d;}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    background: #2d2f2f;}
.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {background-color: #0ac1c4;}
.breadcrumb>li a,.navbar-nav > .user-menu span {color: #fff;}
.breadcrumb>li.active a{color:#b2eaff}
.btn-primary {background:linear-gradient(to right,#03a5f1, #0bc2c4) !important;}
.btn.btn-success{background:linear-gradient(to right,#6fa76f, #09a943) !important}
table tbody td button.delete{border: 0;background: #69bec7;color: #fff; border-radius: 4px;}*/

/*CSS3*/
/*.main-sidebar{background: #1fc790 !important}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    background:#02a873;}
.sidebar-menu > li {border-bottom: 1px solid #3bd1a0;}
.skin-blue .main-header .navbar{background: #000}
.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {background-color: #49e4b2;}
.breadcrumb>li.active a {color: #49e4b2;}
.btn-primary {background: linear-gradient(to right,#30cd9a, #0bc2c4) !important;}
.box-title {color: #02a873;}
.btn.btn-success {background: linear-gradient(to right,#737776, #141414) !important;}
table tbody td button.delete{background: #fd4949; border: 0; border-radius: 4px; color: #fff;}*/
/*---------------------*/



.view-package-chip select {
    border: 1px solid #ddd;
    padding: 3px 0 3px 3px;
}
.editor.active .mce-panel{border: 0 solid #b0d2dc;background-color: #fff;box-shadow: 0 0 4px #09bbcf;}

.que-o-status {
    padding: 0px 15px;
    margin: 0 15px;
    border: 1px solid #ddd;
    background: #eee;
    line-height: 20px;
    height: 25px;
}
.que-o-status label{font-size: 13px;font-weight: 500;position: relative;top: 2px; left: -2px;}
.que-o-status span{display: inline-block;
    line-height: 21px;}
.que-o-status span select{margin: 0 -15px 0 -2px;
    padding: 3px 0 2px 0;
    outline: 0 none !important;
    border: 1px solid #ddd }
.que-status button{border: 0;color: #fff;padding: 3px 15px;}
.que-status button.active,.que-status .btn-toggle.btn-lg.active{background: #499449;}
.que-status button.inactive,.que-status .btn-toggle.btn-lg{background: #f44b26;margin: 0;vertical-align: top}
.btn-toggle.btn-lg > .handle{top: 3px;}
table.dataTable.display tbody tr.even>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fff !important;
}


.box-tools{position: absolute;top: -7px;right: 0;}
.box-tools .btn.btn-primary {padding: 4px 10px 4px 10px!important;min-width: 78px;margin-right:0 !important}
.create-test .box{margin-top:15px;margin-bottom:0}
.box-gray.create-bottom .box-content{padding-top:0}
.box-gray.create-bottom .box-content .btn.btn-primary{margin-right:0}

#tab_2 .package-detail .map-test-button, #tab_3 .package-detail .map-test-button {
   position: absolute !important;
    top: 0px !important;
     right: 0px !important;
}

#tab_2 .ques-fil-table .box-gray, #tab_3 .ques-fil-table .box-gray{padding: 5px 15px}
/*.nav-tabs-custom > .tab-content #tab_2 label, .nav-tabs-custom > .tab-content #tab_3 label{margin: 15px 3px 5px 0;}*/
#example .action-buttons .btn.btn-success{margin-left: 15px !important}
#tab_1 .ques-fil-table .box-gray, #tab_2 .ques-fil-table .box-gray, #tab_3 .ques-fil-table .box-gray{padding: 8px 15px}


.status-toggle {width:100%;text-align: left;}
.view-package-chip .selectpicker .nya-bs-select.current-status1 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status1 .btn{background: #FF9933 !important}
.view-package-chip .selectpicker .nya-bs-select.current-status2 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status2 .btn{background: #00CCCC !important}
.view-package-chip .selectpicker .nya-bs-select.current-status3 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status3 .btn{background: #FF6666 !important}
.view-package-chip .selectpicker .nya-bs-select.current-status4 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status4 .btn{background: #00CC99 !important}
.view-package-chip .selectpicker .nya-bs-select.current-status5 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status5 .btn{background: #00FF80 !important}
.view-package-chip .selectpicker .nya-bs-select.current-status6 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status6 .btn{background: #00a65a !important}
.view-package-chip .selectpicker .nya-bs-select.current-status7 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status7 .btn{background: #C0C0C0 !important}
.view-package-chip .selectpicker .nya-bs-select.current-status8 .btn,
.map-test-status .selectpicker .nya-bs-select.current-status8 .btn{background: #FF3333 !important}

.view-package-chip .selectpicker .nya-bs-select.current-statusContentNotuploaded .btn,
.map-test-status .selectpicker .nya-bs-select.current-statusContentNotuploaded .btn{background: #FF9933 !important}

.view-package-chip .selectpicker .nya-bs-select.current-statusContentUploaded .btn,
.map-test-status .selectpicker .nya-bs-select.current-statusContentUploaded .btn{background: #00a65a !important}
.status-toggle .caret {float: right;top: 7px;position: relative;}
.dropdown-menu.status-dropdown{width:100%}

.online{color:#333;font-weight: 600 !important;font-size: 13px;padding-left: 10px;}
.offline{padding-left: 10px;
    color: #333;
    font-weight: 600 !important;
    font-size: 13px;
    text-transform: capitalize;}

.rep-row{width: 100%;
    display: inline-block;
    border: 3px solid #e4ecee;
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 15px 0;background:#f3f4f4;position:relative;
}
.btn-actions{position: absolute;right: -10px;
    top: -17px;}
.btn-actions button{
    border: none;
    background: #015b8c;
    padding: 5px;
    color: #fff;
    margin: 0 2px;
    min-width: 32px;
    border-radius: 100%;
    height: 32px;}
    .add-btn{  background: #015b8c;
    /* width: 100%; */
    border: none;
    min-width: inherit;
    color: #fff;
    padding: 7px;
    top: 0;
    position: relative;
    right: 0;
    float: right;}
    .add-btn .fa.fa-plus{margin-right:8px}
    .rep-row-next{display:none;}
    .icheckbox_minimal-blue, .iradio_minimal-blue {   
    margin: 0 5px 0 0;top: -2px;}
    .nav-tabs-custom > .tab-content ul.status-dropdown li {
     margin-bottom: 0; 
     list-style: inherit; 
     border:none; 
     display: inherit; 
     padding: 0; 
     border-radius: 0; 
     background: none; 
     margin-right: 0; 
}
.row.rep-row{padding:15px 0}


#login .container #login-row #login-column #login-box {
  margin-top: 120px;
  max-width: 600px;
  height: 320px;
  border: 1px solid #9C9C9C;
  background-color: #EAEAEA;
}
#login .container #login-row #login-column #login-box #login-form {
  padding: 20px;
}
#login .container #login-row #login-column #login-box #login-form #register-link {
  margin-top: -85px;
}

.dataTable.fixedHeader-floating{top:96px !important;background: #fbfbfb;}
table.fixedHeader-floating.no-footer{border-top: 12px solid #eef0f1;}

#view-available-questions .modal-dialog{width:1000px}

.modal-header .close {
    /* height: 28px; */
    border: 3px solid #ffffff;
    margin: -28px -25px;
    background: #3c8dbc;
    padding: 1px 7px;
    border-radius: 100%;
    color: #ffffff;
    /* line-height: 28px; */
    vertical-align: top;opacity: 1 !important
}

.modal-header .close span{font-size: 18px;
    line-height: inherit;
    top: -1px;
    position: relative;
    font-weight: normal;
    box-shadow: none;}
table.dataTable thead th, 
table.dataTable tfoot th{font-weight: 500;}

.skin-blue .sidebar-menu>li a .fa.fa-circle-o{font-size: inherit;}
/*.skin-blue .sidebar-menu .treeview-menu > li > a{padding: 7px 5px 7px 15px;}*/

/*.treeview-menu li a.online{color:#d43f3a !important}
.treeview-menu li a.offline{color:#4cae4c !important}
.treeview-menu li .tree-online:hover{background: #d43f3a !important;}
.treeview-menu li .tree-online:hover, treeview-menu li a.tree-offline:hover{color: #fff !important;}
.treeview-menu li.tree-offline:hover{background:#4cae4c !important;color: #fff !important;}*/

.skin-blue .sidebar-menu .treeview-menu{padding-left: 0}
.skin-blue .sidebar-menu .treeview-menu>li>a:hover{background: #776a6a;}
#example .action-buttons .btn.btn-red{padding: 7px 10px 5px 10px!important;
  border-radius: 0;
  border: 0;
  text-transform: uppercase;
  min-width: 100px;
  font-size: 13px;
  margin-left: 15px !important;}
#example .action-buttons .btn.btn-red:hover{color:#fff;}

.content .nav-tabs-custom .package #tab_1 .que-o-status{
    position: relative;
    top: 4px;
    /* right: 118px; */
    /* z-index: 99; */
    padding: 0;
    margin-right: 0;}
/*.content .nav-tabs-custom .package #tab_1 .que-status{position: fixed;top:72px;right: 0px;z-index: 99;}*/



.skin-blue .sidebar-menu>li>.treeview-menu {
    background: #01334e;}
.skin-blue .sidebar-menu .treeview-menu>li.active>a{
    background: #6d4747;}
/*.content .nav-tabs-custom #tab_1 .que-o-status{position: fixed;top: 61px;right: 0;z-index: 9;}*/


.sidebar .sidebar-menu li.tables::before {
    content: '';
    width: 2px;
    height: 100%;
    background: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
/*.main-tab{margin-top: 30px;}
*/
.sidebar-menu{padding-bottom:20px}
.sidebar .sidebar-menu li.tables .tablesDropdown li{background: #323b4e;/*border-bottom: 1px solid #eee;*/}
.sidebar .sidebar-menu li.tables .tablesDropdown li>a{/*background: #000;*/padding: 7px 0px 7px 65px;font-weight: 400;/*color: #03a1d4;*/cursor: pointer;font-size:12px}
/*.sidebar .sidebar-menu li.tables #tablesDropdown li:hover{background: #fff;border-bottom: 1px solid #eee;}*/
/*.sidebar .sidebar-menu li.tables #tablesDropdown li.active{background: #fff}*/
/*.sidebar .sidebar-menu li.tables #tablesDropdown li.active>a:hover{color: #fff;}*/
.sidebar .sidebar-menu li.tables .tablesDropdown li>a:hover {
    color: #25b6e2;
}
.sidebar-menu .tables{position: relative;}
.sidebar-menu li.tables a i {
    margin-right: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 20px;}
.sidebar-menu li.tables a {display: block;font-weight: 400;cursor: pointer;}
/*.sidebar-menu li.tables a #tablesDropdown li.active a{
    padding: 10px 0px 10px 44px;
   .sidebar-menu li.tables a
    font-weight: bold;color: #e7ee01;
}*/

.sidebar-menu li.tables a [data-toggle="collapse"]::after {
    content: '\f104';
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 20px;}
   .sidebar-menu li.tables::before {content: '';
    width: 2px;
    height: 100%;
    background: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;}
.sidebar-menu li {
    position: relative;
}

#testlist tbody tr td a:hover,#example tbody tr td a:hover{text-decoration: underline;}

.answer-solution p{margin:5px 0}
/*.box-gray .rep-row label{    font-size: 15px;
    color: #056686;}*/
    .view-test-table{margin-bottom: 20px}
.box-gray.create-test:last-child {
    padding-bottom: 20px;
}

.inner-bg-view{    width: 100%;
    display: inline-block;
    /*border: 3px solid #e4ecee;
    padding: 5px 15px;*/
    border-radius: 5px;
    margin: 0 0 15px 0;
    /*background: #f3f4f4;*/
    position: relative;}
.inner-bg-view .form-group{margin:8px 0;}
.inner-bg-view .q-view{display:inline-block;}
.nav-tabs-custom > .tab-content .inner-bg-view  label{    font-size: 13.3px;
margin: -1px 6px 0 0;
font-weight:500;
width: 100px;
text-align: right;
color: #0093c1;}
/*#tab_1 .box-content{margin-bottom: 20px}*/
/*.test-screen #tab_1 .box-title{margin-top: 30px}*/
.map-test-button.edit-btn, .map-test-button.delete-btn{top: 134px;position: fixed;}
.map-test-button.delete-btn{right: 50px}
.map-test-button.right-btn{top:-46px;right: 1px;}
.map-test .map-test-button.right-btn{top: 0}
.subscriber-screen .map-test-button.right-btn,.test .map-test-button.right-btn, .user .map-test-button.right-btn,.student .map-test-button.right-btn,
.questions-screen .map-test-button.right-btn{top: -2px;}
.questions-screen .map-test-button.right-btn{top:-9px;}
table  .btn.btn-default{padding: 5px 10px 2px 10px!important;
border-radius: 0;
border: 0;
text-transform: capitalize;
min-width: 150px;
font-size: 12px;
width: 100%;}
.subscriber-screen .map-test-button.right-btn{top:13px;}
#view-available-questions table tbody.ui-sortable tr td{width: 150px}
/*table tbody tr td{width: 150px;}
#content table tbody tr td{width:auto;}
#content table tbody{margin-bottom: 8px;font-size: 14px}*/

table .dropdown-menu>li>a{font-size: 12px}
table .status-toggle .caret{top: 10px;position: absolute;right: 5px}    

.package #tab_1 .question-detail .box .box-title h4{margin-top: 35px !important;margin-bottom: 58px !important}
.package .question-detail .box .box-content .q-view .subject-level span{color: #000;}
.sidebar .sidebar-menu.tree .tablesDropdown li .fa.fa-angle-right.pull-left{color: #888080;
    font-size: 17px;
    padding: 10px 0px 0px 30px;}

    /*available question popup*/
.modal-body .box .box-content .count ul{list-style-type: none;margin: 0;padding: 0;overflow: hidden;text-align: center;}
.modal-body .box .box-content .count ul li{display: inline-block;padding: 14px 50px;}
.modal-body .box .box-content .count ul li .circle{border: 4px solid rgba(233,7,93,1);background: rgba(35,38,43,1);border-radius: 50%;width: 65px;height: 65px;position: relative;margin: 0 auto;}
.modal-body .box .box-content .count ul li .circle span{position: absolute;top: 19px;left: 23px;color:#fff;}
.modal-body .box .box-content.subject{padding: 0;border: 0;background:#0093c1}
.purple{border-color: #a440ce;}
.yellow{border-color: #fde345;}
.orange{border-color: #fd8b88;}
.green{border-color: rgb(16, 243, 66);}
.red{border-color:rgba(233,7,93,1);}

.sidebar .sidebar-menu li.tables .tablesDropdown li.active>a{color: #03a1d4}

.test-screen .create-test-wrapper .rad-wrap, .create-test .create-test-wrapper .rad-wrap{margin-bottom: 10px}
 .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
 .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

/*.view-package-chip .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 170px;}*/
.nya-bs-select .btn.btn-default{background-color: #fff !important;border:1px solid #ddd !important;color: #444 !important;height: 30px;line-height:15px}
/*.questions-screen #collapse-filter .bootstrap-select .selectpicker .btn.dropdown-toggle.btn-default{padding: 7px 10px 5px 10px !important;color: #444;height: 34px !important;}
.questions-screen #collapse-filter .bootstrap-select .selectpicker .dropdown-toggle .filter-option-inner-inner {text-transform: uppercase !important;font-size: 13px !important;}*/
#collapse-filter .nya-bs-select .dropdown-toggle{padding: 0px 20px 0px 10px !important;color: #444;height: 30px !important}
#collapse-filter .nya-bs-select .dropdown-toggle .filter-option-inner-inner {text-transform: uppercase !important;font-size: 13px !important;}
#collapse-filter .nya-bs-select .dropdown-menu.inner{max-height: 174px;overflow-y: auto;min-height: 60px;}
#collapse-filter .nya-bs-select .dropdown-menu{background: #f8fafb !important;min-width: 100%;width: 100%;overflow-x: hidden;}
#collapse-filter .nya-bs-select.btn-group .dropdown-menu{padding: 0}
.view-package-chip .nya-bs-select .btn.btn-default{height: 25px;line-height: 18px}
#collapse-filter .nya-bs-select .dropdown-toggle{text-transform:capitalize;}

/*check*/
.nya-bs-select .dropdown-menu.inner li.selected a{background-image:url(../images/checked.png);background-repeat:no-repeat;background-size:20px;background-position:98% center}
.nya-bs-select .dropdown-menu.inner li a {padding-right: 25px;white-space: initial;cursor: pointer;}
.selectpicker{position: relative;}

/*radio buttons*/
.custom-radio p [type="radio"]:checked,
.custom-radio p [type="radio"]:not(:checked) {
 position: absolute;
 left: -9999px;
}
.custom-radio p [type="radio"]:checked + label,
.custom-radio p [type="radio"]:not(:checked) + label
{
 position: relative;
 padding-left: 20px;
 cursor: pointer;
 line-height: 20px;
 display: inline-block;
 color: #666;
 margin-right:15px
}
.custom-radio p [type="radio"]:checked + label:before,
.custom-radio p [type="radio"]:not(:checked) + label:before {
 content: '';
 position: absolute;
 left: 0px;
 top: 3px;
 width: 15px;
 height: 15px;
 border: 1px solid #ddd;
 border-radius: 100%;
 background: #fff;
}
.custom-radio p [type="radio"]:checked + label:after,
.custom-radio p [type="radio"]:not(:checked) + label:after {
 content: '';
 width: 7px;
 height: 7px;
 background: #0093c1;
 position: absolute;
 top: 7px;
 left: 4px;
 border-radius: 100%;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
}
.custom-radio p [type="radio"]:not(:checked) + label:after {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
.custom-radio p [type="radio"]:checked + label:after {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}

.box-body .filter-body .form-group p {
 margin: 5px 0 5px;
}
table.dataTable tbody tr:odd{background-color: #f9f9f9;}
table.dataTable tbody tr:odd{background-color: #f9f9f9;}
#user_details .map-test-button {/*top: 23px;right: 16px;*/ top: 1px !important;
    right: 7px !important;}
#user_details .box-title.user-title{margin-top: 40px;}
.screen-view-user #user_details .box-title.user-title{margin-top: 0}
/*create-users*/
/*.box-detail{margin-bottom: 20px;}*/
.box-detail .box-title h3{border-bottom: 1px solid #ddd;padding-bottom: 10px;color:#25b6e2;margin: 0 0 15px;}
.view-package-chip .nya-bs-select .dropdown-toggle .filter-option, 
.view-package-chip .nya-bs-select .dropdown-toggle .special-title{color: #fff}
.content-header .que-o-status.status{margin: 0;border: 0;background: transparent;}
.content-header .que-o-status.status label{top: 0}

.modal-body .box .box-content .count ul li .title a{color:#fff;font-size: 15px}
.test-screen .create-test-wrapper .rad-wrap{margin-bottom: 10px}
/*status (active/inactive)*/
.statusinactive{background:#f44b26 !important}
.statusactive{background:#499449 !important}
/*test type badge*/

.offline.tag-blue, .online.tag-green{border-radius: 25px;color: #fff;padding: 3px 15px;font-size: 12px}
.offline.tag-blue{background-color: #015b8c;}
.online.tag-green{background-color:#73AD21}

.package-screen .create-package.first-btn {margin-right: -10px;}

/*edit test*/
.non-edit.tag-que, 
.non-edit.tag-mrk{/*border:1px solid;*/color: #000;padding: 9px 15px;}
/*.tag-que{border-color: #00a65a !important}
.tag-mrk{border-color: #0093c1 !important}*/

/*.que-filter .box-title h4 .fa.fa-filter{font-size: 16px;position: relative;top: 5px;float: right;right: 40px;}*/
.test-screen .view-status .btn.btn-default{padding: 5px 10px 2px 10px!important;
    border-radius: 0;
    border: 0;
    text-transform: capitalize;
    min-width: 150px;
    font-size: 12px;
    width: 100%;}
  /*status view-test*/
  /*.content .nav-tabs-custom #tab_1 .que-o-status{
    z-index: 99;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    top: -97px;
    left: -121px;background: transparent;border: none;}*/


.wrs_multipleRowPanel.wrs_selected .wrs_layoutFor3Rows table tbody tr td{width: auto !important;}
/*.evenOdd{background-color: #f9f9f9 !important;}*/

/*.nav-tabs-custom > .tab-content #online_Preview ul li{border: 1px solid #c3bfbf;border-radius: 4px;background: #fafcfd;}*/
/*.nav-tabs-custom > .tab-content #online_Preview ul li h5{background: #e5eaf6;padding: 8px;}*/

.map-test-button.right-btn.eye{top: 13px !important;}
.add-que .map-test-button.right-btn.eye{   /* top: 15px !important;
    right: 18px;*/ top:0 !important;right: 0}
    .add-que .btn-actions {
    position: absolute;
    right: 15px;
    top: 2px;
}
.btn-actions button{min-width:27px;height:27px}
.add-que .btn-actions .ti-trash{font-size:12px}
.view-que .que-no{margin-top: 0}
.view-que .question{margin-bottom: 0}

.buttons-table button.btn.btn-primary, .buttons-table button.btn.btn-sky{margin-bottom: 8px;}
.view-package-chip .selectpicker .nya-bs-select .btn.btn-default,.map-test-status .selectpicker .nya-bs-select .btn.btn-default{border: 0 !important}
.view-package-chip .selectpicker .nya-bs-select .dropdown-toggle .caret,.map-test-status .selectpicker .nya-bs-select .dropdown-toggle .caret{color: #fff;}
.map-test-status .selectpicker .nya-bs-select .btn.btn-default{color: #fff !important;    width: 200px;
    height: 30px;
    line-height: 15px;}
.package .box-detail .box-title, 
.package .question-detail .box .box-detail .box-title, 
.create-test .box-title,.question-detail .box-detail .box-title {margin-top: 0;}
.list-tabs .nav-item a{line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    transition: all .3s;
    border-radius: 30px;
    padding: 5px 15px}
    .question-detail .box-detail .box-title{padding-top:0}
.list-tabs .nav.nav-pills li{list-style: none;border: 1px solid #eee;display: inline-block;padding: 0px 0px 0px 0px;
    background: #fafcfd;margin-right: 1px;border-radius: 30px;margin-bottom: 0;}

.online-edit .bottom-btn{padding-bottom: 15px !important;}
.map-detail .box-gray .box.dragable-table{background: #fff}
.map-detail .box .box-content{padding: 0px 15px 0px 15px}

.time-detail img {
    margin: 0 4px;
    position: relative;
    top: 0px;
    width: 19px;
    vertical-align: middle;background: #000;}
.map-detail .test-hours{float: right;display: inline-block;position: relative;top: -20px;}

.online-preview .answer-options ul li{position: relative;padding: 7px 10px 7px !important;border: 2px solid #ddd !important;margin-right: 0}
.online-preview .answer-options ul li.selected{box-shadow: none !important;border: 1px solid #3ab395 !important;}
.online-preview .answer-options ul li .opt{vertical-align: top;
    height: 25px;display: inline-block;top: 0;border: 1px solid #24b6e0;
    width: 25px;text-align: center;color: #fff;margin-right: 10px;
    cursor: pointer;line-height: 25px;border-radius: 50%;background: #24b6e0;
    font-size: 14px;font-weight: 600;

  position: absolute;
    left: 7px;
    top: 7px;
    margin: 0;}

.online-preview .answer-options ul li .opt em{vertical-align: middle;
    display: block;
    position: relative;
    top: 12px;
    transform: translateY(-50%);
    font-style: normal;}

.online-preview .answer-options ul li .optText{position: relative;top: 0;font-size: 16.5px;font-family: 'Alegreya';line-height: 23px;
    padding: 0 30px;
    width: 100%;
    display: inline-block;
  }
.online-preview .answer-options ul li .optText p{margin-bottom: 0}

.online-preview .answer-options ul li .correct{top: 5px !important}

.online-preview .que-no{border-bottom: 0;display: inline-block;margin-bottom: 0;margin-top: 0;color: #24b5e1;font-size: 18px;font-weight: 500 !important;}

.create-test .circle.red,.map-test .circle.red,.map-que .circle.red{    float: right;
    background: #25b6e2;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: relative;
    margin: -26px 15px;
    /* border: 1px solid #f7f5f5; */
    border-width: 3px;}

.map-que .nav-tabs-custom > .nav-tabs > li .circle.red{width:auto;min-width: 35px;text-align:center;}
.map-que .nav-tabs-custom > .nav-tabs > li .circle.red span,
.map-que .nav-tabs-custom > .nav-tabs > li.active .circle.red span{position: relative;left:0 !important;top:0 !important;}
.box-gray.sub-pills{margin-top: 15px}
.map-que .nav-tabs-custom > .nav-tabs{    margin-bottom: 15px;
   /* position: fixed;
    width: 100%;
    z-index: 9;
    background: #fff;*/}
.map-que .main-tab{margin-top: 0}
.create-test .nav.nav-tabs li.active .circle.red,.map-test .nav.nav-tabs li.active .circle.red,.map-que .nav.nav-tabs li.active .circle.red{background: #f7f5f5;}
.create-test .nav.nav-tabs li.active .circle.red span,.map-test .nav.nav-tabs li.active .circle.red span,.map-que .nav.nav-tabs li.active .circle.red span{color: #006cab;top: 4px;left: 4px;}
.create-test .circle.red span,.map-test .circle.red span,.map-que .circle.red span{position: absolute;
    top: 4px;
    left: 8px;
    left: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;}
.create-test .circle.red.sub,.map-test .circle.red.sub,.map-que .circle.red.sub{width: 25px;height: 25px;margin: -2px 0 0 10px;background: none;/*border: 2px solid #006cab;*/}
.create-test .circle.red.sub span,.map-test .circle.red.sub span, .map-que .circle.red.sub span{color: #fbfbfb;top: 0px;left: 3px;}
.list-tabs .nav.nav-pills li.active a .circle.red.sub{/*border: 2px solid #f7f5f5;*/background: #f7f5f5;}
.list-tabs .nav.nav-pills li.active a .circle.red.sub span{color: #006cab}
.list-tabs .nav.nav-pills li.activeI a .circle.red.sub{/*border: 2px solid #f7f5f5;*/background: #f7f5f5;}
.list-tabs .nav.nav-pills li.activeI a .circle.red.sub span{color: #006cab}
/*.create-test .list-tabs .nav-item a{border-radius: 0}*/
/*.create-test .list-tabs .nav.nav-pills li{border-radius: 0}*/
.create-test .circle.red.sub{width: 26px !important;height: 26px !important;}
.create-test .circle.red.sub span{left: 3px;}
/*.create-test .circle.red{border-radius: 0}*/

.buttons-table button.btn.btn-primary, .buttons-table button.btn.btn-sky{margin-bottom: 8px;}
.create-test-wrapper .test-radio .form-group{margin-bottom: 0}
.online-preview .que-display{/*float: none;
    width: 70%;*/
    padding-right: 0;
    /* border: 1px solid #f00; */
    background: #fff;
    margin: 0 auto 12px;
    padding: 10px;
    box-shadow: 0 0 5px #ccc;}
.online-preview .que-box {position: relative;}
.online-preview .question{padding: 0 !important;position: relative;
    overflow: hidden;margin-top: 0;}

.online-preview .que-text{padding: 0;border: 0;display: inline-block;width: 100%;
font-size: 16.5px;margin-top: 0;margin-left: 0px;color: #000;background: #fff !important;
border-radius: 4px;font-family: 'Alegreya';margin-bottom: 0;line-height: 23px}
.online-preview .que-box .question .question-wrap .que-text span div {text-align: left;
    padding: 0;}
.online-preview .answer-options{/*width: 70%;*/margin: 5px auto 0;}
.online-preview .answer-options ul{border: 0 none;border-radius: 7px;margin: 0;padding: 0;}
.online-preview .box-content{width: 72%;padding: 15px;margin: 0 auto;}

.table tbody.ui-sortable tr{cursor: pointer;}
.map-test .nav-tabs-custom > .nav-tabs > li > a, .map-test .nav-tabs-custom > .nav-tabs > li > a, .map-test .nav-tabs-custom > .nav-tabs>li.active>a,.map-test .nav-tabs-custom > .nav-tabs>li.active>a{min-width: 200px !important}
.stat-label .que-o-status.package-status{background: transparent;border: none;}
.stat-label .que-o-status.package-status span{background: transparent;}
.stat-label .que-o-status.package-status label{vertical-align: middle;font-weight: 600}
.map-que .map-detail#tab_2 .box-gray, 
.map-que #tab_2 .ques-fil-table .box-gray,
.map-que #tab_2 .sub-pills
{padding: 8px 15px !important}
.map-test .offline-fil #tab_1 .box-gray,
.map-test .offline-fil #tab_1 .ques-fil-table .box-gray,
.map-test .offline-fil #tab_2 .box-gray,
.map-test .offline-fil #tab_2 .ques-fil-table .box-gray,
.question-detail .box-gray{padding: 8px 15px !important}
.question-detail.que-filter .box{margin-bottom: 20px}
.map-test #tab_1 .ques-fil-table .box-gray, 
.map-test #tab_2 .ques-fil-table .box-gray{padding: 1px 25px 5px 25px;}
.solution-section .solution-title h2 {
    color: #24b6e0;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}
    .solution {
    padding: 0px 5px;
    font-family: 'Alegreya';}
    .solution-section{font-size: 16.5px;
    color: #000;}
.map-test .offline-fil #tab_3 .map-test-button.right-btn{top: -47px;}
.map-test .online-fil #tab_1 .map-test-button.right-btn,
.map-test .online-fil #tab_2 .map-test-button.right-btn{top: -46px;}
/*.question-detail.form-inline .box-content{margin-bottom: 15px;
    margin-top: 20px;
}*/
.question-detail.form-inline .box-content:first-child/*,
.question-detail.form-inline .box-content:last-child*/{margin-top:0 !important;}
.question-detail.form-inline .box-content:last-child{margin-bottom:25px}
.package #tab_2 .ques-fil-table .box-gray{padding: 0px 15px;}
/*.map-que .box-content.list-tabs{margin-top: 20px;}*/

.multi-check, .check .check-btn {
    display: inline-block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check .check-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -21px;
    left: 28px;
    height: 20px;
    width: 22px;}
.check label.check-btn{margin: 0}

/* Create a custom checkbox */
.check .checkmark {
    position: absolute;
    top: -21px;
    left: 28px;
    height: 20px;
    width: 22px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #00a65a;
}

/* On mouse-over, add a grey background color */

.check .check-btn:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */

.check .check-btn input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.multi-check .checkmark:after,.check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.multi-check input:checked ~ .checkmark:after,
.check .check-btn input:checked ~ .checkmark:after {
    display: block;
}
.check .check-btn .checkmark:after {
    left: 6px;
    top: -2px;
    width: 7px;
    height: 16px;
    border: solid #73AD21;
    border-width: 0 2px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(52deg);
}

/*multi-checkfor packages*/
.multi-pckg{margin-top: 5px;}
.multi-check {padding-left: 35px;}

/* Hide the browser's default checkbox */
.multi-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
}

/* Create a custom checkbox */
.multi-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height:20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.multi-check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.multi-check input:checked ~ .checkmark {
    background-color: #0093c1;
}

/* Style the checkmark/indicator */
.multi-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal button.close{position: absolute;
    opacity: 1;
    background: #24b6e0;
    width: 23px;
    height: 23px;
    top: -10px;
    right: -8px;
    border-radius: 50px;
    color: #fff;
    padding: 0 0;
    background-image: none !important;
    text-indent: 0px;}
.multi-pckg label.multi-check{margin: 0 15px 5px 0px;}

.modal{position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;opacity: 1;}
.modal-header{padding:30px 15px 5px;border-bottom:1px solid #ddd;text-align:center;color:#000;min-height:inherit;}
.modal-header h4{font-size:22px;color:#24b5e1;}
.modal-footer{padding-bottom:30px;padding-top:0;margin-top:0;text-align:center !important;}
.modal-footer, .modal-header{border:0;}
.modal-footer button.btn{background:#24b5e1;border:0;display:inline-block;padding:5px 15px;text-transform:uppercase;min-width:100px;}
.modal-footer button.btn.btn-primary{border-radius:0px;height:32px;}
.modal-footer button.btn.btn-default{background:none;border:1px solid #24b5e1 !important;color:#24b5e1;border-radius:0px;}
.modal-footer .btn.grey{background:#818181 !important;color:#fff !important;font-size:16px;padding:10px 15px;min-width:200px;}
.modal-footer .btn.grey:hover{border:1px solid #818181 !important;color:#818181 !important;background:none !important;}
.modal-footer .btn.blue{border:1px solid #24b6e0 !important;color:#24b6e0;font-size:16px;padding:10px 15px;min-width:200px;}
.modal-footer .btn.blue:hover{background:#24b6e0 !important;color:#fff;}
.modal-content{border-radius:0;}
.modal-content .control-label{margin-bottom:3px !important;font-weight:normal !important;font-size:15px;}
.modal-body{padding:20px 60px;}
.modal-body .user-edit-form .btn.default.send-otp{padding: 10px 7px !important;top: 18px !important;}
.modal button.close{position:absolute;opacity:1;background:#24b6e0;width:23px;height:23px;top: 19px;
    right: 14px;border-radius:50px;color:#fff;padding:0 0;background-image:none !important;text-indent:0px;}
.buy-modal .modal-dialog {width: 471px;margin: 30px auto;}
.modal-body p{text-align: center;font-size: 14px;}
.package .add-btn{top: -30px}

.test-screen .bottom-btn, .package-screen .bottom-btn,.create-student .bottom-btn,.edit-user .bottom-btn,.edit-student .bottom-btn{padding:20px 0}
.box-detail.subject {margin-bottom: 0;}
.btn.btn-sky{background: #00c9fc;color: #fff}
.btn.btn-sky:hover{background:#07b5e1}

.view-que .nav-tabs-custom > .tab-content #question_detail  label,
.view-user #user_details label,.view-student #user_details label,
.view-test .nav-tabs-custom > .tab-content #tab_1  label{font-size: 13.3px;font-weight: 500;color: #333C4E}

.view-user #user_details .subject-level,
.view-student #user_details .subject-level,
.view-que #question_detail .q-view .subject-level,
.view-test #tab_1 .q-view .subject-level{color: #333;font-size: 13px;}

.view-que .nav-tabs-custom > .tab-content #question_detail label span,
.view-test .nav-tabs-custom > .tab-content #tab_1 label span{color: #333C4E !important}
/*.modal-backdrop.in{opacity: 0}*/

/*table caption+thead>tr:first-child>td, 
table caption+thead>tr:first-child>th, 
table colgroup+thead>tr:first-child>td, 
table colgroup+thead>tr:first-child>th, 
table thead:first-child>tr:first-child>td, 
table thead:first-child>tr:first-child>th {width:auto !important}*/
/*table.dataTable thead th:first-child,
table.dataTable.row-border tbody tr:first-child td{width:auto !important}*/


#testlist .view-package-chip .open>.dropdown-menu,#testexample .view-package-chip .open>.dropdown-menu{width: 100%}
#testlist .view-package-chip .dropdown-menu,#testexample .view-package-chip .dropdown-menu{padding: 0px 0;}

/*.online-preview .que-stat .que-text{margin-bottom: 0px;line-height: 3px}*/
#question_detail .online-preview .answer-options{/*width: 72%;*/margin: 0px 0 12px 0;}
#question_detail .que-display{/*width: 72%;*/margin: 0px 0 12px;}
#question_detail .answer-solution{font-size: 15px;color: #000;}
.add-que #collapse-filter{margin: 0}
.map-test-button.right-btn.eye {top: -18px !important;}
.view-student .que-filter .form-group{margin-bottom: 15px;}
/*modal popup mapquestion*/
.modal-header .close span{top: 0}
/*.mce-container, .mce-container *, 
.mce-widget, .mce-widget *, .mce-reset{display: inline-block !important;}*/

.add-que .nya-bs-select.btn-group .dropdown-menu{z-index: 1;}
/*login*/
.login-head .container{width: 1250px;}
.login-head #logo {margin-left: -8px;}
.login-head #logo .navbar-brand {display: inline-block;}
.login-head #logo .navbar-brand {
    margin-left: 0;padding: 0;}
.login-head .header.navbar .navbar-brand {
    float: none;}
.login-head .top-buttons a {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    margin: 15px 0 5px 10px;
    padding: 4px 10px 5px;
    text-align: center;
    width: 80px;}

.login-head.header.navbar.navbar-fixed-top {
    z-index: 999 !important;
    background: #24b6e0 ;
}
.login-head.header.navbar {
    border: 0 none;
    box-shadow: none;
    height: 55px;
    margin: 0 auto;
    min-height: 42px;
    padding: 0;
    width: 100%;
    max-width: 100%;}
.login-head.navbar-fixed-top {
    top: 0;}

.limiter.login {  position: fixed;left:62vw;top:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
    padding: 0 6vw;
    width: 38vw;}
    .login-icon{margin-bottom:4vh}
    .login-icon h1{font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    color: #383737;
    text-align: left;margin:25px 0;}
 .login-icon p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #737373;
    text-align: left;
}
/*    .login-icon img{    width: 5.5vw;
    height: 11.5vh;}*/

/*.login #login-form{
    background: #fff;padding:40px 90px;text-align: center;}*/

.login span.error-msg,
.login [ng\:cloak], [ng-cloak],
.login [data-ng-cloak], [x-ng-cloak], 
.login .ng-cloak, 
.login .x-ng-cloak, 
.login .ng-hide:not(.ng-hide-animate) {
    display: none !important}

.login .validation-error {
    color: red;
    text-align: left;
    float: left;
    margin-bottom: 10px;
    width: 100%;}

/*.login-body*/
body.skin-blue.sidebar-mini.show-table.login-body{color: #333;
    font-family: 'Roboto', sans-serif;
    padding: 0px;
    margin: 0;
    font-size: 13px;
    direction: ltr;
  /*  background: #e8ecef !important;*/}
.skin-blue.sidebar-mini.show-table.login-body .wrapper{background: transparent !important;height: 100vh !important}
/*
.login #login-form input.input100 {border: none;
    height: 6.5vh;
    border-radius: 50px;
    padding: 2vh 2vw;
    font-size: 2vh;}*/
    .limiter.login .ti-email,.limiter.login .ti-lock{    position: absolute;
    font-size: 17px;
    color: #bababa !important;
    content: attr(data-placeholder);
    display: block;
    position: absolute;
    top: 12px;
    left: 15px;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;}
.login #login-form input.input100::placeholder{color: #bababa;font-size:14px}
.login .label-container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: -2px;}

.login .label-container span {
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;}
.login .label-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 20px;
    height: 26px;  top: -7px;}
.login #login-form .label-container span.checkmark {
    top: -3px!important;
}

.login .label-container input:checked ~ .checkmark {
    background-color: #2196F3;
    margin-top: 2px;
}
.login .label-container span {
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
}

.login .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border: 1px solid #24b6e0;}


/*.login #login-form a {
    text-decoration: underline;
}*/
.login .validation-error {
    color: red;
    text-align: left;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
}

.login button{    /* margin: 0 0 2vh 0; */
    outline: 0;
    min-width: 165px;
    text-transform: uppercase;
    padding: 11px 5px 10px;
    font-size: 18px;
    /* font-weight: 500; */
    border: 0 none;
    /* border-radius: 50px; */
    /* width: 100% !important; */
    color: #fff !important;
    /* background-color: #28303E; */
    /* border: none; */
    /* height: 6.5vh; */
    /* border-radius: 50px; */
    /* padding: 1.5vh 2vw; */
    /* font-size: 2.6vh; */
    background: #26B7E1;
    border-radius: 10px;}

.login .label-container input:checked ~ .checkmark:after {
    display: block;
}

.login .label-container .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;transform: rotate(45deg);}
.login .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.login #login-form a:hover {
    text-decoration: underline;cursor: pointer;
}
.login #login-form a{
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #737373;
    margin: 15px 0;
    display: inline-block;}

.login .fs-title {
    font-size: 25px;
    text-transform: capitalize;
    color: #24B6E0 !important;
    margin: 10px 0 30px;
    font-weight: 500 !important;}

.login .ribbon{margin-bottom: 44px;
    margin-top: -20px;}

.login .ribbon h4 {
    display: block;
    padding: 10px;
    position: relative;
    background: #f79362;
    height: 40px;
    margin-right: 29px;
    margin-left: -51px;
    color: #fff;
    width: 168px;
    text-decoration: none;text-transform: uppercase;}
.login .text-left {
    text-align: left;}

.login .ribbon h4::before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0 !important;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #f79362;}
.login .ribbon h4::after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    border-top: 15px solid #004a70;
    border-left: 15px solid transparent;}
.login .box{background: none;
    padding: 0;
    border-top: 4% solid red;
    border: 1px solid #fff;/*
    border-top-left-radius: 3%;
    border-top-right-radius: 3%;
    width: auto;*/}

.login .main-container{overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.login button:hover{background: #09aadf;}
/*login end*/
.stat-label .que-o-status span{background: #FFF;padding: 1px;margin-right: -14px;}

/*online map test filter button*/
.map-test .offline-fil .map-test-button.right-btn {top: 0px;}

 
#tab_3 .btn-toggle.btn-lg {
    width: 12rem;
    margin: 0;}
#tab_3 .btn-toggle.btn-lg:before, 
#tab_3 .btn-toggle.btn-lg:after {
    font-weight: 400;}
.btn-toggle.btn-lg > .handle {
    top: 3px;
}
#tab_3 .btn-toggle.btn-lg:before {
    content: 'Unpublished';
    left: auto;
    right: 3rem;
    text-align: right;
    color: rgb(255, 255, 255);
}
#tab_3 .btn-toggle.btn-lg.active > .handle {
    left: 10.2rem;
}
#tab_3 .btn-toggle.btn-lg.active:before {
    opacity: 1;
    content: "Published";
    right: 3.1rem;
    color: rgb(255, 255, 255);
}

#collapsed1-filter, #collapsed-filter, #collapse-filter {
    margin-bottom: 15px;margin-top: 20px;}

/*package-status*/
.content-header .package-status{line-height: 20px;}
.package .que-status .btn-toggle.btn-lg {width: 9rem;}
.package .que-status .btn-toggle.btn-lg::before {content: "Inactive";left: auto;color: rgb(255, 255, 255);right: 0.3rem;}
/*.package .que-status .btn-toggle.btn-lg > .handle {top: 0px;left: 0rem; width: 1.9rem;height: 2rem;}*/
.package .que-status .btn-toggle.btn-lg.active > .handle {left: 7.3rem}
.package .que-status .btn-toggle.btn-lg.active:before {opacity: 1;content: "Active";right: 3.1rem;}

.question-detail.form-inline .box-content {margin-bottom: 15px;margin-top: 20px;}
.form-actions.text-center{margin-bottom: 25px}
.text-center{text-align: center !important}



.action-buttons .check{display: inline-block;padding: 1px 6px;}
.action-buttons .check .checkmark{left: -6px;top: -1px;}

/*boostrap timepicker*/
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}
.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}
.bootstrap-timepicker-widget table td input {width: 25px;margin: 0;text-align: center;border:none}
.bootstrap-timepicker-widget .modal-content {padding: 4px;}
.bootstrap-timepicker-widget{width: 0px;}
/*tooltip*/
.tooltip.left .tooltip-arrow {
    border-width: 1px 0 5px 5px}   
.tooltip.left{left: 971px;}

@import "printstyle.css" print;

.MJXc-TeX-math-I{outline: none;}


.questions-screen .box-title,.map-que .box-title,.view-que .box-title,
.screen-user .box-title,.screen-view-user .box-title{
    color: #0091bf;
    padding:7px 0 0;
   /* height: 28px;*/margin:0
}
.questions-screen .box-title{padding: 0}
.screen-view-user .box-title{padding-top: 0;
    height: auto;}
.screen-view-user .box-title h4{margin-bottom:7px}
.screen-view-user #collapse-filter.filter{margin-top: 8px}
.test-screen .create-test .box-title{height:auto;}

.questions-screen .box-title h4, .test-screen .box-title h4,.map-que .box-title h4,.view-que .box-title h4{margin:0;}
.screen-view-user .map-test-button,
.questions-screen .map-test-button.right-btn ,
.test .map-test-button.right-btn,
.user .map-test-button.right-btn,.view-student .map-test-button{
    top: 0 !important;
    position: relative;
    float: right;
    right:0 !important;
}

.questions-screen #collapse-filter,.test-screen #collapse-filter{margin-top:0;}
.questions-screen .buttons-table button.btn.btn-primary,.buttons-table button.btn.btn-primary{margin-bottom: 0}
.concept-listing{list-style: none;line-height: 22px}
.questions-screen .box-title h4{margin:0;}
/*.question-list table{margin-top:15px;}*/


.view-student .q-view,.screen-view-user .q-view,.question-detail .q-view, .view-test .q-view,.view-test .test-radio .session-wrap .q-view,.view-test .test-radio .specific-wrap .q-view{      /* border: 1px solid #ddd !important; */
    padding: 7px 10px;
    /* border-left: 3px solid #06a8da !important; */
    min-height: 34px;
    background: #f7f7f7;}

.view-test .test-radio .q-view{border:none !important;padding:0;border:none;min-height: inherit;}
.mce-container, .mce-container *, .mce-widget, .mce-widget *{font-size: 12px !important}
.mce-btn button {padding: 3px 6px !important;font-size: 12px;}
.create-test .circle.red.sub{text-align: center;}
.create-test .circle.red.sub span{position: relative;left: 0}
.old-que-id{    
    position: relative;
    top: -16px;
    left: 25px;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #333C4E;
    text-transform: capitalize;}

.subject-chapters{    margin: 10px auto;
    padding: 0;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 5px;}
   
.subject-chapters.physics .title{border-bottom:2px solid #efa103;color:#efa103;background:url("../images/practice-physics.png") no-repeat 0 0;background-size: 30px}
.subject-chapters.mathematics .title{border-bottom:2px solid #24b5e1;color:#24b5e1;background:url("../images/practice-maths.png") no-repeat 0 0;background-size: 30px}
.subject-chapters.chemistry .title{border-bottom:2px solid #e12a48;color:#e12a48;background:url("../images/practice-chemistry.png") no-repeat 0 0;background-size: 30px}
.subject-chapters.biology .title{border-bottom:2px solid #8cc445;color:#8cc445;background:url("../images/practice-biology.png") no-repeat 0 0;background-size: 30px}
.subject-chapters ul, .subject-chapters ol{padding:5px 10px 0 16px}
.subject-chapters li{    font-size: 13px;
    padding: 10px 0px;
    text-align: left;
    line-height: 12px;
    color: #000;
    /* border-bottom: 1px dashed #e2dfdf; */
    list-style: inside !important;}
.subject-chapters li:last-child{border-bottom:0;}
.subject-chapters .title{color:#fff;font-size:16px;padding:5px 0px 5px 30px;text-transform:uppercase;margin:0 auto 5px;/*text-align:center;*/width:100%;font-weight:bold;padding-bottom:10px;}
.subject-chapters .title img{width:30px;margin-right:10px;margin-top:-4px;}
.subject-chapters .slimScrollDiv{min-height:158px;}
.subject-chapters .slimScrollBar{background:#bbb !important;width:4px !important;}
.subject-chapters .score{border-top:1px dashed #ddd;margin:0 10px;padding:10px 10px 5px;margin-top:15px;text-align:center;}
.subject-chapter-list{display:none;}
.subject-chapters .title span {margin-left: 10px}
.nav-tabs-custom .tab-content .subject-chapters ul{margin-left:8px}

.subject-chapters.physics .title {border-bottom: 2px solid #efa103;color: #efa103;background: #efa103;background-size: 30px;margin: 0;background: #efa103;padding:10px;border-top-left-radius:5px;border-top-right-radius:5px;}
.subject-chapters .title span{color: #fff;font-weight:normal;}
.subject-chapters .title span.total-que{float: right;color: #000;font-size: 13px;font-weight: bold;text-transform:capitalize;}
.subject-chapters .title span.total-que .to-que{background-color: #fff;color: #000;font-weight: 500;
padding: 3px 5px;border-radius: 5px;margin-left:5px;line-height: 54px}
.subject-chapters.physics.chemistry .title {background-color: #e65d77;border-bottom:2px solid #e65d77 !important}
.subject-chapters.physics.mathematics .title{border-bottom:2px solid #11cdac !important;background-color: #11cdac}
.subject-chapters.physics.biology .title{border-bottom:2px solid #21b306 !important;background-color: #21b306}
.sub-img{background: #fff;padding: 10px;border-radius: 100%;height: 50px;width: 50px;
display: inline-block;text-align: center;margin-left:0 !important}
.subject-chapters .title .sub-img img{margin:0;}
.subject-name{position: relative;top: 4px;}
.test-fil-table .box-content/*,.ques-fil-table .box-content*/{padding-top:0}
.test-fil-table .form-inline .form-group{margin-bottom:0}
.test-fil-table .buttons-table.box-footer,.ques-fil-table .buttons-table.box-footer{margin-bottom:10px;border-top: none;border-bottom: 1px solid #f4f4f4}
.subject-chapters ul{margin: 0 !important;padding: 5px 15px !important;}
/*.evenOdd{background-color: #fff !important;}
.table > thead > tr.evenOdd > th, .table > tbody > tr.evenOdd > th, .table > tfoot > tr.evenOdd > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 1px solid #f9f9f9;}
.table-hover>tbody>tr.evenOdd:hover{background-color:#f5f5f5 !important}*/
.marking{border-bottom:1px solid #ccc;
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
    font-size: 13px;}
    .negative-marks .ti-close,
    .positive-marks .ti-check{    color: #f00;
    margin: 0 3px 0 0;
    position: relative;
    top: 2px;font-size: 13px;font-weight: bold;}
    .positive-marks span ,.negative-marks span{
    position: relative;
    left: 2px;
    top: -1px;
    font-weight: bold;
    font-size: 12px;
}
    .positive-marks .ti-check{color: #51ef51}
.positive-marks{float: left;}
.negative-marks{float: right;}
.test-screen.edit-test .box-title{padding:0}
.nya-bs-select .dropdown-toggle .filter-option,.nya-bs-select .dropdown-toggle.show-special-title .special-title{text-transform: capitalize;width: 92%;}
.test-screen.edit-test .create-test .box{margin-top:0;margin-bottom: 15px}
.test-screen.edit-test .create-test-wrapper{margin-top:10px;}

.test-screen.edit-test .box-gray{padding-top: 15px}
dir-pagination-controls{width: 100%;display: inline-block;text-align: right;}
.view-test .main-tab{margin-top:15px;}
.view-test .map-test-button.edit-btn{top:0;}
.view-test.test-screen .map-test-button.edit-btn,
.view-que .map-test-button.edit-btn{top:13px;}


.view-test .map-test-button.right-btn,.map-que .map-test-button.right-btn{top:4px;}
.map-que #collapse-filter{margin-top:0;}
.map-que .sub-pills .box-title{padding:0;height:auto;}

.map-que .circle.red.sub span{position: relative;left: 0;top:1px;color: #000}
.test-screen #collapse-filter,.questions-screen #collapse-filter{margin-top:8px;}

.view-test .nav-tabs-custom > .tab-content .box:first-child,
.view-que .nav-tabs-custom > .tab-content .box:first-child{margin-top: 0}
.view-test #tab_2 .ques-fil-table .box-gray{padding: 0}
.list-tabs .nav.nav-pills li.time-inp{border: none;margin-left: 10px;width: 175px;background: none !important}
.list-tabs .nav.nav-pills li.time-inp .form-group{margin:0;height: 37px}
.list-tabs .nav.nav-pills li.time-inp .form-group label{float: left;
    margin: 10px 10px;}
.questions-screen table tbody td button.delete,.test-screen table tbody td button.delete {    display:inline-block;
    margin: 2px auto;}
    .questions-screen .screen-user table tbody td button.delete{display: inline-block;}
    .test-screen .question-list table tbody td button.delete{display: inline-block;}
.content-header,.breadcrumb,.titleBreadcrum{transition: 0.4s ease-in-out;}
.sidebar-collapse .content-header{padding-left:15px;}
.sidebar-collapse .breadcrumb{left:85px;}
.question-status span{ background: #696969;
    color: #fff;
    padding: 5px 10px;
    margin: 0 2px;
    color: #06a8da;font-weight: 700}
   .question-status span strong {color: #fff;margin-right: 2px}
   .edit-test-question .map-test-button.right-btn.eye ,.edit-question .map-test-button.right-btn.eye{
    top: -2px !important}
.edit-test-question #collapse-filter,.edit-question #collapse-filter{margin-top: 0}


/*
#mtqb-viewSourceEditQuestion-modal .que-display{padding-right: 0;margin: 0 auto 12px;
padding: 10px;box-shadow: 0 0 5px #ccc;}*/
/*.comm-question-mod*/
/*#mtqb-viewSourceEditQuestion-modal .que-no{border-bottom: 0;display: inline-block;margin-bottom: 0;margin-top: 0;color: #24b5e1;font-size: 18px;font-weight: 500 !important;}*/
.questionModelPreview .added-que-statement,
.questionModelPreview .solution{    padding: 20px;
    border: 0;
    display: inline-block;
    width: 100%;
    font-size: 16.5px;
    margin-top: 0;
    margin-left: 0px;
    color: #000;
    background: #fff !important;    border-radius: 4px;
    font-family: 'Alegreya';
    margin-bottom: 0;
    line-height: 25px;
    border: 1px solid #E7E7E7;
    border-radius: 10px;margin-bottom: 25px}
.questionModelPreview .modal-body p{text-align: left;font-size: 16px;/*margin-bottom:0*/}
/*#mtqb-viewSourceEditQuestion-modal .modal-body{padding:20px}*/
.questionModelPreview .answer-options ul li .opt {vertical-align: top;height: 25px;display: inline-block;top: 0;border: 1px solid #24b6e0;width: 25px;text-align: center;color: #fff;
margin-right: 10px;cursor: pointer;line-height: 25px;border-radius: 50%;background: #24b6e0;
font-size: 14px;font-weight: 600;position: absolute;left: 7px;top: 7px;}
.questionModelPreview .answer-options ul li.selected .opt{background:#41A11F;border-color:#41A11F}
.questionModelPreview .answer-options ul li .opt  em{font-style: normal;}
.questionModelPreview .answer-options ul li .optText {position: relative;top: 0;font-size: 16.5px;font-family: 'Alegreya';line-height: 25px;padding: 0 30px;width: 100%;display: inline-block;}
.questionModelPreview .answer-options ul li .optText p{margin-bottom: 0}

/*
#mtqb-viewSourceEditQuestion-modal .answer-options ul li {position: relative;padding: 7px 10px 7px !important;border: 2px solid #ddd !important;margin-right: 0;}
#mtqb-viewSourceEditQuestion-modal .answer-options ul li.selected {border: 2px solid #3ab395 !important;box-shadow: 0 0px 1px #7cd3bf;}*/

.questionModelPreview .solution-section .solution-title h2 {color: #24b6e0;font-size: 16.5px;border-bottom: 1px solid #ddd;padding-bottom: 10px;padding-left: 5px;line-height: 25px}

.question-list{/* border: 1px solid #f00;overflow: auto;height: 54vh*/}
.question-list{overflow-y: auto;/*height: 54vh;*/overflow-x: hidden;}
/*
.questions-screen .question-list{}*/

 
 .main-footer{position: fixed;bottom:0;width:100%}
/* .content-wrapper{padding-bottom:45px}*/
.content-wrapper{min-height: inherit !important}
 ::-webkit-scrollbar {
    width:8px;}
 
::-webkit-scrollbar-track {
background: #f1f1f1;
    -webkit-box-shadow: inset 0 0 6px #f1f1f1; 
    border-radius: 8px;
}
 
::-webkit-scrollbar-thumb {
   background: #eaeaea;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px #eaeaea; 
}



.time-inp .form-group{background: #337ab7;border-radius: 30px;}
.time-inp .form-group label{margin:10px !important;color: #fff;}
.time-inp .input-group-addon{    background: none;
    border: none;
    padding: 6px;
    border-left: 1px solid #f7f7f7;
    padding-left: 10px;
    padding-right: 0;}
.time-inp .input-group-addon i {color: #fff;}
.time-inp .bootstrap-timepicker input {border: none;background: #f7f5f5;border-radius: 35px !important;padding:12px 6px;text-align: center;min-width: 80px;font-weight: bold;color: #337ab7;height: 37px}
.time-inp .bootstrap-timepicker input#duration{min-width: initial;background:none;color: #fff}


/*.view-test.test-screen .nav-tabs-custom > .nav-tabs,
.map-que .nav-tabs-custom > .nav-tabs,
.view-que .nav-tabs-custom > .nav-tabs{position: fixed;z-index: 9;background:#fff;width: 83vw;padding: 21px 0 21px 0;margin:0 !important;border: none;}*/
.view-test.test-screen .nav-tabs-custom > .tab-content,
.map-que .nav-tabs-custom > .tab-content,
.view-que .nav-tabs-custom > .tab-content{padding-top:50px;}
.view-test.test-screen .main-tab,.view-que .main-tab{margin-top:0}

/*.sidebar-collapse .question-list .table{width: 1245px !important}*/
.screen-user .question-list,.test-screen .question-list,.subscriber-screen .question-list,.screen-question .question-list,.view-online-package .question-list,.question-list.bulk-list{/*height:78vh;background:#fff;*/margin-top: 45px}
/*.subscriber-screen .question-list .table>thead>tr>th{padding-top:0 !important;}*/
.subscriber-screen .question-list,.screen-user .question-list{height: calc(100vh - 130px);}
.question-list.bulk-list{height: 71vh}
.question-list.bulk-list .check{text-align: center;}
.question-list.bulk-list .check .check-btn input{left: 0;
    top: -3px;
    margin: 0;
    position: relative;}
.question-list.bulk-list .check .checkmark{left: 0;top:0;}
.question-list.bulk-list .check label.check-btn{height: 20px}

.view-online-package .question-list{/*height: 70vh;*/margin-top:0;}
.screen-question .ques-fil-table .box-content,.screen-viewtest .ques-fil-table .box-content{padding-top:0}
.screen-viewtest .map-test-button.right-btn,
.screen-map-question.map-que .map-test-button,.screen-viewtest .map-test-button,
 .view-que .map-test-button.edit-btn{position: fixed;top:162px !important;right: 11px !important}
.test-screen.screen-viewtest #tab_2 .box-title{margin: 0;height: inherit;padding:0}
.screen-viewtest .tab-pane .map-test-button, .screen-map-question.map-que .map-test-button{top:132px !important;}



.tot-marks-test{list-style: none;
    /* border: 1px solid #eee; */
    display: inline-block;
    padding: 0px 0 0px 0;
    background: #fafcfd;
    margin-right: 1px;
    border-radius: 30px;
    margin-bottom: 0;
    /* width: 185px; */
    /* color: #fff; */}
   .tot-marks-test a.non-edit.tag-mrk {font-weight: 600;
    background:#0093c1;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    width: 278px;
    /* text-align: center; */
    /* transition: all .3s; */
    border-radius: 0;
    padding: 8px 15px;
    color: #fff;
    position: relative;
    top: 1px;}
   .circle.red.sub {    width: 25px !important;
    height: 23px !important;
    background: #f7f5f5;
    /* float: right; */
    background: #fbfbfb;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    position: relative;
    margin: -28px 10px;
    /* border: 1px solid #f7f5f5; */
    border-width: 3px;
    display: inline-block;
    /* color: #f00; */
    text-align: center;margin-right: 0
    /* line-height: 0; */}
   .circle.red.sub span {color: #006cab}
   .question-body p{margin: 0}
   .skin-blue .main-header .navbar .sidebar-toggle, .navbar-nav > .user-menu span, .breadcrumb>li a{color: #929292}
   .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: #28303d;
}

.dropdown a i.fa.fa-angle-down,.dropdown a i.fa.fa-angle-up {
    color: #929292;
    margin-left: 5px !important;
    font-size: 18px;margin-right: 15px !important
}


/*.question-detail .box-content,.screen-viewtest .box-content{padding:25px 25px 15px 25px !important}*/
/*.screen-viewtest .box-content:first-child,*/.map-inner-tab-panel .box-content:first-child{margin-top:5px !important;}
.screen-map-question.map-que ul.nav-tabs li .circle.red{background:#25b6e2;margin:-25px 18px;line-height: 21px}
.screen-map-question.map-que ul.nav-tabs li .circle.red span {color: #fff;}
.screen-map-question.map-que .nav.nav-tabs li.active .circle.red span{color: #25b6e2}
.screen-map-question.map-que .box-content.list-tabs{margin-top:0 !important;padding:0}
.screen-map-question.map-que .sub-pills .box-content,.screen-map-question.map-que #tab_2.map-detail .box-content{padding-top: 0}
.screen-map-question.map-que #tab_2.map-detail .box-content{margin-top: 0 !important;}
/*.screen-map-question.map-que #tab_2.map-detail .sub-pills .box-content{padding:0}*/
.screen-map-question.map-que #tab_2.map-detail .sub-pills .box-content.map-qu-table{padding:0}
.screen-map-question.map-que #tab_2.map-detail .box-content.map-qu-table{padding:0}
/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 8px !important}*/
.edit-test .box-content{margin-top:0 !important;}
.view-que .map-test-button.edit-btn{top:135px !important;}
.map-inner-tab-panel #collapse-filter{margin-top: 0}

.tab-content.package #Enrolled_student_tab .buttons-top{top:74px;}
.tab-content.package #Enrolled_student_tab .buttons-top .n-plus span{top:0;right: 15px}
.left-limiter-login{position: fixed;left:0;top:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100vh;
    padding: 0 8vw;
    width: 62vw;}
   .left-limiter-login h1 {    color: #fff;
    font-size: 3.4vh;
    margin: 1vh 0;}
   /*    .left-limiter-login img{    width:16vw;
    height: 12vh;}*/
    .modal#questionModelPreview{background-color: transparent !important;}


   /* For profile page*/
.user-box{padding:25px 0 0 0}
   .user-pop-left{
    width:30%;
    float: left;
    background: url(../images/user-pic-bg.png) top left/cover no-repeat;
    height: 408px;
    width: 29.1%;
    display: table-cell;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);
    /* -webkit-border-radius: 10px; */
    -moz-border-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    }
   .user-pop-right{width: 66%;float: right;padding: 60px 35px 30px 0;/* margin: 0 -15px; */}
   .modal.useredit-modal .modal-dialog{width: 800px}
   .modal.useredit-modal .modal-body{padding:0 !important}
   .modal.useredit-modal .modal-header,.modal.useredit-modal .modal-footer{padding:0}
   .modal.useredit-modal .modal-title{padding: 0 15px 15px}
   .modal.useredit-modal label{font-weight: 500;font-size: 13px}
   .modal.useredit-modal input{font-size: 13px}
   .modal.useredit-modal .action-button{padding: 7px 20px !important;
    border-radius: 5px;
    outline: navajowhite;
    text-align: center;
    margin: 15px auto;
    display: block;}
    .modal.useredit-modal .modal-body p{text-align: left;}
    .modal.useredit-modal .modal-content{   /* -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.15)*/;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
    .modal-footer button.btn.btn-default.upload-default{color: #fff !important;
    background-color: #a09f9f !important;
    border: none !important;padding:7px 20px!important}
    .btn.btn-success.upload-result{padding:7px 20px!important}
    .modal-footer button.btn.btn-default.upload-default:hover{background-color: #c8bebe !important}

    .Statement-content,.hint-content{position: relative;padding-bottom:30px}
    .Statement-content .add-btn,.hint-content .add-btn{position: absolute;bottom: 10px;right:10px;top:auto;}
    p.pull-left{margin:0}
    .mob-nav{display: none;}


/*After code merge css change*/
.qb-res-top-btns ul li.bulk-upload span{border-radius: 5px;
padding: 7px 15px;background: none;border: 1px solid #25b6e2;
color: #25b6e2;}
.qb-res-top-btns ul li.bulk-upload span span {display: inline-block;
margin-right: 4px;padding: 0;color: #25b6e2;border: none;}
.content.bulk-upload-section{padding:25px 65px 0}
.bulk-upload-section .panel-default>.panel-heading{padding:0}
.bulk-upload-section .panel-default>.panel-heading a{    padding: 3px 10px;
display: inline-block;width: 100%;font-size: 16px;cursor: pointer;}
.bulk-upload-section .panel-default>.panel-heading a:hover{color: #333}
.bulk-upload-section ol {list-style: decimal inside;margin: 8px 15px;padding: 0;}
.bulk-upload-section ol li{margin-top:8px}
.bulk-upload-section .panel-group .panel{margin-top:25px !important}
.bulk-upload-section .panel-body,.panel-default>.panel-heading{padding: 30px;border-color: #f2f3f5}
.bulk-upload-section .panel-default>.panel-heading{background-color: #f2f3f5}
.bulk-upload-section .input-group{display: flex;}
.bulk-upload-section input[type=file]{flex: 1 1 auto;
padding: 5px;border: 1px solid #f00;}
.bulk-upload-section .btn{-webkit-appearance: none;
-moz-appearance: none;appearance: none;background: #fff;border: 1px solid #28303d;color: #28303d;cursor: pointer;display: inline-block;
outline: 0;padding: 8px;border-radius:0;
text-align: center;text-decoration: none;transition: all .2s ease;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: middle;
white-space: nowrap;width: auto;font-size:15px;border-left:none}
@page table tbody{margin-bottom: 8px;font-size: 16px;font-family:'Times new roman'}
@page table tbody tr td{margin-bottom: 8px}
/*tapageble tbody tr td:first-child{width:auto}*/
.export-print page,.export-print .box-content{border: none !important;}
.export-print .box-content{border: none !important;box-shadow: none; margin: 0;padding-top:0;}
.portlet-body.form{margin: 0 auto;border: 3px solid #000;padding: 5px}
/*.table{padding: 0}*/
td.logo{text-align: left;border-top: none !important}
td.heading{text-align: center;border-top: none}
td.heading h2{font-size: 25px;margin:0 0 7px;font-weight: bold;}
td.heading p{/*height: 100%;color: white;border: none;text-align: center;background: #000;*/display: inline-block}
td.heading span{    background: #000;
    color: #fff;
    border: 1px solid #000;
    padding: 2px 10px;
    border-radius: 3px !important;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;}
td.stamp{text-align: right;border-top:none}
.form-group.print-input{margin:15px 0 0 0}
.outer-tab{background: #fff;margin:5px 0 25px 0;box-shadow:0 0 8px #c3cfd4;padding: 0 0 30px 0}
.inner-tab{width: 800px;margin:0 auto;padding-top: 25px}
/*.print-input input{margin-top:5px;border:5px solid #f00;}*/
.question-body,.question-body table tbody,td.heading h2{font-family:'Times new roman';}
td.heading h2{text-transform: uppercase;}
/*@page {margin-top:0;margin-bottom: 0;}
@page:first {margin-top:-80px;margin-bottom:0;}*/
/*table {page-break-inside:avoid}*/
.print-img{max-width: 100%}
.Physics,.Chemistry,.Mathematics{page-break-after:always}
@page td,@page th{font-family:'Times new roman'}
.question-body img{max-width: 150px;height: auto;}


.export-print page{padding-top: 35px} 
button{outline: none;}
.table>tbody>tr>td>p{margin:0;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.btn-group.bootstrap-select .btn,.bootstrap-select .btn-btn-default,.bootstrap-select > .dropdown-toggle{color:#444;padding: 6px 30px 6px 12px!important;border-radius: 0px;background:transparent !important;border:1px solid #ddd;text-transform: inherit;}
.bootstrap-select .dropdown-toggle:focus{outline: 0px;outline-offset: 0px;}
.btn-group.bootstrap-select .btn-default:hover, .btn-group.bootstrap-select .btn-default:active, .btn-group.bootstrap-select .btn-default.hover{background-color: transparent;}
.bootstrap-select > .dropdown-toggle{border: 1px solid #ddd;background: #fff !important;color: #000}
.form-control{color:#000;font-size:13px;height: 30px;border-radius:3px}
.bootstrap-select .dropdown-menu{width: 100% !important; min-width: inherit !important;padding: 0;border-radius: 0}
.bootstrap-select .dropdown-menu li a{white-space:unset}
.bootstrap-select .dropdown-menu li a{white-space:unset}
.bootstrap-select > .dropdown-toggle{color: #444}
.disabled {cursor:not-allowed;opacity: 0.7;pointer-events:none}
.validation-error{color: #fd0202;margin-top: 4px;display: block}
.wrs_editor td{width: auto !important}

.online-preview .answer-options ul li{position: relative;padding: 7px 10px 7px !important;border: 2px solid #ddd !important;margin-right: 0} 
.online-preview .answer-options ul li.selected{box-shadow: none !important;border: 1px solid #3ab395 !important;} 
.online-preview .answer-options ul li .opt{vertical-align: top; height: 25px;display: inline-block;top: 0;border: 1px solid #24b6e0; width: 25px;text-align: center;color: #fff;margin-right: 10px; cursor: pointer;line-height: 25px;border-radius: 50%;background: #24b6e0; font-size: 14px;font-weight: 600;    position: absolute;
left: 7px;top: 7px;} 
.online-preview .answer-options ul li .opt em{vertical-align: middle; display: block; position: relative; top: 12px; transform: translateY(-50%); font-style: normal;} 
.online-preview .answer-options ul li .optText{position: relative; top: 0; font-size: 16.5px; font-family: 'Alegreya';line-height: 25px; padding: 0 30px;
width: 100%;
display: inline-block;} 
.online-preview .answer-options ul li .correct{top: 5px !important} 
.online-preview .que-no{border-bottom: 0;display: inline-block;margin-bottom: 0;margin-top: 0;color: #24b5e1;font-size: 18px;font-weight: 500 !important;} 
.online-preview .que-display{/*float: none; width: 70%;*/ padding-right: 0;  border: 1px solid #f00;  background: #fff; margin: 0 auto 12px; padding: 10px; box-shadow: 0 0 5px #ccc;} 
.online-preview .que-box {position: relative;}
.online-preview .question{padding: 0 !important;position: relative; overflow: hidden;margin-top: 0;} .online-preview .que-text{padding: 10px 5px;border: 0;display: inline-block;width: 100%; font-size: 16.5px;margin-top: 0;margin-left: 0px;color: #000;background: #fff !important; border-radius: 4px;font-family: 'Alegreya';margin-bottom: 0;line-height: 25px} 
.online-preview .que-box .question .question-wrap .que-text span div {text-align: left; padding: 0;} .online-preview .answer-options{/*width: 70%;*/margin: 5px auto 0;} 
.online-preview .answer-options ul{border: 0 none;border-radius: 7px;margin: 0;padding: 0;} .online-preview .box-content{width: 72%;padding: 15px;margin: 0 auto;}

.loader{background:#333 url('../images/loading.svg') no-repeat center center;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;opacity:0.7;}
.searchLoader{    background: #fff url(../images/search.gif) no-repeat center center;
    width: 300px;
    height: 245px;
    /* position: fixed; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background-size: 100%;
    margin: 0 auto;}

  .table tr th{
     background: #fff;
    color: #fff;
    text-align: left;
    vertical-align: center;
    font-weight: 500;
    padding: 15px 8px !important;
}

.fixedScroll > div.mce-tinymce { }
  .fixedScroll >  div.mce-tinymce > div { display: table; height: 100%; width: 100%; }
  .fixedScroll >  div.mce-tinymce > div > div { display: table-row; }
   .fixedScroll > div.mce-tinymce > div > div:nth-of-type(1) > div { display: table-cell; border: 1px solid #D5D5D5; background: #f0f0f0; }
  .fixedScroll >  div.mce-tinymce > div > div:nth-of-type(2) { height: 100%; border: none; }
  .fixedScroll >  div.mce-tinymce > div > div:nth-of-type(2) iframe { display: table-cell; width: 100% !important; height: 100% !important; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; box-sizing: border-box; }
  .fixedScroll >  div.mce-tinymce > div > div:nth-of-type(3) > div:nth-of-type(1) { display: table-cell; border: 1px solid #D5D5D5; background: #f0f0f0; }
   
  .view-detail-popup {    border: 1px solid #dad9d9;
    padding: 0 15px 15px;margin-bottom: 15px}
  .view-detail-popup h3  {    margin: 0 -15px 10px -15px;
    text-align: center;
    border-bottom: 1px solid #f7eeee;
    padding: 10px 0;
    background: #dad9d9;font-size:15px}
    .view-detail-popup .btn.btn-primary {    margin: 0 auto;
    display: block;}
    #mtqb-viewSampleInstruction-modal .modal-body{    overflow-x: scroll;
    height: 523px;
    padding: 20px 30px 30px;}
    .map-test-button.right-btn.sample-instruction {
    top: 10px !important;
    right: 17px;
}

.screen-online-package .buttons-table.text-right.map-test-button.right-btn{z-index: 99;top: -52px;}
.screen-online-package .box-content{margin-top:10px !important;padding:0;box-shadow: none;background:none;border:none;}
.projects a {
    color: #222;
}
.project-box { background: #fff; padding: 0;/* border-top: 2px solid transparent; */box-shadow:0 2px 12px rgba(0, 0, 0, 0.2);position: relative;margin-bottom: 25px;cursor: pointer;border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;border-radius:8px}
.project-head{    margin: 0 0 5px;     border-top-left-radius: 8px;
border-top-right-radius: 8px;   
padding-right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
padding:15px;
margin: 0;
background:#333b4e;
/*border-top-left-radius: 6px;
border-top-right-radius: 6px;*/
color: #fff;}
.project-inner{padding: 12px 15px;
font-size: 14px;
margin: 0 0 10px;
background: #f7f7f7;
font-weight: bold;}
.project-head h3 {text-transform:capitalize;font-size: 19px;margin:0;font-family: Montserrat;color: #25b6e2;font-weight: 600
}
.project-head h3{    white-space: nowrap;
    width: 73%;
    overflow: hidden;
    text-overflow: ellipsis;}
.project-box strong{font-weight: 600}
.project-box:hover {/* border-top: 2px solid #81c669 */}

.project-box .status {
    position: absolute;
    top: 16px;
    right: 15px;
   /* background:#00cd4c;*/color: #fff !important;border-radius: 18px;padding:0;font-weight: 500;
}

.project-box .status img {
margin: -5px 2px 0;
display: inline-block}

.project-box.active .status {
color: #00cd4c;font-size:13px}

.project-box.deactive .status {
color: #ff553c}
.project-box .role {
    font-size: 13px;margin: 5px 0 0 0;font-weight: 600
}.projects a {
    color: #222;
}
/*.project-head {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}*/


.list-tabs .nav-item a{cursor: pointer;}
.nav-pills > li.Physics.active > a{border-color: #efa103;background: #efa103;}
.list-tabs .nav.nav-pills li.Physics.active a .circle.red.sub span{color:#efa103;top:0;}

.nav-pills > li.Chemistry.active > a{ border-color: #e65d77;background: #e65d77;}
.list-tabs .nav.nav-pills li.Chemistry.active a .circle.red.sub span{color:#e65d77}

.nav-pills > li.Biology.active > a{ border-color: #21b306;background: #21b306;}
.list-tabs .nav.nav-pills li.Biology.active a .circle.red.sub span{color:#21b306}

.nav-pills > li.Mathematics.active > a{ border-color: #11cdac;background: #11cdac;}
.list-tabs .nav.nav-pills li.Mathematics.active a .circle.red.sub span{color:#11cdac}

.menu-status{    overflow-y: hidden;
    margin: 0 15px 10px;}
.menu-status li.plan {
    color:#ffb933
}
.menu-status ul{padding:0;margin:0}
.menu-status li {
    display: block;
    font-weight: 600;
    margin:8px 0 10px 0;
    line-height: 21px;font-size: 13px
}
.menu-status li span {
    display: inline-block;
    height: 23px;
    text-align: center;
    margin: 0 3px;
    padding: 0 5px;
    line-height: 23px;
    min-width: 25px;
}
.menu-status li.plan span {
    color: #fff;
    background:#ffb933;
}.menu-status li span{    float: right;
    border-radius: 13px;
    font-size: 14px;
    min-width: 45px;}

.box-mix .bottom-btn.buttons{text-align: center;margin:15px 0 0; padding:0;}
.box-mix .box-content{min-height:255px}
.screen-edit-question .map-test-button.right-btn.eye{top: -4px !important}

.menu-status li.rfi {
color: #20cd98}

.menu-status li.rfi span {
color: #fff;
background: #20cd98}

.menu-status li.asi {
color:#fd4464}

.menu-status li.asi span {
color: #fff;
background: #fd4464}


.valid-status{    border-top: 1px solid #ccc;
    margin: 0 0 10px;
    padding:15px 0;font-size: 14px}
.screen-online-package .question-list{padding:0}

.instruction-details {    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 8px 15px;font-family: 'Times New Roman'}
.instruction-details ol    {    padding: 0 15px;
    margin: 0;}
.instruction-details li{padding: 2px 0;
    font-size: 14px;}

    .question-body p{margin: 0}


    .main-header .navbar{min-height: 55px}
    .main-sidebar{padding-top: 0;background:#333b4e !important;}
    .select2.select2-container{
        width: 100% !important;
    }

    .breadcrumb>li+li:before {
    content: "|\00a0";padding: 0 0 0 5px}
    .new-btn-top{      vertical-align: top;
    position: relative;
    top: -6px;
    background: none;
    color: #333c4e;
    font-weight: 600;
    font-size: 14px !important;}
    .new-btn-top:focus,.new-btn-top:hover, .new-btn-top:active, .new-btn-top:hover{border:none;outline: none;}
    .new-btn-top:hover{background: none !important;color: #25b6e2}
    .n-plus span{cursor:pointer;padding:6px;
    background: #25b6e2;
    border-radius: 50px;
    /* vertical-align: middle; */
    /* vertical-align: top; */
    position: relative;
    top: -14px;
    /* background: none; */
    color: #fff;
    /* font-weight: normal; */
    font-size: 15px !important;}

  /*  .content.screen-online-package{padding-top:52px}*/
    .project-box .status.active span,.project-box .status.inactive span{background: #00cd4c;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 7px;
    margin: -1px 0 -1px 7px;font-weight: normal;}
    .project-box .status.inactive span{background:#fe3231;}

    .content.screen-online-package .projects{padding:0}

    /*.content{padding-top: 52px}*/
    section.content.test.screen-test.results-report.screen-online-package.ng-scope{padding-top: 25px}
    .content{padding-top: 10px}
    .content.view-student,.content.view-user.screen-view-user{padding-top:57px}
    .content.view-student,.view-v-lesson{padding-bottom:30px}
.comming-soon{text-align: center;padding-top:100px;font-size:24px;color:#ccc}
.call-projec10{text-align:center;padding-top:150px}
.call-projec10 img{opacity:0.2}
.content-header.user-header,.content-header.addnque-header,.content-header.editnque-header,
.content-header.view-v-lesson-header,.content-header.testreport-header,.content-header.learn-header,
.content-header.subscriber-header,.content-header.online-m-detail,.content-header.bulkUploadFlag,.content-header.edit-create-test-que{width:100%;background:#fff;z-index:9}
.content.view-test.test-screen.screen-viewtest{padding-top:32px}
.content.screen-online-package .nav-tabs>li>a,.content.screen-online-package .nav-tabs>li.active>a,.content.screen-online-package .nav-tabs>li.active>a:focus,.content.screen-online-package .nav-tabs>li.active>a:hover,
.nav-tabs-custom > .nav-tabs>li>a,.nav-tabs-custom > .nav-tabs>li.active>a,.nav-tabs-custom > .nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,
.nav-tabs-custom > .nav-tabs>li>a,.nav-tabs-custom > .nav-tabs>li:hover>a
 {
    color: #555 !important;
    background-color: #fff !important;
    border-bottom: 1px solid #0885ab !important;
    /* border-bottom-color: transparent !important; */
    border-radius: 0 !important;
   /* min-width: 100px !important;*/
    text-align: center !important;
    color: #0885ab !important;
    font-weight: 500 !important;
    padding: 5px 2px !important;
    font-size:15px
}
.content.screen-online-package .nav-tabs,.nav-tabs-custom > .nav-tabs {
    position: fixed;
    z-index: 9;
    background: #fff;
    width: 100%;
    padding: 8px 0 15px 10px;
    margin:0 -10px !important;
    border: none;
    top:56px;
}

button{outline: none;}
.screen-online-package .tab-content{padding-top: 45px}
.bulkUploadFlag-view.content{padding-top:30px}
.view-online-package .tab-content,.view-offline-package .tab-content,.screen-viewtest .tab-content{padding-top: 50px}
.view-online-package .map-inner-tab-panel .tab-content.offline-fil{padding-top:25px}
    .content.screen-online-package .nav-tabs>li>a,.nav-tabs-custom > .nav-tabs>li>a{    background: #fff !important;
    border-color: #fff !important;
    color: #333c4e !important;
   /* margin: 0 10px 0 0 !important;*/
    cursor: pointer !important;}

    .nav-tabs-custom{background:none !important;}
    .box-content{margin-top: 25px !important}

    .nav-tabs-custom > .nav-tabs>li>a,.nav-tabs-custom > .nav-tabs>li:hover a,
    .view-online-package .nav-tabs-custom > .nav-tabs>li>a,
     .nav-tabs-custom > .nav-tabs>li.active>a{min-width: auto !important}

    /*.screen-viewtest .nav-tabs-custom > .nav-tabs>li>a{min-width: 120px !important}*/

    .subscriber-screen .box-title,.screen-test .box-title,.screen-question .box-title,.screen-user .box-title,.view-user .box-title,.view-student .box-title{height: 40px;padding:13px 0 0;margin-bottom: 5px}.view-user .box-title,.view-student .box-title
    .view-user .box-content .box-title,.view-student .box-content .box-title{padding:0}
    .screen-question #collapse-filter .box-content,.screen-test #collapse-filter .box-content,.screen-viewtest #collapse-filter .box-content {margin-top:0 !important;}
    .screen-map-question.map-que .box-content{margin-top:18px !important;padding: 25px 25px 15px 25px}
    .screen-viewtest #collapse-filter{margin-top: 25px}
    .screen-viewtest #tab_2 #collapse-filter{margin-top:5px}
    .screen-viewtest #tab_3 .box-content{margin-top:0;padding-top: 0 !important}

    .view-test.test-screen.screen-viewtest .nav-tabs-custom > .tab-content{padding-top: 5px}
    .screen-map-question.map-que .nav-tabs-custom > .nav-tabs>li.active>a,.screen-map-question.map-que .nav-tabs-custom > .nav-tabs>li>a{min-width: 250px !important}
.no-record{    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 8px #c3cfd4;padding: 25px 25px 15px 25px !important}
    .no-record h3,.no-data-record{padding: 100px 0;
    text-align: center;
    color: #656567;
    font-size: 17px;
    font-weight: 600;}
    .no-data-img{    margin: 0 auto;
    display: block;}
    .no-data-record-div{padding: 150px 0 0 0}
    .no-data-record{padding: 0;margin:5px 0;}
   .no-data-record-div p {margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: 600;
    color: #9a9a9a;}


.export-print .form-actions.text-center{    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    left: 0;
    margin: 0;
    padding: 15px 0 15px 200px;border-top: 1px solid #e0e7f7;}
/*    {width: 50px;
    height: 23px;
    float: left;
    padding: 5px;
    border: 1px solid #333b4e;
    padding: 2px 5px;
    border-radius: 100px;
    color: #333b4e;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;}*/
    .table tr th,.table tr td {padding: 15px 8px !important;}
    .table>tbody>tr>td{color: #333b4e;font-weight: 500;background: #fff}
    /*.tooltip.in{z-index: 999999}*/
    .tooltip.in{font-family:Montserrat }
    .box-title.box-category .map-test-button.right-btn,
    .map-test-button.right-btn.view-pack-map,
    .map-test-button.right-btn.view-published-map{    position: fixed;
    top: 135px;
    right: 22px;}
    .box-title.box-category .map-test-button.right-btn{top:125px;}

    .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a{padding:0;cursor:pointer;background: #fbfbfb;
    padding-left: 10px;
    border-radius: 5px;
    margin-bottom: 5px;}
    .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span{padding: 8px;
    margin: 0;}
     .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span.ti-filter:before {font-size:12px;content: "\e6a2";
    color: #fff;}
    .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span.ti-filter{padding: 8px 9px}
/*.box-title.box-category .map-test-button.right-btn .navbar-nav>li>a:hover{background:none }*/
.box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span.hidden-xs{padding-left: 0}
.box-title.box-category .nav .open>a,
.box-title.box-category .nav .open>a:focus,
.box-title.box-category .nav .open>a:hover{background-color:#f2f7fd}
.box-title.box-category .navbar-nav > .user-menu > .dropdown-menu,
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile,
.create-auto-test .navbar-nav > .user-menu > .dropdown-menu
{width: 180px;border-radius: 6px;border:none;}
.create-auto-test .navbar-nav > .user-menu > .dropdown-menu li,.box-title.box-category .dropdown-menu>li,.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li{border-bottom:1px solid #eaeaea;width: 100%}
.box-title.box-category .dropdown-menu>li>a,
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li>a,.create-auto-test .navbar-nav > .user-menu > .dropdown-menu li a{    background-color: #fff;
    padding: 8px 10px !important;
    text-align: left;
    color: #333;
    text-transform: capitalize;
    font-weight: 500;}
    .box-title.box-category .dropdown-menu>li>a:hover,
    .box-title.box-category .dropdown-menu>li>a.active,
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li>a:hover,
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li>a.active,
    .create-auto-test .navbar-nav > .user-menu > .dropdown-menu li a:hover,
    .create-auto-test .navbar-nav > .user-menu > .dropdown-menu li a.active{background-color: #25b6e2 !important;color: #fff}
.box-title.box-category ul.dropdown-menu{right: 0;left:auto;width: auto !important;max-height:250px;overflow: auto;}
.box-category .dropdown.user.user-menu{width: 200px !important}
.map-test-button.view-pack-map div{display: inline-block;}
.map-test-button.view-pack-map button span,.map-test-button.right-btn.view-published-map span{margin:0;}
.map-test-button.view-pack-map button,.map-test-button.right-btn.view-published-map button,.view-online-package .map-test-button.view-pack-map button{padding: 0;margin: 0 3px;}
.view-online-package .map-test-button.view-pack-map .n-plus span{top:1px;margin-left: 5px}
    .table-striped>tbody>tr:nth-of-type(odd),.table-hover>tbody>tr:hover{background-color: initial;}
    .ti-eye{font-size: 18px}
    .ti-pencil-alt{font-size: 14px}
    .ti-trash{font-size: 16px}
    .ti-announcement{font-size: 15px}
    .action-buttons button:hover{color:#03a1d4 !important}


    .map-inner-tab-panel{background:#fff;}

    .map-inner-tab-panel ul.nav-tabs{      background: #fff !important;
    /* margin-top: 20px !important; */
    width: 80% !important;
    padding: 0 0 15px !important;
    margin-left: 0 !important;}
    .view-learn-course .map-inner-tab-panel ul.nav-tabs,
    .view-practice-package .map-inner-tab-panel ul.nav-tabs,
    .view-test-series .map-inner-tab-panel ul.nav-tabs,
    .screen-viewtest .map-inner-tab-panel ul.nav-tabs{top:107px;}
    .view-learn-course .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a,
    .view-practice-package .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a,
    .view-test-series .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a,
    .screen-viewtest .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a{display: inline-block;}
   /* #PublishTest .map-inner-tab-panel ul.nav-tabs{margin-top: 0 !important;z-index: 1;position: relative;width: 100% !important}*/
    #PublishTest .map-inner-tab-panel ul.nav-tabs.subjects{margin-top:0 !important;box-shadow: none;
    border: none;
    border-top: 1px solid #f3f3f3;
    padding: 15px 0 !important;
   /* border-bottom: 1px solid #f3f3f3;*/
    width: 100% !important;z-index: 9}
    /*#PublishTest .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li{border-right:1px solid #ccc !important}
    #PublishTest .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:last-child{border-right: none !important}*/
    .view-offline-package .map-inner-tab-panel ul.nav-tabs{top:107px;}
    .map-inner-tab-panel .circle.red{     background: #25b6e2;
    border-radius: 100px;
    padding: 3px 9px;
    color: #fff;
    position: relative;
    display: inline-block;
    top: 3px;}
    .view-online-package .map-inner-tab-panel .tab-content,.view-offline-package .map-inner-tab-panel .tab-content,.screen-viewtest .map-inner-tab-panel .tab-content{padding-top:44px;background: #fff}
  /*  .view-online-package #PublishTest .map-inner-tab-panel .tab-content{padding-top: 0}*/
    /*.map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li,.map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li.active{margin-right: 0}*/
    .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a,
    .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a:hover,
    .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li.active>a{    background-color: #fff !important;
    /*border: none !important;
    color: #25b6e2 !important;*/
    text-transform: capitalize !important;
    /*padding: 0 10px !important;*/
    min-width: initial !important;
    border-radius: 0 !important;
   /* margin-right: 0 !important;*/}
    /*.map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a{color:#333c4e !important}*/

   /* .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:first-child{border-right: 1px solid #ccc !important;}*/
    /*.map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:last-child{float: right;}*/
    .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:last-child{padding-right: 30px}
    /*.map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:last-child a{background:#f00;padding:0 !important}
    .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:last-child a i{    padding:8px;
    background: #25b6e2;
    border-radius: 100px;
    color: #fff}*/
    .tab-content.offline-fil .map-test-button.right-btn.view-pack-map{top: 195px !important;
    right: 65px !important}
    .tab-content.offline-fil .map-test-button.right-btn.view-pack-map.view-close{right:25px !important;top:195px !important;}
    .map-test-button button span.ti-pencil-alt{    padding: 7.6px 8px;
    top: -1px;
    position: relative;}
    #tab_2 .question-detail .box-content{margin-top: 5px !important}
    .box-body{padding:0}

    .view-test.test-screen.screen-viewtest.online-map-test-detail .nav-tabs-custom > .tab-content{padding-top: 20px}
    .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){line-height: initial;}
    .map-test-status .selectpicker{margin-top:0}
.qb-res-top-btns ul li .map-test-status span {
     padding: 0; 
     background: none; 
     border-radius: 0; font-size: 13px
}
.qb-res-top-btns ul li.course-cat-status.view-align {
    position: relative;
    top: 6px;vertical-align: top
}
.qb-res-top-btns .open>.dropdown-menu{width: 210px}
.qb-res-top-btns .open>.dropdown-menu ul li{width:100%;margin:0;}
.view-que .qb-res-top-btns{    position: fixed;
    top: 71px;
    right: 350px;
    z-index: 999}
.view-que .box-content:first-child{margin-top:5px !important;}
    * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;}
 /* --locked-color: #5fadbf;
  --unlocked-color: #ff5153;*/

.outer-lock {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
/* :::::::::::::: Required CSS */
/* Locked */
.lock {
  width: 24px;
  height: 21px;
  border: 3px solid #5fadbf;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.lock:after {
  content: "";
  display: block;
  background: #5fadbf;
  width: 3px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3.5px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.lock:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  bottom: 100%;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  border: 3px solid #5fadbf;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
/* Locked Hover */
.lock:hover:before {
  height: 12px;
}
/* Unlocked */
.unlocked {
  transform: rotate(10deg);
}
.unlocked:before {
  bottom: 130%;
  left: 31%;
  margin-left: -11.5px;
  transform: rotate(-45deg);
}
.unlocked,
.unlocked:before {
  border-color: #ff5153;
}
.unlocked:after {
  background: /*var(--unlocked-color)*/ #ff5153;
}
/* Unlocked Hover */
.unlocked:hover {
  transform: rotate(3deg);
}
.unlocked:hover:before {
  height: 10px;
  left: 40%;
  bottom: 124%;
  transform: rotate(-30deg);
}





.toggle {
  background-color: #ddddde;
  border-radius: 60px;
  box-shadow: 0 1px 1px 0 rgba(255,255,255,.4), 0 1px 0 0 rgba(0,0,0,0.10) inset;
  cursor: pointer;
  width: 58px;
  height: 25px;
  overflow: hidden;
  position: relative;
  top:1px;
  left:0;
  transition: all .25s linear;margin:0 auto
}
.toggle .slide {
  color: #818283;
  color: rgba(0,0,0,.15);
  background: #efefef;
  border-radius: 50%;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
  height: 23px;
  width: 23px;
  position: absolute;
  top: 1px;
  left: 1px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15), 0 1px 1px 0 rgba(255,255,255,.8) inset;
  transition: all 0.3s cubic-bezier(0.43, 1.3, 0.86, 1);
}
.toggle .slide span{
    text-shadow: 0 1px 1px rgba(255,255,255,.7), 0 0 1px rgba(0,0,0,.3);
    top: 2px;
    position: relative;
}
.toggle .slide:before, 
.toggle .slide:after {
  color: #FFF;
  content: "\f023";
  font-family: fontAwesome;
  font-size: 18px;
  font-weight: 400;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 3px;
}
.toggle .slide:before {
  right: -23px;
  color: #2a2b2c;
  opacity: 0.2;
}
.toggle .slide:after {
  content: "\f09c";
  left: -23px;
  color: #0e945c;
}
.toggle.on {
  background: #17db89;
}
.toggle.on .slide {
  left: 34px;
  color:#17db89;
}

.live span,.upcomming span,.expired span,.Live span,.Upcoming span,.Expired span{padding: 2px 15px;
    color: #fff;
    display: block;
    min-width: 90px;
    font-size: 12px;}
.live span , .Live span{background:#17db89;}
.upcomming span, .Upcoming span{background:#ffb933;}
.expired span , .Expired span{background:#f33c3e;}




#PublishTest .action-buttons .btn-toggle.btn-lg, #tab_3 .action-buttons .btn-toggle.btn-lg {
    width: 4rem;}
   #PublishTest .btn-toggle.btn-lg:before ,#tab_3 .btn-toggle.btn-lg:before {
     content: 'Unpublished';
     left: auto;
     right: -62px;
     color: #333b4e;
     font-weight: bold;font-size: 11px
}
#tab_3 .action-buttons .btn-toggle.btn-lg.active > .handle ,#PublishTest .action-buttons .btn-toggle.btn-lg.active > .handle{
    left: 2.2rem;
}
#tab_3 .action-buttons .btn-toggle.btn-lg.active:before ,#PublishTest .action-buttons .btn-toggle.btn-lg.active:before{
    opacity: 1;
    content: 'published';
    right: -65px;
    color: rgb(51, 59, 78);
    font-weight: bold;font-size: 11px
}
.view-online-package #tab_3 .action-buttons{text-align:left;}
.view-online-package #tab_3 .btn-toggle.active{background-color: #17db89}

dir-pagination-controls {
    width: 100%;
    display: inline-block;
    text-align: right;
    border-top: 1px solid #f3f3f3;
    padding-top: 15px;
    padding-right: 10px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #25b6e2;
    border-color: #25b6e2;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #25b6e2;
    border-color: #25b6e2;
}
.pagination>li>a, .pagination>li>span,.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{  background-color: #fff;
    border-color: #fff;
}
.pagination>li>a, .pagination>li>span{padding: 6px 9px;border-radius: 3px;margin:0 1px}
.action-buttons button{vertical-align:middle;margin-left:2px !important;margin-right:2px !important}
.edit-add-btn .n-plus{position: relative;top:30px;width: 100px}
.edit-add-btn button{font-size: 14px;
    background: none;
    border: 0;
    border-radius: 4px;
    color: #333c4e;
    font-weight: 600;display: inline-block;    top: -3px;
    position: relative;}
   .edit-add-btn button i {    margin-right: 9px;
    background: #25b6e2;
    padding: 5px;
    border-radius: 20px;
    color: #fff;}
    .edit-add-btn button i.ti-trash{background:#f00}
    .edit-add-btn button i.ti-plus{font-size:16px}

    .view-test.test-screen.screen-viewtest #tab_2 .nav-tabs-custom > .tab-content{padding-top: 50px !important}
    .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-gray{margin-top:0;}
   .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content {      box-shadow: none;
    border: none;
    border-top: 1px solid #f3f3f3;
    padding: 7px 0 0 !important;
/*    border-bottom: 1px solid #f3f3f3;*/}
       .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a{
    /*min-width: 150px;*/
    position: relative;
 /*   padding-right: 55px;*/font-weight: 500 }
      .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a .circle.red{top:-1px;right:0;margin:0 0 0 5px;padding:0;}
       .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a .circle.red span{color: #333b4e !important}
       .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a .circle.red{background:#e8dfdf;}
       .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li.active > a .circle.red{background:#fff;}

.view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box{margin-bottom: 0}



/*CSS FOR NEW FILTER*/
#collapse-filter{position: fixed;width: 600px;right:-600px;z-index: 99999;height: 100vh;top: 0;margin-top: 0;box-shadow: 0 0 8px #c3cfd4;
background: #fff;box-shadow: 2px 5px 15px rgba(0,0,0,0.21);-moz-box-shadow: 2px 5px 15px rgba(0,0,0,0.21);
-webkit-box-shadow: 2px 5px 15px rgba(0,0,0,0.21); transition: all .3s;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: initial;
    transition-delay: initial;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;overflow:hidden;margin-top:0 !important;}
#collapse-filter .box-content,#tab_2 #collapse-filter .box-content{padding:0 !important;box-shadow: none;margin-top: 0 !important;border-bottom: none !important;border:none !important;}
.backdrop-filter{z-index: 9999;opacity: 0.9;background: rgb(255, 255, 255);height: 250%;left: 0;margin: -100px 0 0 -100px;
position: fixed;top: 0;width: 150%;z-index: 20001;display:none}
#collapse-filter .box-content .box-footer,.box-top{position: absolute;bottom: 0;width: 100%;left: 0;margin: 0;padding: 20px;}
#collapse-filter .box-top{top: 0;bottom: auto;border: none;border-bottom-left-radius: 0;border-bottom-right-radius: 0;
border-top-right-radius: 3px;border-top-left-radius: 3px;border-bottom: 1px solid #f4f4f4;}
#collapse-filter .box-top h2{margin: 0;font-size: 17px;color: #25b6e2;}
#collapse-filter .box-footer .btn.btn-sky,#collapse-filter .box-footer .btn.btn-primary,#collapse-filter .box-footer .btn.btn-default,#collapse-filter .box-footer .btn.btn-success{border-radius:4px}
.search-btn,.reset-btn {padding: 5px 25px !important;color: #fff;text-transform: uppercase;font-size: 13px;min-width: 100px;font-weight: 500;margin-right:10px}
.search-btn:focus{color: #fff}
.reset-btn{background-color: #eee !important;color: #333C4E}
.search-btn{background-color: #25b6e2 !important}
#collapse-filter .box-body{margin: 0;padding: 80px 20px;}
#collapse-filter .box-top .map-test-button.right-btn.view-pack-map,#tab_2 .package-detail .box-top .map-test-button{top:20px !important;right: 15px !important}
body.slide-filter #collapse-filter{right:0;} 
#collapse-filter .box-top .map-test-button.view-pack-map button{    font-size: 12px;}
#ti-close{display: none;}
body.slide-filter #ti-close{display: block;}
.content-header .pull-right{height: 25px;display: inline-block;}
.subscriber-screen .n-plus span{top:8px;margin:0 6px;}
.concept-listing li{display: inline-block;margin-right: 5px !important}
.box-category .dropdown.user.user-menu,.create-auto-test .dropdown.user.user-menu{width:170px}
.box-category .dropdown a i.fa.fa-angle-down {
    float: right;
    margin-top: 9px;
}
.active-status{padding: 2px 15px;
    color: #fff;
    display: block;
    min-width: 90px;
    font-size: 12px;background: #17db89;border:none;cursor: initial;}
    .view-student .box-content.first,
    .view-user .box-content.first{margin-top: 0 !important}




.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
  /*  z-order: 0;*/
    height: 3px

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.auto-test{padding-top:70px}
.stepwizard .btn-circle{
    min-width: auto;
    width: 22px;
    height: 22px;
    text-align: center;
    padding: 6px 0 !important;
    font-size: 12px;
    line-height: 1.428571;
    border-radius: 15px;
    top: 3px;
    position: relative;
        background: #f2f7fd;
    border: 4px solid #25b6e2 !important;margin:0 auto;display: block;
    }
   .stepwizard .nav-tabs>li.active>a,.stepwizard .nav-tabs>li.active>a:focus,.stepwizard .nav-tabs>li.active>a:hover,
   .stepwizard .nav > li > a:hover,.stepwizard .nav > li > a:active,.stepwizard .nav > li > a:focus {
    color: rgb(255, 255, 255);
    /* background: none !important; */
    background: #333b4e !important;
    padding: 6px 0 !important;
    border: 4px solid #25b6e2 !important; width: 22px;
    height: 22px;cursor: pointer;min-width: initial !important;cursor: pointer !important;border-radius: 15px !important
}
.stepwizard .nav-tabs>li{width: 24.7%;float: none;display: inline-block;text-align:center;}
.stepwizard .nav-tabs>li p{font-weight: 600;color: #333;margin:15px 0;}

.auto-test .btn-primary{background-color: #25b6e2;border-radius:5px;font-weight: 600}
.auto-test .btn-primary.btnPrevious{background-color: #cecaca;margin-right: 5px}
.auto-test .btn-primary.btnPrevious:hover {background: #b3acac;}
.auto-test .btn-primary:hover{background-color: #204d74;
    border-color: #122b40;}

.create-auto-test .navbar-nav > .user-menu > .dropdown-menu{left:auto;right: 0;top:50px;}
.create-auto-test .navbar-nav > .user-menu span{margin:0;padding:0;font-weight: normal;}
.create-auto-test .navbar-nav > .user-menu span:hover{color:#fff !important;}
.create-auto-test .navbar-nav > .user-menu span.ti-plus{padding: 6.5px;color: #fff !important;top: 0;}
.create-auto-test .navbar-nav>li>a{padding:0}
.content-header .create-auto-test .pull-right{height:auto;}
.create-auto-test .navbar-nav > .user-menu > .dropdown-menu li:hover span,.create-auto-test .navbar-nav > .user-menu > .dropdown-menu li:hover{color:#fff !important}
/*.create-auto-test .dropdown.open:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 8px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f00;
}
*/
.create-auto-test .dropdown.open:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 40px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.auto-test-plus .col-md-1.edit-add-btn{padding:0;text-align: center;}
.auto-test-plus .edit-add-btn button i.ti-plus {
    background: #3bb72c;}

.auto-test-plus .nya-bs-select.btn-group .dropdown-menu.inner{max-height: 250px;overflow-x: scroll;}
body.skin-blue.sidebar-mini.show-table.login-body{/*background-image: url("../images/login-screen.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/background: #F8F9FA;}

    .create-auto-test{/*top: -5px !important;
    position: relative;
    float: right;
    right: 0 !important;
    width: auto;*/    top: 11px !important;
    position: absolute;
    float: right;
    right: 57px !important;
    width: auto;}

    .box-category .dropdown.user.user-menu, .create-auto-test .dropdown.user.user-menu{max-width: 170px;width: auto;}
    .create-auto-test .dropdown.open:after{z-index: 9}
    /*.sidebar-menu{margin-top:52px;}*/


    .map-test-button.right-btn.top-fil {
    top: 0;
    right: 13px;
}
.que-right .n-plus{display: inline-block;margin-left: 3px}

.footer-copright{/*position: fixed;*/
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 11px;
    padding: 5px;
    margin: 0;
    text-align: justify;
    width: 220px;
    text-align: center;
    /* z-index: 99999999; */
    background: #323b4e;}
/*css for exportTestPaper route*/
body.removeSidebarHeader{padding:20px 0 0 0;background:#fff;}    
body.removeSidebarHeader .main-header {visibility: hidden;}
body.removeSidebarHeader .main-sidebar {visibility: hidden;}
body.removeSidebarHeader .breadcrumb {visibility: hidden;}
body.removeSidebarHeader .content-wrapper {padding: 0;  margin:0;}
body.removeSidebarHeader #print_paper_button {margin-right: 150px;}
body.removeSidebarHeader .outer-tab {
    background: #fff;
    margin: 0px 0 25px 0;
     box-shadow: none; 
    padding: 0 0 30px 0;
}    
/*css for exportTestPaper route ends*/


.simpleDemo tbody[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.simpleDemo tbody[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo tbody[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.simpleDemo tbody[dnd-list] tr {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.simpleDemo tbody[dnd-list] tr.selected {
    background-color: #dff0d8;
    color: #3c763d;
}
.skin-blue.sidebar-collapse .sidebar-menu>li a{padding:17px}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
 padding: 17px 5px 18px 20px;}
.skin-blue.sidebar-collapse  .footer-copright{display: none;}
/*.skin-blue .main-header .navbar .sidebar-toggle:hover{background: rgb(40, 48, 61) !important;
}*/

.add-que .nya-bs-select.btn-group .dropdown-menu.inner,.edit-question .nya-bs-select.btn-group .dropdown-menu.inner,.nya-bs-select.btn-group .dropdown-menu.inner,.test-screen .nya-bs-select.btn-group .dropdown-menu.inner{   max-height: 174px;
    overflow-y: auto;
    min-height: 60px;}
.add-que .box-content:first-child {
    margin-top: 50px !important;
}
.qb-res-top-btns .nya-bs-select.btn-group .dropdown-menu li {
    position: relative;
    width: 100%;
    margin: 0;
}
    .screen-viewtest .question-list{    /* padding-bottom: 50px; */
    /* overflow-y: auto !important; */
    /* height: 68vh; */
    overflow-x: auto;
    margin-top: 10px;}
    .screen-viewtest #mappedTestTab_1 .question-list{height:calc(100vh - 182px)}
    
.result-box{background:#fff;padding:20px;margin:20px 0}
.single-user-detail{display: flex;align-content: space-between;margin-left: -20px;margin-bottom:0}
.single-user-detail li{display: inline-block;margin-left: 10px;background: rgba(224, 231, 247, 0.44);padding: 10px 12px;border-radius: 5px;min-width: 120px}
.single-user-detail li div{border-left: 1.5px solid #2bb673;padding: 0 0 0 10px;}
.single-user-detail li span{font-weight: 500;font-size:12px}
.single-user-detail li em{font-weight: normal;font-style: normal;display: block;font-size: 16px;font-weight: 600;margin: 5px 0 0 0;color: #000;font-size: 14.5px;font-weight: 600;color: #333C4E;text-transform: capitalize;}
/*.single-user-detail li:nth-child(odd) {background: #f7f8fa;}
.single-user-detail li:nth-child(even) {background: rgba(224, 231, 247, 0.44)}*/
.single-user-detail li:nth-child(even) div{border-color: #ed6ea0;}
.table-box{background:#fff;}
.table-box .table tr th {padding: 10px 8px !important;background: #fff;color: #333C4E;border-top: 1px solid #f4f4f4 !important;/*border-bottom: 0;*/}
.table-box .table tr td{padding: 10px 8px !important;font-size:12.5px}
.table-filter{margin:20px 0 0 0;}
.table-filter ul{margin: 0;background: #e0e7f7;}
.table-filter ul li{list-style:none;display: inline-block;padding:9px 0 6px 0}
.table-filter ul li .nya-bs-select .btn.btn-default {height: 30px;line-height: 10px;border-radius:5px}
.table-filter ul li .nya-bs-select.btn-group .dropdown-menu{padding:0;width:205px}
.table-filter ul li label{font-weight: 600;font-size: 13px;vertical-align:middle;margin:0 2px;}
.table-filter .selectpicker{display:inline-block;}
.table-filter .form-group{margin-bottom:0}
.table-filter ul li ul{background: #fff}
.table-filter ul li ul li{display:block;padding:0}
.ques-details span{display:block;margin:0 0 3px 0}
.ques-details p{margin:0;}
.ques-details span em{font-style:normal;font-weight: 700;margin-right:5px}

.fixed-pagination{/*position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;*/
    background: #fff;
    padding: 5px 24px;z-index: 9999}

.test-performance-summery{margin-top:20px}
    .test-performance-summery .tab-content{padding:3px 20px;background:#fff;}
    .test-performance-summery .result-box {
    background: #fafafa;
    padding: 20px;
    margin: 10px 0}
   

.test-performance-summery .nav>li>a,
.test-performance-summery .nav-tabs>li.active>a,
.test-performance-summery .nav-tabs>li.active>a:focus,
.test-performance-summery .nav-tabs>li.active>a:hover{border: none !important;
padding: 20px !important;font-weight: 500 !important;border-radius:0 !important;cursor:pointer;margin-right:6px;}
.test-performance-summery .nav-tabs>li a:hover{background:#fff !important;color: #555 !important;}
.test-performance-summery .nav-tabs>li.active>a,
.test-performance-summery .nav-tabs>li.active>a:focus,
.test-performance-summery .nav-tabs>li.active>a:hover{background:#fff;}
.test-performance-summery .no-data{text-align: center;padding: 150px 0;color: #ccc;font-size: 14px;}
.my-profile .modal-body{padding:20px 30px}

/*swal css vsmax*/
.sweetAlertClass{
    height:600px;
}
/*swal css vsmax*/
.user-pic{display:inline-block;width:180px;position:relative;}
.user-pic:hover .user-pic-hover{display:inline-block;}
.user-pic-hover{display:none;border:5px solid #fff;border-radius:50%;width:180px;height:180px;position:absolute;bottom:0;left:0px;background:#000;opacity:0.7;}
.user-pic-delete{position:relative;}
.user-pic-box{padding-top:0;display:inline-block;width:100%;}
.user-pic img{border:5px solid #fff;border-radius:50%;width:180px;height:180px;object-fit:cover;}
.user-pic .username{font-size:20px;padding-top:10px;display:inline-block;color:#333;}
.profile-delete{cursor:pointer;width:28px !important;position:absolute;top:70px;left:43%;border:0px !important;height:auto !important;bottom:auto;background:#fff;padding:5px;}
.cropped{left:0;position:absolute;text-align:center;top:20px;width:100%;}
.cropped > img{border:0 none;border-radius:50%;box-shadow:none;margin-top:38px;}
.crop-btns .btn.primary{min-width:inherit !important;vertical-align:top;padding:10px 20px}
/*.crop-btns .btn.primary{border-radius:50px!important;padding:5px 10px!important;width:34px;height:34px;}*/
.crop-btns .btn.primary.refresh-button{    background: #2e6da4;
    margin-top: 0px;
    border: 0px;
    border-radius: 0;
    padding: 0 !important;}
.crop-btns .btn.primary.refresh-button i{color:#fff;    padding: 11px 13px 10px !important;}
.crop-btns .btn.primary.load-btn{background: #24b6e0;margin-top: 0px;border: 0px;border-radius: 0;padding: 0 !important;margin-right: 5px;}
.crop-btns .btn.primary.load-btn i{color:#fff;padding: 11px 13px 10px !important;}
.crop-btns .browse-image .btn.primary.up-button{background: #5cb85c;margin-top: 0px;border: 0px;
padding: 0 !important;border-radius: 0;display: block;}
.crop-btns .browse-image .btn.primary .fa-upload{color: #fff;font-size: 14px;line-height: 17px;
padding: 10px 13px 8px !important;cursor: pointer;}
.cr-slider::-moz-range-track{background:#ddd;}
.cr-slider::-moz-range-thumb{background:#24b6e0;}
.browse-image{width:auto;}
.browse-image{display: inline-block;position: relative;overflow: hidden;top: 0;margin: 0 5px;}
.browse-image input[type=file]{opacity: 0;width: 40px;margin: -35px 0 0 0;padding: 8px 13px 7px !important}
#profilepic-change .modal-footer button.btn.green.upload-result{width: auto;min-width: 150px;font-size: 18px;margin: 15px 0;padding: 5px 15px;border: 2px solid #15ccae !important;border-radius: 0px !important;text-transform: uppercase !important;cursor: pointer;}
#profilepic-change .modal-footer button.btn.default{width: auto;min-width: 150px;font-size: 18px;margin: 15px 0;padding: 5px 15px;border: 2px solid #24b6e0 !important;border-radius: 0px !important;text-transform: uppercase !important;cursor: pointer;}
.bs-glyphicons{padding-left:0;padding-bottom:1px;margin-bottom:20px;list-style:none;overflow:hidden;}
.ui-datepicker {z-index: 9999 !important;}
  .btn.default.send-otp{padding:9px 7px !important;position:absolute;right:16px;top:28px;min-width:68px !important;font-size:13px;}
  .phone-image{display:block;margin-bottom:30px;}
  .phone-image img{width:55px;}
  .phno-input{position:relative;}
  .phno-input p{font-size:16px;font-size:15px;}
  .phno-input h3{text-align:left;}
  .phno-input h3{color:#333;font-size:18px;margin:-5px 0 15px;}
  .phno-correct{position:absolute;right:-42px;top:44px;}
  .inline{display:inline;}
.info.user-name{text-transform:capitalize;}
.info-modal .modal-header{padding-top:15px}
.info-modal .modal-footer .action-button{margin:15px 0 0;padding:5px 20px;}
.info-modal .modal-dialog{width:500px;margin:30px auto;}
.info-modal .modal-dialog .verify-window{width:auto;}
.info-modal .modal-dialog .verify-window ol{margin-left: 0;text-align: center;/* border: 1px solid #ddd; */
    padding: 10px;margin-top: 10px;box-shadow: 0 0 6px #ddd;border-radius: 5px;}
.info-modal .modal-dialog .verify-window ol li{margin-bottom:5px;}
.info-modal .modal-dialog .verify-window h5{color: #24b6e0;font-size: 22px;text-align: center;margin: 0 0;}
.info-modal .modal-dialog .info-icon{width:35px;}
.info-modal .modal-footer button{width: auto;text-transform: uppercase;min-width: 120px;}
.info-modal .modal-body{padding:10px 40px;}
.info-icon{width:20px;display:inline-block;position:relative;top:-2px;cursor:pointer;}
.otp-modal span.close-icon{position:relative;top:-1px;}
.otp-modal .verified-div .verified-check{right:-6px;top:6px;}
.otp-modal .verified-div .form-control{width:80%;display:inline-block;}
.otp-modal .phone-image{width:100%;text-align:center;}
.otp-modal .phone-image img{width:40px;display:inline-block;text-align:center;}
.otp-modal .modal-dialog{width:500px;}
.optText div{margin-left:35px}
.optText img{max-width: 100%;height: auto;width: auto;}

.modal{margin:0 auto;}
.modal-header{padding:30px 15px 5px;border-bottom:1px solid #ddd;text-align:center;color:#333;min-height:inherit;}
.modal-header h4{font-size:22px;color:#24b5e1;}
.modal-footer{padding-bottom:30px;padding-top:0;margin-top:0;text-align:center !important;}
.modal-footer, .modal-header{border:0;}
.modal-footer button.btn{background:#24b5e1;border:0;display:inline-block;padding:5px 15px;text-transform:uppercase;min-width:100px;}
.modal-footer button.btn.btn-primary{border-radius:0px;height:auto;}
.modal-footer button.btn.btn-default{background:none;border:1px solid #24b5e1 !important;color:#24b5e1;border-radius:0px;}
.modal-footer .btn.grey{background:#818181 !important;color:#fff !important;font-size:16px;padding:10px 15px;min-width:200px;}
.modal-footer .btn.grey:hover{border:1px solid #818181 !important;color:#818181 !important;background:none !important;}
.modal-footer .btn.blue{border:1px solid #24b6e0 !important;color:#24b6e0;font-size:16px;padding:10px 15px;min-width:200px;}
.modal-footer .btn.blue:hover{background:#24b6e0 !important;color:#fff;}
.modal-content{border-radius:0;}
.modal-content .control-label{margin-bottom:3px !important;font-weight:normal !important;font-size:15px;}
.modal-body{padding:20px 60px;}
.modal-body .user-edit-form .btn.default.send-otp{padding: 10px 7px !important;top: 18px !important;}
.modal button.close{position:absolute;opacity:1;background:#24b6e0;width:23px;height:23px;top: 18px;right: 18px;border-radius:50px;color:#fff;padding:0 0;background-image:none !important;text-indent:0px;font-weight: normal;line-height: 14px;}
.mobile-field{position:relative;}
.red{color:#fd0202;}
.numberExistDisabled{cursor:not-allowed;opacity:0.7;pointer-events:none}
.disabled{cursor:not-allowed;opacity:0.7;pointer-events:none}
.disabled-link > a:hover{cursor:not-allowed !important;}
.disabled-link > a > span.text, .disabled-link > a > span.title{font-style:italic !important;color:#888 !important;}


.combine-box-detail .box-content{min-height:215px}
.screen-view-user .box-detail .box-title h3{padding-bottom:10px}
/*.screen-view-user #user_details .box-detail .box-title h3{padding-bottom: 0}*/
.screen-view-user #user_details .custom-radio p{margin-top:0;}
.screen-view-user .box-detail .box-title h3 span{margin-top: 0;border-bottom: 2px solid #25b6e2;padding: 0 20px 10px 20px;display: inline-block;
position: relative;top: 1px;}
.btn.btn-primary.up-button{margin: 10px 0;padding: 7px 20px !important;border-radius: 5px;}
.screen-view-user .btn.btn-primary{padding: 7px 20px !important;border-radius: 5px;}
.modal.useredit-modal button.close {top: 20px;right: 12px;}
.modal.useredit-modal .modal-body{padding:20px 30px}

.table>thead>tr{white-space: nowrap;}
.table>thead>tr>th{position: sticky;top:0;z-index: 9;font-weight:600;color: #555}
.table>thead>tr:last-child>th.th-ng{top:49px;}
.custom-radio p { margin: 10px 0px 10px; }
/*.view-online-package .map-inner-tab-panel .responsive-scroll-subjects ul.nav-tabs{margin-top: 0px !important;}
.view-online-package .map-inner-tab-panel ul.nav-tabs{margin-top: 0px !important;position: fixed;z-index: 9;}
.view-online-package .map-inner-tab-panel .tab-content.offline-fil{
    padding-top: 40px;
}
.view-online-package .map-inner-tab-panel .responsive-scroll-subjects ul.nav-tabs>li>a{
    background: #eee !important;
    border-color: #eee !important;
    color: #333c4e !important;
    margin: 0 10px 0 0 !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    padding: 5px 10px !important;
    min-width: 120px !important;
    text-align: center !important;
    border-radius: 5px !important;
}
.view-online-package .map-inner-tab-panel .responsive-scroll-subjects ul.nav-tabs>li.active>a{
    background-color: #25b6e2 !important;
    border: 1px solid #25b6e2 !important;
    color: #fff !important;
}
.view-online-package .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:nth-child(2){
    border-right: 1px solid #ccc !important;
}
.view-online-package .question-list{margin-top: 0px !important; width: 100%; padding-top: 65px;}*/
/*
.template-list{margin-top:35px}*/
.grey .form-control,.grey .bootstrap-select > .dropdown-toggle {
    color: #444;
    background: #f7f7f7 !important;
    border: 1px solid #f7f7f7 !important;
}
.keyword-set{margin-top: 15px}
.keyword-set ul li{display: inline-block;list-style: none;}
.keyword-set ul li button {
    font-size: 10px;
    border: 0;
    border-radius: 40px;
    background: #d7d7d7;
    padding: 12px 22px;
    color: #000;
    font-weight: 500;
    margin: 10px 15px 5px 0;
    min-width: 130px;
}
.keyword-set ul li button.blue-btn{background:#25b6e2;color: #fff}
.dropdown-menu a{color: #000}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color: #25b6e2;}
.box-title{position: relative}
.right-icons {
    position: absolute;
    right: 3px;
    top: 1px;
}
.right-icons button {
    border: 0;
    background: none;
    margin: 0 15px 0 7px;
    font-weight: 600;
}
.right-icons button i{font-size:18px;color: #000}
.right-icons button span {
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}
.box-detail .box-title h3{padding: 5px 0 10px 0;}
label{/*font-weight:600;font-size:14px*/ font-weight:500;font-size:13px}
.bottom-btn.buttons{padding: 20px 0}
.nya-bs-select.btn-group .dropdown-menu{border-radius: 0}
.modal{z-index: 9999}
.sampleTemplate .sample-img {
    text-align: center;
    display: block;
    border: 1px solid #f7f7f7;
    padding: 5px;
    box-shadow: 0 0 4px #f7f7f7;
}
.sampleTemplate .sample-img img{max-width: 100%}
.sampleTemplate .sample-box{text-align: center;}
.sampleTemplate .modal-dialog{width: auto;max-width: 670px}
.sample-box .btn-primary {
    margin: 15px 0 25px 0;
    padding: 7px 20px;
    border: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}
.sampleTemplate .modal-body {
    padding: 20px 40px;
}
.sampleTemplate .modal-header h4.modal-title{padding:0 25px;font-weight: 600;font-size: 19px;color: #555}
.sampleTemplate .modal-body p,#resultTestQuestionModel .modal-body p{text-align: left;}
#resultTestQuestionModel .modal-body p{clear: both;display: block;}
#resultTestQuestionModel .view-que .que-no{display: block;
    clear: both;
    float: none !important;}

.btn-items.prepare-items{width:100%;float:none;text-align:center;position:relative;}
.btn-items.prepare-items ul li{margin-bottom:15px;display:inline-block;margin-right:5px}
.btn-items.prepare-items ul li .btn-group{width:100%;}
.btn-items.prepare-items ul li .btn-group label{text-align:left;width:100%;border:1px solid #ddd!important;border-radius: 35px;padding: 4px 13px 4px 13px!important}
.btn-items.prepare-items ul li .btn-group label:hover{background:#15ccae!important;border-color:#15ccae !important;}
.btn-items.prepare-items ul li .btn-group label:hover p{color:#fff;}
.btn-items.prepare-items ul li .btn-group label.selected-prepare p:hover{color:#fff;}
.btn-items.prepare-items ul li .btn-group label.selected-prepare{border:1px solid #24b6e0!important;background:#24b6e0}
.btn-items.prepare-items ul li .btn-group label.selected-prepare p, 
.btn-items.prepare-items ul li .btn-group label.selected-prepare h5
.btn-items.prepare-items ul li .btn-group label.selected-prepare h5:hover{color:#fff}
.btn-items.prepare-items ul li .btn-group label p{/* float: left; */
    text-align: left;font-size: 11px;margin-bottom: 0px !important;white-space: initial;line-height: 15px;margin: 0 !important;}
.btn-items.prepare-items ul li .btn-group label h5{font-size:13px;color:#fff;margin-bottom:5px;margin-top:5px;}

.btn-items.prepare-items ul li .btn-group label.selected-prepare p:hover{color:#fff;}
.btn-items.prepare-items ul li .btn-group label.selected-prepare{border:1px solid #24b6e0!important;background:#24b6e0}
.btn-items.prepare-items ul li .btn-group label.selected-prepare p, 
.btn-items.prepare-items ul li .btn-group label.selected-prepare h5
.btn-items.prepare-items ul li .btn-group label.selected-prepare h5:hover{color:#fff}   


.btn-items.prepare-items ul{text-align: left;}

/***** css for appearing growl at upper side *****/

#growls-default{z-index: 9999999;}

/***** css for appearing growl at upper side ends *****/

.permissions-top {      position: relative;
    top: 0;
    width: 100%;
    height: 80px;z-index: 99}
    .permissions-top label{    float: left;
    vertical-align: middle;
    padding: 30px 0 30px 15px;}
.permissions-top a{padding: 0 !important;cursor: pointer;background: #fff;padding-left: 10px;border-radius: 5px;margin: 20px 10px 8px;}
.permissions-top span{padding:10px !important;width:135px}
.permissions-top ul li{width: 192px}
.permissions-top ul li ul {width: 170px !important;/* border-radius: 0 !important; */border: none;left: 11px;}
.permissions-top ul li ul li{border-bottom: 1px solid #eaeaea;width: auto;}
.permissions-top ul li ul li a{    background-color: #fff;
padding: 8px 10px !important;
text-align: left;
color: #333;
text-transform: capitalize;
font-weight: 500;margin:0;font-size: 13px}
.permissions-top ul li ul li a:hover{border-radius:0;background-color: #25b6e2 !important;
    color: #fff;}
.permissions-top ul li a:hover,.permissions-top ul li.open a,.permissions-top ul li.open a:hover{background: #fff;background-color: #fff;}
.permissions-table .check .check-btn input{top:0;margin:0;left:0;}
.permissions-table .check .checkmark{    top: 0;
    position: absolute;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 0;
    border: none;
    border: 2px solid #e4e4e4;
} 
.permissions-table .check .check-btn input:checked ~ .checkmark{ background-color: #25b6e2;border:none;}
.permissions-table .check .check-btn .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 11px;
    border-color: #ffffff;
}

/*---------------Result Report CSS Start----------------------*/
.results-inner .box-content{border-radius:8px}
.results-inner .box{background:none;}
.results-report .results-inner .nya-bs-select .btn.btn-default {
    background-color: #F7F7F7 !important;
    border: 1px solid #F7F7F7 !important;
    color: #353535 !important;
    height: 34px;
    border-radius: 3px;
}
.results-report .results-inner .result-btn{
    margin-top: 26px !important;
}
.results-report .results-inner .result-btn .btn{
     height: 30px !important;
    min-width: 110px;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    border-radius: 5px;
}
.results-report .resulttable-btn .btn{
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
    padding: 5px 7px !important;
    margin: 0 2px !important;
}
.results-report .question-list table th,
.results-report .question-list table td{
    border-right: 1px solid #E4E4E4;
}
.results-report .question-list table th:last-child,
.results-report .question-list table td:last-child{
    border-right: 0 !important;
}
.results-report .resulttable-btn .btn.btn-info{
    background: #25B6E1;
    border-color: #25B6E1; 
}
.results-report .resulttable-btn .btn.btn-warning,.with-nav-tabs .btn.btn-warning{
    background: #FFBA33;
    border-color: #FFBA33;
}
.results-report .box-inner{
    background: #FFFFFF;
    border-radius: 3px;
    padding: 25px 25px 15px 25px !important;
    margin-top: 35px !important;
}
/*---Test Report---*/
.content.results-report {
  /*  padding-top: 40px ;padding-bottom:40px;*/background-color: #fff
}
.results-report .table tr th, .results-report .table tr td {
    padding: 8px !important;
    font-size: 12px;
    font-weight: 500;
}
.results-report .table tr:last-child td {
    border-bottom: 1px solid #E4E4E4;
}
.results-report .test-inner .box{background:none;}
.results-report .test-inner .box-inner .table > tbody > tr > td{
    border:0;
    padding: 10px 25px !important;
    font-weight: 500;
    font-size: 13px;background:none;
}
.results-report .test-inner .table > tbody > tr > td > span{
    color: #25B6E1;
    padding-left: 10px;position: relative;top:1px;
}
.results-report .test-inner .table.top-results-detail > tbody > tr > td > span{font-size:15px}

.results-report .test-inner .box-inner{
    padding: 0 !important;
    margin-bottom: 15px !important;box-shadow: 0 0 8px #c3cfd4;;border-radius:8px
}
.results-report .test-inner .box-inner table.table{
    margin-bottom: 0 !important;
}
.results-report .test-inner .box-inner .table > tbody > tr > td.mid-border{
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
}
.results-report .test-inner .box-inner .table > tbody > tr > td.third-border{
    border-bottom: 1px solid #F2F2F2;
}
.results-report .test-inner .table > tbody > tr > td:first-child,.results-report .test-inner .table > tbody > tr > td:nth-child(2){
    border-right: 1px solid #F2F2F2;
}
.content.results-report.screen-online-package .nav-tabs{
    position: relative;
    background-color: #fff;
    padding: 12px 0;
    margin: 0 !important;
    width: 100%;
    top:0;
    z-index: 8
}
.content.results-report.screen-online-package .nav-tabs>li>a{
    background: #DFDFDF !important;
    border-color: #DFDFDF !important;
    color: #727272 !important;
    margin: 0 10px 0 0 !important;
    cursor: pointer !important;
    padding: 5px 10px !important;
    text-transform: capitalize;
    font-weight: normal !important;
}
.content.results-report.screen-online-package .nav-tabs>li.active>a, .content.results-report.screen-online-package .nav-tabs>li.active>a:focus, .content.results-report.screen-online-package .nav-tabs>li.active>a:hover{
    background-color: #25b6e2 !important;
    border: 1px solid #25b6e2 !important;
    text-align: center !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 5px 10px !important;
}
.content.results-report.screen-online-package .tab-content {
   /* padding-top: 10px;*/ padding-top:0
}
.screen-online-package.qb-learn .tab-content{padding-top: 45px}
.content.results-report .map-test-button.right-btn.top-fil {
    top: 10px !important;
    right: 0 !important;
}
.text-report-box .table > thead > tr > th {
    border-bottom: 1px solid #E4E4E4 !important;
    border-left: 1px solid #E4E4E4 !important;
}
.results-report .test-inner .text-report-box .table > tbody > tr > td {
    border-right: 1px solid #E4E4E4
}
.results-report .test-inner .text-report-box .table > tbody > tr > td:first-child{border-left: 1px solid #E4E4E4}

/*.results-report .test-inner .text-report-box .tab-content .tab-pane#OverallResult{
    overflow-x: auto;
}*/
#OverallResult .OverallResult, .text-report-box .question-list{overflow-x: auto;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 0 8px #c3cfd4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;}
   /* .text-report-box .question-list{margin-bottom: 50px}*/
   .text-report-box .question-list,.results-inner .question-list,.question-list{  
     height: calc(100vh - 140px);  padding:0 25px
   /* max-height: 690px;*/}
    #OverallResult .OverallResult{  max-height: 690px;}
    .text-report-box #QuestionwiseAnalysis .table > thead > tr:first-child > th:last-child{ border-top-right-radius: 8px;}
.results-report .test-inner .text-report-box .tab-content .tab-pane#QuestionwiseAnalysis{
   /* overflow-x: hidden;*/margin-top:10px;
}
.results-report .test-inner .text-report-box .table {
    margin-bottom: 0;  
}
.results-report .test-inner .text-report-box .table > tbody > tr > td {
    font-weight: 500;
}
.results-report .test-inner .table.student-report-table > tbody > tr > td {
    border-right: 1px solid #E4E4E4
}
.results-report .test-inner .table > tfoot > tr > td {
       border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    font-weight: 600;
    font-size: 12px;
    color: #000;
    background-color: #fde9d9;
    padding: 13px 15px !important;border-right: 1px solid #d6c5b8;
}
.results-report .table tr th.th-ng, .results-report .table tr td.td-ng{
    padding: 0 !important;
}
.results-report .table tr td.td-ng{
    line-height:2;
}
.results-report .table tr td.td-ng table.table-ng tr td, .results-report .table tr th.th-ng table.table-ng tr th{
    border-right: 1px solid #E4E4E4 !important;
    min-width: 38px;
}
.results-report .table tr td.td-ng table.table-ng tr td:last-child, .results-report .table tr th.th-ng table.table-ng tr th:last-child{
    border-right: 0 !important;
}
.table>thead>tr>th.fixed-second-th{
    top: 32px;border-bottom:1px solid #E4E4E4 !important;
}
.results-report .student-filter{
    margin-bottom: 8px;
    text-align: right;position: relative;top:0;right:0;
}
.results-report .student-filter input.sfilter{
    background: #FFFFFF;
    border: 1px solid #BFBFBF;
    border-radius: 50px;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #A2A2A2;
    padding: 6px 15px;
    min-width: 230px;
}
/*--Question Display--*/
.que-modal .que-display {
    padding-right: 0;
    margin: 0 auto 12px;
    padding: 10px;
    box-shadow: 0 0 5px #ccc;
}
.que-modal .answer-options ul li {
    position: relative;
    padding: 7px 10px 7px !important;
    border: 2px solid #ddd !important;
    margin-right: 0;
}
.que-modal .answer-options ul li .opt {
    vertical-align: top;
    height: 25px;
    display: inline-block;
    top: 7px;
    border: 1px solid #24b6e0;
    width: 25px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
    line-height: 25px;
    border-radius: 50%;
    background: #24b6e0;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 7px;
}
.que-modal .answer-options ul li .opt em {
    font-style: normal;
}
.que-modal .answer-options ul li .optText {
    position: relative;
    top: 0;
    font-size: 16.5px;
    font-family: 'Alegreya';
    line-height: 25px;
    padding: 0 30px;
    width: 100%;
    display: inline-block;
}
.que-modal .answer-options ul li.selected {
    border: 2px solid #3ab395 !important;
    box-shadow: 0 0px 1px #7cd3bf;
}
.que-modal .modal-header .close span {
    top: -1px;
}
.que-modal .box-content {
    margin-top: 15px !important;
}
.report-sub-head{
    color: #25B6E1;
}
/*--Filter UI--*/
.filter-ui.filter-right{
    float: right;
}
.filter-ui.filter-right .nya-bs-select.btn-group{
    display: inline-block;
    width: 130px;
    margin: 0 5px;
}
.filter-ui.filter-right .nya-bs-select .btn.btn-default {
    background: #eee !important;
    border-color: #eee !important;
    border-radius: 3px;
    color: #595959 !important;
    height: 30px;
    padding: 5px 7px !important;
}
.serch-message{
    margin: 16vh 0;
}

.combine-box-detail .box-detail{margin-bottom:25px}
header .navbar-nav > .user-menu span{text-transform: capitalize;}
.view-online-package #publishTabData .question-list{margin-top:0;}
#PublishTest .nav-tabs.subjects>li>a{     line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    /* min-width: 94px; */
    text-align: center;
    transition: all .3s;
    border-radius: 30px;
    padding: 1px 15px;
    cursor: pointer;
    border: 1px solid #ddd !important;}
    #PublishTest .nav-tabs.subjects>li>a:hover{border-radius: 30px !important;font-weight:500 !important}

#PublishTest .nav-tabs.subjects>li{margin-right: 8px}
#PublishTest .nav-tabs.subjects>li.physics.active > a,
#PublishTest .nav-tabs.subjects>li.physics:hover> a{border-color: #efa103 !important;background: #efa103 !important;color: #fff}
/*.list-tabs .nav.nav-pills li.Physics.active a .circle.red.sub span{color:#efa103;top:0;}*/

#PublishTest .nav-tabs.subjects>li.chemistry.active > a,
#PublishTest .nav-tabs.subjects>li.chemistry:hover > a{ border-color: #e65d77 !important;background: #e65d77 !important;color: #fff}
/*.list-tabs .nav.nav-pills li.Chemistry.active a .circle.red.sub span{color:#e65d77}*/

#PublishTest .nav-tabs.subjects>li.biology.active > a,
#PublishTest .nav-tabs.subjects>li.biology:hover > a{ border-color: #21b306 !important;background: #21b306 !important;color: #fff}
/*.list-tabs .nav.nav-pills li.Biology.active a .circle.red.sub span{color:#21b306}*/

#PublishTest .nav-tabs.subjects>li.maths.active > a,
#PublishTest .nav-tabs.subjects>li.maths:hover > a{ border-color: #11cdac !important;background: #11cdac !important;color: #fff}
/*.list-tabs .nav.nav-pills li.Mathematics.active a .circle.red.sub span{color:#11cdac}*/



.results-report .test-inner .text-report-box .overall-student-result{margin:10px 0 20px 0;border-top: 1px solid #dfdfdf;
    padding-top: 20px;}
.results-report .test-inner .text-report-box .overall-student-result div{text-align: center;padding:20px 15px !important;font-size: 14px;border:none;width: 30%;display: inline-block;border-radius: 8px}
.results-report .test-inner .text-report-box .overall-student-result div span{font-size: 17px;font-weight: 600;position: relative;top:1px;}

/*.results-report .test-inner .text-report-box .table.overall-student-result > tbody > tr:nth-child(1) > td{    background: rgb(218,238,243);font-weight: 600;font-size: 17px;padding: 10px !important;}

.results-report .test-inner .text-report-box .table.overall-student-result > tbody > tr:nth-child(2) > td:nth-child(1){background:rgba(216, 228, 188, 1);color: rgb(79,78,40)}
.results-report .test-inner .text-report-box .table.overall-student-result > tbody > tr:nth-child(2) > td:nth-child(1) span{color: rgb(79,78,40)}

.results-report .test-inner .text-report-box .table.overall-student-result > tbody > tr:nth-child(2) > td:nth-child(2){background: rgb(252,213,180);color:rgb(226,107,10);}
.results-report .test-inner .text-report-box .table.overall-student-result > tbody > tr:nth-child(2) > td:nth-child(2) span{color:rgb(226,107,10);}

.results-report .test-inner .text-report-box .table.overall-student-result > tbody > tr:nth-child(2) > td:nth-child(3){background: rgb(230,184,183);color:rgb(192,0,0);}
.results-report .test-inner .text-report-box .table.overall-student-result > tbody > tr:nth-child(2) > td:nth-child(3) span{color:rgb(192,0,0);}*/
.results-report .test-inner .text-report-box .overall-student-result div{    background: rgb(218,238,243);font-weight: 500;padding:25px 10px !important;width:30%;display: inline-block;}

.results-report .test-inner .text-report-box .overall-student-result div:nth-child(1){background:rgba(216, 228, 188, 1);color: rgb(79,78,40);border-top-left-radius:5px;border-bottom-left-radius:5px}
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(1) span{color: rgb(79,78,40)}
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(1) span em{font-size: 13px;font-style: normal;}
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(2),
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(5){background: rgb(252,213,180);color:rgb(226,107,10);margin:0 4.5%}
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(2) span{color:rgb(226,107,10);}
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(5){margin-top: 5px}
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(3){background: rgb(230,184,183);color:rgb(192,0,0);border-top-right-radius:5px;border-bottom-right-radius:5px}
.results-report .test-inner .text-report-box .overall-student-result div:nth-child(3) span{color:rgb(192,0,0);}


.results-report .test-inner .text-report-box #SOverallResult .overall-student-result div{    background: #fff !important;
font-weight: 600;
padding: 15px 10px !important;
width: 15.9%;
display: inline-block;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
border-radius: 5px;
margin: 0 0.2%;color: #858585 !important;font-weight:500;min-height: 75px;vertical-align: top}
.results-report .test-inner .text-report-box #SOverallResult .overall-student-result div span {    top: 3px;
display: block;}

.results-report .test-inner .text-report-box #SOverallResult .overall-student-result div:nth-child(2),
.results-report .test-inner .text-report-box #SOverallResult .overall-student-result div:nth-child(5){margin:0 0.2%;}



.results-report .test-inner .text-report-box .table > tbody > tr.topper-students > td,
.results-report .test-inner .text-report-box .table > tbody > tr.topper-students > td > table > tr > td,
.results-report .table .topper-students td{font-weight: bold;font-size:13px}


.text-report-box .table tr th{background:rgb(204, 204, 204);color: #000;font-weight: 600;/*border-top:1px solid #E4E4E4 !important;*/}
.results-report .table tr th.th-ng table.table-ng tr th{border-top:1px solid #E4E4E4 !important}
.text-report-box .table > thead > tr > th.result-physics,.result-physics{color: rgb(226,107,10) !important}
.text-report-box .table > thead > tr > th.result-chemistry,.result-chemistry{color: rgb(150,54,52) !important}
.text-report-box .table > thead > tr > th.result-maths,.result-maths{color: rgb(49,134,155) !important}
.text-report-box .table > thead > tr > th.result-biology,.result-biology{color: #21b306 !important}
.text-report-box .table > thead > tr > th:last-child{border-right: 1px solid #E4E4E4 !important;}


.text-report-box .table-ng td.result-physics{background:rgb(253,233,217);color: #000 !important}
.text-report-box .table-ng td.result-chemistry{background:rgb(242,220,219);color: #000 !important}
.text-report-box .table-ng td.result-maths{background:rgb(220,230,241);color: #000 !important}
.text-report-box .table-ng td.result-biology{background:rgb(213,245,209);color: #000 !important}


/*.text-report-box .table > thead > tr > th.total-score{color:rgb(149, 190, 52) !important}*/
.text-report-box .table > thead > tr > td.total-score{background:#25B6E1 !important}

.results-report .test-inner .table > tbody > tr > td > span.red{color:rgb(255,0,0)}
.results-report .test-inner .table > tbody > tr > td > span.orange{color:rgb(255,192,0)}
.results-report .test-inner .table > tbody > tr > td > span.green{color:rgb(0,176,80)}
.results-report .test-inner .table > tbody > tr > td > span.purple{color:rgb(112,48,160)}

/*{background-color:#dce6f1}*/


.with-nav-tabs{position: relative;}
.with-nav-tabs .student-filter,.download-student-report{position: absolute;right: 0;top: 10px;z-index: 8;}
/*.results-report .table tr th, .results-report #OverallResult .OverallResult .table tr td{padding:2px 8px !important}*/
.download-student-report{right:20px;top:12px;border-radius: 3px;font-weight: 500;font-size: 12px;line-height: 12px;color: #FFFFFF;
padding:7px 15px !important;margin: 0 2px !important;background: #FFBA33;
    border-color: #FFBA33;}

.results-report .resulttable-btn .btn.btn-warning{color: #fff !important}
.with-nav-tabs .download-student-report{}
.results-status-details{    background-color: #fff;
    border-radius: 12px;
    margin: 18px 0 40px !important;
    display: block;
    box-shadow: 0 0 8px #c3cfd4;
    padding: 10px 15px;

  border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin: 0;
    box-shadow: 0 0 8px #c3cfd4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;}
.results-status-details td{border-left: none !important;
    border-right: none !important;
    /* border-radius: 8px; */
    background: none !important;
    border-top: none !important;}
    .results-report .OverallResult .table > tbody > tr:last-child > td{border-bottom: 1px solid #E4E4E4;}

.results-inner .box-gray{background-color: #fff}
.results-inner .question-list{overflow-x: auto;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 0 8px #c3cfd4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: calc(100vh - 305px);
    padding: 0;
    margin-top: 20px}
    .question-list table{margin-bottom:0}
    .results-report .test-inner .table.results-status-details > tbody > tr > td > span{padding-left:0}
.results-report .test-inner .box-inner .table.top-results-detail > tbody > tr:first-child > td
{padding-top:17px !important}
.results-report .test-inner .box-inner .table.top-results-detail > tbody > tr:last-child > td{padding-bottom:17px !important}

/*For level*/
.results-report .test-inner .text-report-box .table > tbody > tr > td.easy{color: rgb(118,147,60);text-transform: capitalize;}
.results-report .test-inner .text-report-box .table > tbody > tr > td.medium{color: rgb(226,107,10);text-transform: capitalize;}
.results-report .test-inner .text-report-box .table > tbody > tr > td.hard{color: rgb(255,0,0);text-transform: capitalize;}
/*For subject -- questionwise section tab*/
.math-col{color: rgb(49,134,155) !important}
.bio-col{color: #21b306 !important}
.che-col{color:rgb(150,54,52) !important}
.phy-col{color:rgb(226,107,10) !important}


.results-report .test-inner .text-report-box .table > tbody > tr > td.poor{color:rgb(255,0,0)}
.results-report .test-inner .text-report-box .table > tbody > tr > td.average{color:rgb(255,192,0)}
.results-report .test-inner .text-report-box .table > tbody > tr > td.good{color:rgb(0,176,80)}
.results-report .test-inner .text-report-box .table > tbody > tr > td.excellent{color:rgb(112,48,160)}


.results-report #SOverallResult .table tr td{padding:10px 8px !important}

.table>tbody>tr>td.correct-response{background:rgb(196,215,155)}
.table>tbody>tr>td.wrong-response{background:rgb(242,220,219)}

.table>tbody>tr>td .correct-score{color:rgb(118,147,60);font-weight: bold !important;font-size: 13px}
.table>tbody>tr>td .wrong-score{color:rgb(255,0,0);font-weight: bold !important;font-size: 13px}

.results-report .resulttable-btn .btn.btn-info.disabled-button,
.results-report .resulttable-btn .btn.btn-warning.disabled-button{    background: #bbbbbb;
    border-color: #bbbbbb;}

.table>tbody>tr>td.Attempted, .table>tbody>tr>td.Live{color:green}
.table>tbody>tr>td.Un-attempted {color: red}
.table>tbody>tr>td.UPCOMMING{color: grey}
.table>tbody>tr>td.EXPIRED{color:red}


/*.Offline-report .offline-box{text-align: center;}*/
.Offline-report .offline-box{padding-left:30px}
.Offline-report .offline-box .column{background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding: 50px 40px;
    width: 290px;
    margin: 0 2% 4%;
    display: inline-block;
    min-height: 155px;
    border: 2px solid #fff;
    vertical-align: top;position: relative;}
.content.results-report.Offline-report{background-color: transparent;padding-top:90px}
.Offline-report .offline-box .column:hover{
border: 2px solid #25B6E1;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}
.Offline-report .offline-box .column span{font-family: Montserrat;font-style: normal;font-weight: 500;font-size: 15px;line-height: 18px;color: #383737;text-align: left;padding-top:8px;top: 8px;
    position: relative;/* float: left; */}
.Offline-report .offline-box .column img{margin-right:20px;float: left;}
.view-start,.start-test{position: absolute;
    bottom: 15px;
    right: 25px}
    .view-start a{border: 1px solid #ADADAD;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #A2A2A2;
    width: 90px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;}
.start-test{display: none;}
.start-test a{background: #25B6E1;
border-radius: 5px;color: #FFFFFF;border: 1px solid #25B6E1;
    box-sizing: border-box;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    width: 90px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;}
.Offline-report .offline-box .column:hover .start-test{display: block;}
.Offline-report .offline-box .column:hover .view-start{display: none;}
.Offline-report .offline-box .column .view-start img,.Offline-report .offline-box .column .start-test img{float: right;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 2px;}
    .generate-reports .nya-bs-select .btn.btn-default{    background-color: #F7F7F7 !important;
    border: 1px solid #F7F7F7 !important;
    color: #353535 !important;
    height: 34px;
    border-radius: 3px;}
    .stepwizard{text-align: center;
    width: 65%;
    margin: 0 auto;}

    .auto-test .stepwizard {width:90%}
    .stepwizard-row:before{left:0;}
    #ReadOMR{margin-top:10px;}
    #ReadOMR .table>tbody>tr>td,#calculateOMR .table>tbody>tr>td{text-align: center;width: 33.33%;border-top:0;font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
border-bottom:1px solid #EEEEEE;
color: #383737;}
   #ReadOMR .table>tbody>tr>td:nth-child(2), #calculateOMR .table>tbody>tr>td {border-right: 1px solid #EEEEEE;;border-left:1px solid #EEEEEE;;}
   #ReadOMR .table>tbody>tr>td span {color:#25B6E1}
   #ReadOMR .table>tbody>tr>td:nth-child(1){border-top-left-radius: 5px;border-bottom-left-radius: 5px}
    #ReadOMR .table>tbody>tr>td:nth-child(3){border-top-right-radius: 5px;border-bottom-right-radius: 5px}
    .omr-details-title{font-size: 16px;
    font-weight: 600;
    margin: 30px 0 10px 0;}

  #ReadOMR .table tr th , #calculateOMR .table tr th{border-right: 1px solid #E4E4E4;}
  #ReadOMR .omr-details .table>tbody>tr>td,  #calculateOMR .omr-details .table>tbody>tr>td{width: initial;font-size: 12px;font-weight: 500}
  #ReadOMR .omr-details .table>tbody>tr>td .ti-close,
  #calculateOMR .omr-details .table>tbody>tr>td .ti-close{background: #E30E0E;
    border-radius: 3px;
    padding: 5px;
    color: #fff;}
  #calculateOMR .omr-details .table>tbody>tr>td .ti-check{background: green;
    border-radius: 3px;
    padding: 5px;
    color: #fff;}
    #calculateOMR .omr-details .table>tbody>tr>td .ti-check:hover,#calculateOMR .omr-details .table>tbody>tr>td .ti-pencil:hover{background: #999}
    #ReadOMR .omr-details .table>tbody>tr>td .ti-close:hover,
    #calculateOMR .omr-details .table>tbody>tr>td .ti-close:hover{background:#000;}
    #ReadOMR .question-list, #calculateOMR .question-list {background-color: #fff;
    overflow-x: auto;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 0 8px #c3cfd4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: auto;}
    #calculateOMR .omr-details .table>tbody>tr>td .ti-pencil{background: orange;border-radius: 3px;
    padding: 5px;
    color: #fff;}
    #calculateOMR .action-buttons{width: 110px;
    margin: 0;
    text-align: center;}
    #calculateOMR .action-buttons .check{padding:0}
    #ReadOMR .question-list p {text-align: center;
    padding: 17vh 0px;
    margin: 0;}
#calculateOMR .Error{color: red !important}
#calculateOMR .Done{color: green !important}
#calculateOMR .Accepted{color: orange !important}
   .pull-center {width: 100%;
    text-align: center;
    margin: 20px 0 10px;}
   .generate-reports .btn-primary {min-width: 140px;position: relative;
    padding: 10px 10px 9px 10px!important;}
    .box-content.bottom-pagi{padding: 0 0 10px 0;
    border-radius: 8px;}


    .SearchBoxPopup h2{font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
/* identical to box height */

text-align: center;

color: #25B6E1;}
.SearchBoxPopup p{font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
/* identical to box height */

text-align: center;

color: #383737;}
.SearchBoxPopup .modal-header{border-bottom: 1px solid #ddd;padding:0}
.SearchBoxPopup .modal-content{border-radius:8px}

.download-export .dropdown a i.fa.fa-angle-down,.download-export .dropdown a i.fa.fa-angle-up{color: #fff;
    float: right;
    margin: 1px 0 0 10px !important;}
    /*.open>.dropdown-toggle.btn-warning:focus,
    .open>.dropdown-toggle.btn-warning:hover{}*/
    .content-header .download-export .pull-right{height: auto;}
.download-export .download-student-report {
    right: 0;
    top: -6px;
    border-radius: 5px;
    padding: 5px 15px !important;
}

.download-export .download-student-report:hover,.download-export .download-student-report:focus{    background-color: #ec971f;
    border-color: #d58512 !important;color: #fff}
.download-export .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile{width: auto;}
.numeric-select{width:215px;position: relative;
    top: 0;right: 0}
.numeric-select .nya-bs-select .btn.btn-default .caret{color: #fff}
.numeric-select button.btn.btn-default {
    background-color: #25b6e2 !important;    
    border: none !important;
    border-radius: 3px;
    padding: 6px 15px !important;
    
}
.qb-res-top-btns ul li span.special-title,.qb-res-top-btns ul li span.caret,.qb-res-top-btns ul li span.filter-option{padding:0 !important}
.edit-create-test-que .qb-res-top-btns ul li span.filter-option{width: 100% !important;text-align: center!important}
.numeric-select .dropdown-toggle.show-special-title .special-title{color: #fff;font-size: 14px}
.nya-bs-select .dropdown-toggle .caret,.numeric-select .nya-bs-select .dropdown-toggle .filter-option{font-size: 14px;color:#fff;}
.numeric-section .col-md-1{text-align: center;
    width: 3%;
    vertical-align: middle;
    padding: 7px 0;}
.numeric-section .form-control{border:1px solid #25b6e2;width: 100%}

.sample-report-inner .pdf-detail{text-align: center;position: relative;}
.sample-report-inner .pdf-detail .pdf-img{background: #fff;
    border-radius: 8px;
    border: 2px solid #e0e7f7;
    text-align: center;
    padding: 15px;margin-bottom: 5px;display: block;}
.sample-report-inner{margin:25px 0;padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 8px #c3cfd4;
    border-radius: 8px;}
.sample-report-inner .pdf-detail img{width: 100%;height: 100%}
.sample-report-inner .pdf-detail .pdf-img-hover{    background: rgb(0,0,0,0.3);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    height: 90%;
    border-radius: 8px;display: none;}
    .sample-report-inner .pdf-detail:hover .pdf-img-hover{display: block;}
   .sample-report-inner .pdf-detail:hover .pdf-img-hover i {    z-index: 999;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    top: 46%;
    position: relative;
    background: #525252;
    padding: 9px;
    border-radius: 28px;
    cursor: pointer;
}
.sample-instruction{position: absolute;
    right: 0;
    top: 0;}
    .subject-detail-title h2 {font-size: 11px;
    padding: 10px 10px 5px;
    margin: 0;
    border-top: 1px solid #e0e7f7;
    color: #a7a7a7;
}
.sample-instruction .btn.btn-primary{padding:5px 7px 5px 7px!important}
.scheme-details ul{padding: 0 10px 5px 28px !important}
.scheme-details ul li {padding: 5px 0 0 0;list-style: initial !important;font-size: 12px;margin:3px 0;}
.scheme-details ul li:last-child{margin-bottom:8px}
.scheme-details ul li div{list-style: none;display: inline-block;vertical-align: middle;}
.positive-marks,.negative-marks{color: #2dbb2d;
    /*padding: 6px 4px;
    border-radius: 3px;
    color: #fff;*/
    font-size: 14px;
    font-weight: 600;/*width: 35px;*/
    text-align: center;margin-left:5px}
    .negative-marks{color:#f00;}
    .scheme-details ul li div:nth-child(1){width: 158px}
    .scheme-details ul li div:nth-child(2){width: 60px;text-align: right;padding-right: 15px}
    #editQuestionForm{margin-top:50px;}
    .numeric-select .nya-bs-select .dropdown-toggle.disabled .caret{display: none;}
    .numeric-section.remove-bd .form-control{border-color:#e4e5e8;}


    .numpad-input {    width: 200px;
    border: 1px solid #ccc;
    padding: 6px;}

    .question .numeric-details .que-no{font-size: 14px;color: #000}
     .numeric-details .que-text{  font-size: 15px;
    text-align: left;
    padding: 3px 10px;
    /* font-family: 'Montserrat', sans-serif; */
    /* font-weight: bold; */
    border-radius: 2px;}
    .to-text{padding:20px 0;text-align: center;display: block}
    .marks-status {    position: absolute;
    top: -1px;
    right: 145px;
 /*   background: #fff;
    border: 1px solid #ccc;
    padding: 3px 8px;
    border-radius: 3px;*/
}
#fwd,#back{   /* display: inline-block;
    border: 1px solid #d1d1d2;
    padding: 4px 10px;
    margin: 6px 0px;*/
    border-radius: 5px;
    /* background: #fff; */
    min-width: 32px;
   /* width: auto;*/
    background-color: #DEDBE4;
    border: 1px solid #666666;
    display: inline-block;
    color: #000000;
    font-family: arial;
    font-weight: bold;
    padding: 3px 6px;
    margin: 2px;
    cursor: pointer;
    width: auto;}
.question .marks-status .que-no{    font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px 8px;
    border-radius: 5px;
    width: 44px;
    text-align: center;
    margin: 0 3px;}
.question .marks-status .que-no.positive-m{color:#8bc348;}
.question .marks-status .que-no.negative-m{color:red;}
.numeric-section{width: 100%;display: inline-block;
   /* background: #fff;
    box-shadow: 0 0 5px #ccc;
    padding: 20px;*/}
    .numeric-details.que-options ul li,.numeric-details.que-options .option-content{min-height: initial;}
    .numeric-details.que-options ul li{margin-bottom: 22px;
    padding: 7px 10px;}
    .to-text{        display: block;
    margin: 0 auto;
    padding: 16px 0;
    text-align: center;}

  .numpad button.del  {    background-color: #DEDBE4;
    border: 1px solid #666666;
    display: inline-block;
    color: #000000;
    font-family: arial;
    font-weight: bold;
    padding: 3px 6px;
    margin: 4px;
    cursor: pointer;
    width: auto;}
    .numpad button:hover {
    background: #a5d4e4;
}
.numpad button.del:hover,#fwd:hover, #back:hover{background:#da5b5b73}
.que-display .ti-close, .que-display .ti-check{    background: #f00;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    position: relative;
    top: 14px;}
   .que-display .ti-check{background:#2aad2a}
   .box-gray h5{margin-bottom: 10px}
   .answer-options h2{color: #24b6e0;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}
    .numeric-section .form-control[disabled]{background-color:#fff;}

    .seperate-subject .form-group{border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px}
    .seperate-subject .form-group label{width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;}
   .seperate-subject .form-group ol {display: inline-block !important;
    width: 438px !important}
    .negative-info{background-color: #777474;
    padding: 2px;
    font-size: 10px;
    border-radius: 10px;
    margin-left: 2px;
    position: absolute;
    right: 17px;
    top: 0px;
    color: #fff;}

    .questionModelPreview .modal-body{    padding: 30px 40px;
    max-height: 550px;
    overflow: auto;}
.questionModelPreview .modal-dialog{width: 750px}
.questionModelPreview .view-que .que-no{margin-right:8px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-align: left;
color: #383838;
display: block;
clear: both;margin-bottom: 10px}
.questionModelPreview .view-que .que-no img{margin-right: 10px}
.questionModelPreview .modal-body p{text-align: left;}
.questionModelPreview .answer-options ul li{padding:0 !important;
border: 2px solid #fff !important;}

.questionModelPreview .answer-options ul li{    position: relative;
padding: 7px 10px 7px !important;
border: 1px solid #ddd !important;
margin-right: 0;background: #fff ;border-radius: 3px;}
.questionModelPreview .answer-options ul li.selected {background: #EEFFE8;
border: 1px solid #41A21F !important;
border-radius: 3px;
box-shadow: none;
}
/*.results-report .results-inner */.nya-bs-select .btn.btn-default .caret{color: #000}
.content.results-report .nya-bs-select.btn-group .dropdown-menu{overflow: auto;max-height: 250px}
.package-screen .box{margin-bottom:0}
#SearchBoxPopup.modal button.close {
    color: #fff;
    width: auto;
    height: auto;
    top: 42px;
    right: 35px;
    border-radius: 4px;
    padding: 5px 10px;
    background-image: none !important;
    text-indent: 0px;
    font-weight: 500;
    line-height: 14px;
    background: #cecaca;
    border: none;
    font-size: 12px;
    text-shadow: none;
}
#SearchBoxPopup.modal button.close:hover{background: #b3acac}
#EditBoxPopup .modal-body{padding: 30px 60px;   text-align: center;
    padding: 30px 60px;}
    #EditBoxPopup .modal-body .form-group{margin:0;}
    #EditBoxPopup .modal-body .form-group label{display: inline-block;
    margin: 6px 0;}
    #EditBoxPopup .modal-body .form-group input{    display: inline-block;
    width: auto;
    margin: 0 0 0 10px;}
    #EditBoxPopup .modal-dialog{width: 450px}
    .omr-buttons{margin:0 0 15px 0;width:100%;display: inline-block;}

    /* Vikesh Css */
    /*#PublishTest .map-inner-tab-panel ul.fixedRow{
       position: relative;
    margin-top: 0 !important;
    top: 0;
    padding-top: 0;
    width: 100% !important;
    z-index: 0;
    }
    .viewOnlinePackageTable{
        padding: 7px 8px !important;
    }
*/


    .sidebar-collapse .tablesDropdown{width: 226px}
    .sidebar-menu li.tables a i.fa.fa-angle-right{padding-right: 0;margin-right: 0}
    .sidebar-menu li.tables a i.fa.fa-angle-up{padding-right: 0;margin-right: 0}
    .sidebar-menu li > a > .pull-right-container{right: 20px}
    table .dropdown-menu{z-index: 1}
    .test-detail .check .check-btn input,.test-detail .check .checkmark{top:0;}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    text-align: right;
    padding: 10px 35px;
    border-top: 1px solid #eaeaea;
}


#Enrolled_student_tab .map-test-button.view-pack-map div{    right: 91px;
    top: 136px;}
#Enrolled_student_tab .check .checkmark,#Enrolled_student_tab .check .check-btn input{top:0}


.bulkupload-que{padding:0 20px}
.bulkupload-que button{background: #25b6e2;border:none;padding:10px 25px;color: #fff;font-weight: 600;cursor: pointer;}
.bulkupload-que .select-video-file{background: #fff;padding:60px 0;clear: both;}
.bulk-file-format{width: 240px;
    float: right;
    padding: 15px 0 0 0}

/*#Learn#Video*/
.lesson-name{display: flex;align-items: center}
.lesson-name span{margin: 0 10px 0 0;position: relative;}
.lesson-name span img{vertical-align: top}
.video-icon {display: flex;position: absolute;top: 35%;left: 42%}
/*#viewVideoLesson*/
.mapped-course-listing li{background: #E6E6E6;border-radius: 50px;font-size: 12px;line-height: 15px;color: #585858;padding: 9px 15px;list-style: none;display: inline-block;
margin: 2px;}
.create-test-wrapper .start-dt{width: 100%;display: inline-block;float: none;}
.create-test-wrapper .start-dt .form-group{width: 100%;display: inline-block}
/*#CreateVideoLesson*/
.select-video-file{ text-align: center;border: 2px dashed #E79214;/* outline-offset: -10px; */
-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
transition: outline-offset .15s ease-in-out, background-color .15s linear;
padding: 40px 0 0 0;margin:25px 2px;border-radius:5px}
.drag-drop{font-weight: 500;font-size: 13px;line-height: 16px;color: #B0B0B0;}
.select-video-file p{font-weight: 500;font-size: 12px;line-height: 15px;color: #C57C0F;margin:0;background: #FFF9F1;border-radius: 5px;padding:15px}
.video-or{font-weight: 600;font-size: 13px;line-height: 16px;color: #383737;display: block;margin:15px 0;}
.browse-outer{display: block;}
.select-file-btn{background: #333C4E;position: relative;border-radius: 5px;cursor: pointer;padding: 9px 25px 11px;cursor: pointer;display: inline-block;margin: 0 0 15px 0;color: #fff;}
.select-file-btn:hover {background: #25b6e2;}
.select-file-btn input{opacity: 0;position: absolute;top:0;left: 0;    width: 132px;cursor: pointer;
padding: 9px 0}
.file-limitations{font-weight: 500;font-size: 12px;line-height: 15px;color: #777777;}
.file-limitations span{color: blue}
.upload-video .progress{background: #E1E1E1;border-radius: 10px;height: 12px;margin-top:8px;}
.upload-video .progress-bar{background: #FFBA33;border-radius: 10px;}
.after-upload-section{margin-top:10px;}
.after-upload-section .btn.btn-primary{position: relative;top: 13px}
/*css for dropbox*/
.upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;}
.btnupload {height:200px;width:400px;border: 2px solid gray;color: gray;background-color: white;padding: 8px 20px;border-radius: 8px;font-size: 20px;font-weight: bold;}
.upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}
/*css for lsit files*/
.listui {list-style-type: none;padding: 0;margin: 0;}
.listui li {position: relative;}
.listui li .down-list {font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;
color: #000000;background: #F1F1F1;border-radius: 5px;padding: 14px 20px;position: relative;margin-top:15px;margin-right:100px}
.listui li .down-list:hover {background-color: #eee;}
.listui li .down-list input{margin: 0 8px 0 0;position: relative;top: 2px;}
.down-close {cursor: pointer;position: absolute;top: 50%;right: 0%;padding: 8px 16px;transform: translate(0%, -50%);}
.listui li .edit-add-btn .n-plus{top: 0;width: auto;}
.listui li .edit-add-btn button{top:0;}
.listui li .edit-add-btn button i{margin:0 2px;display: inline-block;}
.add-file input{    opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 30px;
display: inline-block;
height: 26px;
border-radius: 50%;}
/*.edit-add-btn button {
font-size: 14px;
background: none;
border: 0;
border-radius: 4px;
color: #333c4e;
font-weight: 600;
display: inline-block;
top: -3px;
position: relative;
}
.edit-add-btn button i.ti-plus {
font-size: 16px;
}
.edit-add-btn button i {
margin-right: 9px;
background: #25b6e2;
padding: 5px;
border-radius: 20px;
color: #fff;
}*/
.accessible-for span.acc-title{display: block;
margin: 15px 0 15px;
border-top: 1px solid #ddd;
padding-top: 10px;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #8C8C8C;}
.accessible-for input{margin: 0 4px 0 0;
position: relative;
top: 2px;}
.box-gray .accessible-for label{margin-right:30px}
.scrolling-wrapper {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
margin:0}
.map-test-button.edit-btn.right-btn.top-fil{position: absolute;}
.box-category .dropdown.user.user-menu{margin-left:10px }


/*#Learn*/
.search-lesson input{padding: 6px 8px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
    border: none;
    margin-left: 5px;
    color: #555;border:1px solid #f5f0f0;width: 130px}
.map-test-button button.clear-lesson{    font-size: 14px;
    background: none;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    background: #25b6e2;
    padding: 8px 20px;
    margin-left: 10px;}
.map-test-button button.clear-lesson:hover {
    background: #333b4e;
}
   .qb-learn .box-title.box-category,.qb-live-class .box-title.box-category{    text-transform: uppercase !important;
    position: fixed;
    z-index: 9;
    background: #fff;
    width: 100%;
    padding: 35px 0;
    /* margin: 0 -10px !important; */
    border: none;
    overflow: hidden;}

/*#Create learn*/
.qb-create-learn .browse-img-btn,.qb-edit-learn .browse-img-btn{background: linear-gradient(180deg, #F7F7F7 0%, #E6E4E4 100%);
border: 1px solid #D1D1D1;
box-sizing: border-box;padding:12px 25px;
border-radius: 3px;position: relative;display: inline-block;}
.qb-create-learn .browse-img-btn input,.qb-edit-learn .browse-img-btn input{border: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 43px}
.qb-create-learn .preview-img,.qb-edit-learn .preview-img{display: block;clear: both;}
.qb-create-learn .course-image img ,.qb-edit-learn .course-image img { display: inline-block;
    height: auto;
    max-width: 100%;
    margin: 15px 10px 0 0;
    border-radius: 8px;
    clear: both;}

.qb-create-learn .course-image button,.qb-create-learn .other-setting button,
.qb-edit-learn .course-image button,.qb-edit-learn .other-setting button {border:none;background:none;vertical-align: bottom}
.qb-create-learn .course-image button i,.qb-create-learn .other-setting button i,
.qb-edit-learn .course-image button i,.qb-edit-learn .other-setting button i {    background: #f00;
    margin-right: 0;
    padding: 5px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    display: inline-block;}
.qb-create-learn .multiple-id ul li ,.qb-edit-learn .multiple-id ul li {
    display: inline-block;
    list-style: none;
    margin: 0 2px 3px 2px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background: #e0e7f7;
    padding: 1px 5px;
    font-size: 12px;
}
.qb-create-learn .other-setting button,.qb-edit-learn .other-setting button{position: absolute;right: 0;top:-10px;}
.qb-create-learn .other-setting button.dropdown-toggle, .qb-edit-learn .other-setting button.dropdown-toggle{position: relative;top:0;}
.qb-create-learn .other-setting button i,.qb-edit-learn .other-setting button i {background: #25b6e2;}


/*#edit learn*/
.qb-edit-learn .course-image img{margin-top:0;}



.mCSB_scrollTools{width: 8px}
.mCSB_inside > .mCSB_container{margin-right:0}

ul.mapped-course-listing{margin:0;}
/*Create live classes*/
.clive-class-create{display: inline-block;margin-right:10px}
.clive-class-create input{margin:0 4px 0 0;display:inline-block;position: relative;top: 2px}
.input-group .input-group-addon {border-top-left-radius: 3px;border-bottom-left-radius:3px}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child){border-top-right-radius: 3px;border-bottom-right-radius: 3px}
.other-record-title{display: block;margin: 4px 0 0 25px;color: #ccc;}
.other-record-title label{margin:0px 0 10px;}
.other-checklist input{margin: 0;display: inline-block;margin-right: 10px;position: relative;
top: 2px;}
.other-record-title input{display: inline-block;margin: 0;position: relative;top: 8px;}
.other-record-title span{display: inline-block;margin: 0;position: relative;top: 14px;}
#myRadioGroup .other-record-title input[type=radio],.view-live-class .other-record-title input[type=radio]{top:16px;margin:0 10px 0 0;}
#myRadioGroup .other-record-title input[type=text],.view-live-class .other-record-title input[type=text]{width: 180px}
.other-checklist{margin:10px 0}
#myRadioGroup input[type=radio]{margin: 0 4px 0 0;display: inline-block;position: relative;
top: 2px;}
.schdule-recurring-classes label{position: relative;top:8px}
.schdule-recurring-classes .nya-bs-select .btn.btn-default{min-width: auto}
.schdule-recurring-classes .send-notification-feat{margin-left:0}
.schdule-recurring-classes .rad-wrap label{top:5px;}
/*View Live Classes*/
.content-header .pull-right.view-top-right{position: absolute;top:0;right:15px;height: auto;}
.view-live-class .que-status,.view-live-class .delete-btn,.view-live-class .edit-btn{display: inline-block;margin-left: 5px}
.view-live-class .que-status{width:auto;position: relative;top:6px;}
.view-live-class .que-status span{background: #18B33A;border-radius: 20px;padding: 2px 12px;
font-size: 11px !important;color: #fff}
.view-live-class .que-status{width:auto;}
.view-live-class .map-test-button button span{margin:0;}
.view-live-class .start-session{/*position: fixed;top: 108px;right: 15px;z-index: 99;*/ display: inline-block;}
.view-live-class .start-session span{cursor: pointer;background-color: #FE4465;
border: 1px solid #fe4465;border-radius: 5px ;
min-width: 100px ;text-align: center ;color: #fff;font-weight: 600 ;
padding: 4px 15px 5px ;display: inline-block;}
.view-live-class .start-session span:hover{background: #fff;border-color:#fe4465;color:#fe4465}
/*.view-live-class .test-fil-table{margin-top:25px;}*/

.send-notification-feat{display: inline-block;width: 80px;margin:0 5px}
.send-notification-feat:last-child{width: 100px}
.q-view p{margin:0}
/*liveClasss-main*/
.liveClasss-main .tab-content{padding-top:45px}
.liveClasss-main .nav-tabs-custom > .nav-tabs{z-index:99}
.liveClasss-main .status-btn{ padding: 3px 10px;border-radius: 3px;text-transform: capitalize;color: #fff;
font-size: 11px;min-width:88px;display:inline-block;}
.liveClasss-main .live{background: #14BE8B}
.liveClasss-main .running{background: #14BE8B}
.liveClasss-main .upcoming{background:#FF9933}
.liveClasss-main .past{background:#0E8DC9}
.liveClasss-main .status-btn.start-now{margin:2px 0;cursor: pointer;background: #FE4465 !important;padding: 5px 15px;display: inline-block;border:1px solid #FE4465 !important;color: #fff !important}
.liveClasss-main .status-btn.start-now:hover {background: #fff;border: 1px solid #fe4465;color: #fe4465}
 .weekDays-selector input {
  display: none!important;
}

.weekDays-selector input[type=checkbox] + label {
  display: inline-block;
  border-radius: 13px;
  background: #dddddd;
  height: 26px;
  width: 26px;
  margin-right: 7px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
}

.weekDays-selector input[type=checkbox]:checked + label {
  background: #25b6e2;
  color: #ffffff;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {height: 55px;width: auto;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    z-index: 5;
    color: #555; 
    font-size: 14px;
    margin: 5px 0 0 0;
    text-transform: capitalize;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header{height: auto;}
.skin-blue .main-header li.user-header{background:transparent !important}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li:last-child{border-bottom:none !important}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li:last-child a{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px}
.main-header .sidebar-toggle:before{content:initial;}
@media (min-width: 768px){
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer{margin-left:0 !important}
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: -2px;
}


.qb-res-top-btns{text-align: right;}
.qb-res-top-btns ul{margin: 0;}
.qb-res-top-btns ul li{display: inline-block;margin-left: 5px;vertical-align: top}
.qb-res-top-btns ul li span{cursor: pointer;padding: 4px;background: #25b6e2;border-radius: 50px;color: #fff;font-size: 13.5px !important;
display: block;}
.qb-res-top-btns ul li span button {border: none;background: none}
.qb-res-top-btns ul li.course-cat-status{font-weight: 500;height: auto;vertical-align: middle;line-height: initial;font-size:15px;position: relative;top: 4px}
.responsiveListing-table{display:none;}
.mCustomScrollBox{}


.view-offline-package .qb-res-top-btns{position: fixed;top: 75px;right: 30px;z-index: 9;}
.view-offline-package .question-detail.form-inline .box-content:first-child{margin-top:10px !important}


.edit-live-classes .rad-wrap,.create-live-classess .rad-wrap{position: relative;top: 10px;}
.edit-live-classes .create-test-wrapper .rad-wrap,.create-live-classess .create-test-wrapper .rad-wrap{top:0;}


.view-live-classroom .question-detail.que-filter .box{margin:0}
.view-live-classroom .question-detail.que-filter .box .qb-res-top-btns{position: fixed;
    top: 70px;
    right: 25px;
    z-index: 999;}
.view-live-classroom .content-header{right: 101px;    padding-right: 1px;}

.learn-header .total-course{    position: relative;
    top: 0;
    /* left: 221px; */
    font-weight: 500;
    height: auto;
    vertical-align: middle;
    line-height: initial;
    font-size: 15px;
    position: relative;
    top: 7px;
    float: left;
}
.skin-blue.sidebar-collapse .learn-header .total-course{left:0;}
.qb-learn .box-title.box-category{position: relative;
    padding: 0;
}
.qb-learn .box-title.box-category .map-test-button.right-btn{top: 70px;
    right: 65px;}
   .qb-learn .box-category .dropdown.user.user-menu,
   .prac-pack-header .box-category .dropdown.user.user-menu,
   .test-series-view .box-category .dropdown.user.user-menu,
   .content-header .box-category .dropdown.user.user-menu{max-width: initial !important;width: auto !important}
   .qb-learn .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a,
   .prac-pack-header .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a,
   .test-series-view .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a,
   .content-header .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a {    border: 1px solid #f5f0f0;
    padding: 0 15px;
    margin-bottom: 0;
    background: #fff;}
.qb-learn .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span,
.prac-pack-header .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span,
.test-series-view .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span,
.content-header .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span {
    padding: 4px 8px 4px 0;
    margin: 0;
    text-transform: capitalize;font-size: 12px !important;font-weight: normal;
}
.qb-learn .dropdown a i.fa.fa-angle-down,.qb-learn .dropdown a i.fa.fa-angle-up,
.prac-pack-header .dropdown a i.fa.fa-angle-down,.prac-pack-header .dropdown a i.fa.fa-angle-up,
.test-series-view .dropdown a i.fa.fa-angle-down,.test-series-view .dropdown a i.fa.fa-angle-up,
.content-header .dropdown a i.fa.fa-angle-down,.content-header .dropdown a i.fa.fa-angle-up{margin-left:0 !important;margin-right: 0 !important;margin-top:5px;}
.qb-learn .search-lesson input , .qb-res-top-btns .map-test-button span.search-lesson input{
    padding:4px 9px;
    background: #fff;
    border-radius: 5px;
    border: none;
    width: 100px;
    margin-left: 10px;
    color: #555;
    border: 1px solid #f5f0f0;
}
.qb-res-top-btns li .map-test-button span.search-lesson input{ padding:4px 9px;}

 .qb-res-top-btns .map-test-button span.search-lesson{padding: 0}
.map-test-button button.clear-lesson{padding: 5px 20px;font-size: 12px}
.content-header.learn-header{padding-bottom: 15px}
.qb-learn .box-title.box-category ul.dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,.175)}


.view-learn-course .qb-res-top-btns{    position: fixed;
    top: 70px;
    z-index: 9;
    right: 25px;}
.view-learn-course .que-status{top:6px;position: relative;width: auto;}
.view-learn-course .tab-content{padding-top: 52px}
.view-learn-course .sub-map .question-list{height: calc(100vh - 178px);}
#Enrolled_student_tab .action-buttons button:before,#Enrolled_student_tab .action-buttons button:after{content: initial;}
.qb-res-top-btns .box-title.box-category .dropdown-menu>li{margin-left:0}
.qb-res-top-btns .box-title.box-category .dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,.175)}
.qb-res-top-btns .map-test-button{top: 0 !important;position: relative !important;right: 0 !important;}
.qb-res-top-btns .map-test-button span{background: none}
.content-header.view-pr-pack-header .que-o-status.status button{margin-left: 0;margin-right: 6rem}
.content-header.view-pr-pack-header .que-o-status.status{top: 4px;position: relative;padding-right: 0;padding-left: 0;margin-left:8px}
.content-header.view-pr-pack-header{right: 25px;padding-right: 0;padding-left:0}
.view-practice-package .qb-res-top-btns,
.view-test-series .qb-res-top-btns,
.screen-viewtest .qb-res-top-btns{position: fixed;top: 70px;right: 25px;z-index: 99;}
.prac-pack-header{}
.content .nav-tabs-custom .package #tab_1 .que-o-status button{margin-left: 0}
.export-print .outer-tab {  margin: 30px 0 25px 0;}
.screen-test.bulkUploadFlag-view .box-title{padding-top:0}
.left-limiter-login{background: linear-gradient(225deg, #00008D -20.66%, #25B6E1 99.1%)}
.login button{background:#26B7E1}
.login button:hover{background: #09aadf}
.login-icon img{height:60px;margin-top:-125px}