@font-face{
  font-family: Maven Pro;
  src: url('../../assets/fonts/MavenPro-Regular.woff');
}

body{
  color: #555;
  font-size: 12px;
  /* font-size: 2vh; */
  /* font-family: 'Maven Pro', Helvetica, Arial; */
  font-family: Helvetica, Arial;
  font-weight: 400;
}

.error_msg{
  color: red;
}

.required-label::after{
  color: red;
  content: '*';
  /* font-size: 14px; */
}

.skin-black .pace .pace-progress {
  background: #337ab7;
}


.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);
  background-color:#337ab7; 
}

.skin-black .main-header .navbar {
  /* background-color: #eee; */
  background-color: #337ab7;
}

.skin-black .main-header .navbar .nav>li>a {
  color: #fff;
}

.skin-black .main-header>.logo:hover {
  background-color: #337ab7;
}

.skin-black .main-header .navbar>.sidebar-toggle {
  color: #fff;
  border-right: none;
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header .navbar .navbar-right>li>a {
  border-left: none;
  border-right-width: 0;
}

.skin-black .main-header>.logo {
  /* background-color: #eee; */
  background-color: #337ab7;
  padding-top: 5px;
  height: 60px;
}
.sidebar {
  padding-top: 10px;
}

.control-sidebar{
  margin-top: 12px; 
}

.skin-black .main-header .navbar .sidebar-toggle:hover {
  color: #fff;
  background: #337ab7;
  height: 60px;
}

.main-header .navbar .nav > li > a > .label {
  top: 12px;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a{
  padding-top: 8px; 
} 

.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{
  color: #fff;
  background: #337ab7;
  height: 60px;	
}

.skin-black .main-header li.user-header {
  background-color: #337ab7;
}

.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
  background-color: #F6F6F6;
}

.skin-black .sidebar .sidebar-menu a {
  /*color: #555;*/
  color: #337ab7;
  /*border-bottom: 1px solid #eee;*/
  border-bottom: 1px solid #337ab7;
}

.sidebar-menu > li > a {
  padding: 12px 5px 12px 8px;
  display: block;
}


.user-panel {
  /* background: #337ab7; */
  background: #f6f6f6;
  margin-top: 0px;
  border-bottom: 1px solid #337ab7;
  padding: 8px;
}

.user-panel > .info {
  padding: 0px 5px 5px 5px;
  line-height: 1;
  position: absolute;
  left: 60px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 225px;
  padding: 10px;
  text-align: center;
}

.skin-black .user-panel>.info, .skin-black .user-panel>.info>a {
  color: #337ab7;
  text-align: center;
  line-height: 1.25;
}

.content-wrapper {
  background-color: #ffffff;
}

.main-footer {
  background: #ddd;
  padding: 5px 10px 5px 10px;
  color: #555;
}
.main-footer a {
  color: #1B5E20;
}

.skin-black .sidebar-menu>li:hover>a {
/* color: #555;
background: #EFEFEF;*/
color: #fff;
background: #337ab7;

}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
  width: auto; 
  margin-right: 5px;
}


.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li.menu-open>a{
  color: #fff;
  background: #337ab7;
}

.main-header .sidebar-toggle {
  padding-top: 20px;
}

/* .skin-black .sidebar-menu .menu-open .treeview-menu>li>a {
color: #555;
background: #ddd;
} */

/* tree view menu */
.skin-black .sidebar-menu>li>.treeview-menu {
  background: #F6F6F6;
}

.skin-black .sidebar-menu .treeview-menu>li.active>a, .skin-black .sidebar-menu .treeview-menu>li>a:hover {
/*color: #555;
background: #ddd;*/
color: #f6f6f6;
background: #337ab7;
}

.treeview-menu {
  padding-left: 0px;
}

.skin-black .sidebar-menu>li>a{
  border-left: none;
}

.skin-black .sidebar-menu .treeview-menu>li>a {
  /*color: #555;*/
  /*border-bottom: 1px solid #eee;*/
  color: #337ab7;
  border-bottom: 1px solid #337ab7;
  padding-left: 2px;
  margin-left: 15px;
  font-size: 12.5px;
  font-weight: 600;
  max-width: 228px;
}

.treeview-menu .treeview-menu {
  padding-left: 0px;
}

.skin-black .sidebar-menu .treeview-menu .treeview-menu>li>a {
  padding-left: 2px;
  margin-left: 25px;
}

.skin-black .sidebar-menu .treeview-menu .treeview-menu .treeview-menu>li>a {
  padding-left: 2px;
  margin-left: 35px;
}

.treeview-menu .treeview-menu .treeview-menu {
  padding-left: 0px;
}

.treeview-menu > li > a > .fa, .treeview-menu > li > a > .glyphicon, .treeview-menu > li > a > .ion {
  width: auto;
  margin-right: 5px;
}

.skin-black .sidebar-menu>li.active>a {
  border: none;
}


/* login page */
.login-box-body, .register-box-body {
  background: #eee;
  border: solid #000 1px !important;
  /*box-shadow: 4px 4px 8px 2px #ccc;*/
}

.login {
  background-color: #444 !important;
}

.login .form-control:active {
  border: 1px solid #4BB830 !important;
}
.form-control {
  padding-right: 5px;
}

/* .skin-black .sidebar-menu>li.menu-open>a {
color: #fff;
background: #FF6F00;
}

.skin-black .sidebar-menu>li>.treeview-menu {
color: #fff;
background: #FF6F00;
} */



/* form element */
.eq-section textarea, .eq-section input[type="email"], .eq-section input[type="number"], .eq-section input[type="password"],
.eq-section input[type="search"], .eq-section input[type="tel"], .eq-section input[type="text"], .eq-section input[type="url"],
.eq-section input[type="color"], .eq-section input[type="date"], .eq-section input[type="datetime"], .eq-section input[type="datetime-local"],
.eq-section input[type="month"], .eq-section input[type="time"], .eq-section input[type="week"],.eq-section input[type="file"]{
  webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-transition: border-color !important;
  -moz-transition: border-color !important;
  transition: border-color !important;
  background-color: white !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  font-size: 1em !important;
  margin-bottom: 0.75em !important;
  padding: 5px 10px !important;
  width: 100% !important;
  border-radius: 0px;
  height: 29px !important;
}

.eq-section input[readonly="readonly"]:hover, .eq-section input[disabled]:hover, .form-control[disabled]:hover, .form-control[readonly]:hover, .eq-section textarea:hover, .eq-section input:hover[type="email"], .eq-section input:hover[type="number"], .eq-section select[multiple="multiple"]:hover, .eq-section select:hover, .eq-section input:hover[type="password"], .eq-section input:hover[type="search"], .eq-section input:hover[type="tel"], .eq-section input:hover[type="text"], .eq-section input:hover[type="url"], .eq-section input:hover[type="color"], .eq-section input:hover[type="date"], .eq-section input:hover[type="datetime"], .eq-section input:hover[type="datetime-local"]{
  border: 1px solid #337ab7 !important;
}

.eq-section input[readonly="readonly"]:focus, .eq-section input[disabled]:focus, .form-control[disabled]:focus, .form-control[readonly]:focus, .eq-section textarea:focus, .eq-section input:focus[type="email"], .eq-section input:focus[type="number"], .eq-section input:focus[type="password"], .eq-section input:focus[type="search"], .eq-section input:focus[type="tel"], .eq-section input:focus[type="text"], .eq-section input:focus[type="url"], .eq-section input:focus[type="color"], .eq-section input:focus[type="date"], .eq-section input:focus[type="datetime"], .eq-section input:focus[type="datetime-local"]{
  border-color: #337ab7 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5) !important;
  outline: none !important;
}

.eq-section input[readonly="readonly"], .eq-section input[disabled], .form-control[disabled], .form-control[readonly]{
  webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-transition: border-color !important;
  -moz-transition: border-color !important;
  transition: border-color !important;
  background-color: #eee !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  font-size: 1em !important;
  margin-bottom: 0.75em !important;
  padding: 5px 10px !important;
  width: 100% !important;
  border-radius: 0px;
  height: 29px !important;
}

.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
  height: 29px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.eq-section .input-group-btn{
  top: -4px;
}

.eq-section select{
  webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-transition: border-color !important;
  -moz-transition: border-color !important;
  transition: border-color !important;
  background-color: white !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  font-size: 1em !important;
  padding: 5px 0px !important;
  width: 100% !important;
  border-radius: 0px;
  border-color: #d2d6de;
  color: #333;
  height: 32px;
  line-height: 32px;
  margin-bottom: 0.75em
}

.form-group{
  margin-bottom: 5px;
}

/* form-validator */
.bad input, .bad select, .bad textarea {
  border: 1px solid #CE5454 !important;
  box-shadow: 0 0 4px -2px #CE5454 !important;
  -moz-animation: .7s 1 shake linear;
  -webkit-animation: 0.7s 1 shake linear;
}

.item input, .item textarea {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

@keyframes shake{
  15%{ transform:translateX(-5px); }
  30%{ transform:translateX(5px); }
  45%{ transform:translateX(-3px); }
  60%{ transform:translateX(3px); }
  75%{ transform:translateX(2px); }
  100%{ transform:none; }
}
@-webkit-keyframes shake{
  25%{ -webkit-transform:translateX(-6px); }
  75%{ -webkit-transform:translateX(6px); }
}

/* End form-validator */

/* select2 css modification */
.eq-section .select2-container--default .select2-selection--single{
  webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-transition: border-color !important;
  -moz-transition: border-color !important;
  transition: border-color !important;
  background-color: white !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  font-size: 1em !important;
  padding: 4px 0px !important;
  width: 100% !important;
  border-radius: 0px;
  border-color: #d2d6de;
  color: #ddd;
  height: 29px;
  line-height: 32px;
  margin-bottom: 0.75em
}
.select2-container--open .select2-dropdown--below {
  margin-top: -9px;
}
.eq-section .select2-container--default .select2-selection--multiple{
  border-radius: 0px;
}

/* for form validation */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -5px;
}

.bad .select2-selection__rendered{
  border: 1px solid #f00;
  box-shadow: 0 0 4px -2px #f00;
  -moz-animation: .7s 1 shake linear;
  -webkit-animation: 0.7s 1 shake linear;
}

.eq-section .select2-container--default .select2-selection--single:hover{
  border: 1px solid #337ab7 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field, .eq-section .select2-container--default .select2-selection--single:focus{
  border-color: #337ab7 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5) !important;
  outline: none !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field> .eq-section .select2-container--default .select2-selection--single{
  border-color: #337ab7 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5) !important;
  outline: none !important;
}
/* End select2 css modification */



/* role permission */
.users label{
  display:inline-block;
  min-width:180px;
}
.users input[type=checkbox]{
  margin-top:1px;
  margin-bottom:5px;
  margin-right:5px;
}
.users .sub-user{
  padding-left:40px;
}

.users .sub-user .sub-user label{
  min-width:85px;
}

.users .sub-user .sub-user{
  display:inline-block;
  padding-left:40px;
}
/* role permission */



/* pace progress bar */
.skin-black .pace .pace-activity {
  border-top-color: #337ab7;
  border-left-color: transparent;
}
/*.pace .pace-activity {
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: -30px;
  top: -30px;
  height: 90px;
  width: 90px;
  display: block;
  border-width: 30px;
  border-style: double;
  border-color: #337ab7 transparent transparent;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}*/

/*.pace .pace-activity:before {
  content: ' ';
  position: absolute;
  top: 10px;
  left: 10px;
  height: 50px;
  width: 50px;
  display: block;
  border-width: 10px;
  border-style: solid;
  border-color: #337ab7 transparent transparent;
  border-radius: 50%;
}*/
/* End Pace progree bar */


.box-grey{
  border-top-color: #374850;
}

.box-golden{
  border-top-color: #f0d677;
}


.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{
  word-wrap: break-word;
}

.jumbotron {
  color: #fff;
  background-color: #388E3C;
}

button.input-sm{
  padding: 4px 12px;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: 700;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  max-height: 150px;
  width: 8em !important;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  outline: none;
  z-index: 10052;
  margin: 0;
}


.label-very-low{background-color:#798783; padding: 4px 4px 2px 4px;}
.label-low{background-color:#34c9a1; padding: 4px 4px 2px 4px;}
.label-normal{background-color:#117003; padding: 4px 4px 2px 4px;}
.label-high{background-color:#e26363; padding: 4px 4px 2px 4px;}
.label-very-high{background-color:#ff0000; padding: 4px 4px 2px 4px;}


.badge-error {
  background-color: #b94a48;
}

.badge-warning {
  background-color: #f89406;
}

.badge-success {
  background-color: #468847;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-inverse {
  background-color: #333333;
}

.ui-pnotify-text{
  max-height: 450px !important;
  overflow-y: auto !important;
}

.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
}

.select2-selection__choice{
  color:black !important;
}

.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #337ab7;
  background-color: #337ab7;
}


@media (max-width: 767px){
  #content-inner-wrapper{
    padding-top: 15px;
  }
  .skin-black .main-header>.logo {
    background-color: #337ab7 !important;
  }   
  .main-header .sidebar-toggle {
    padding-top: 18px;
  }
  .skin-black .main-header>.logo:hover {
    color: #fff;
    background: #eee;
  }
  .skin-black .main-header>.logo {
    background-color: #ffffff;
  }
  .skin-black .main-header .navbar{
    background-color: #337ab7;
  }

  .skin-black .main-header .navbar .sidebar-toggle:hover {
    color: #fff;
    background: #337ab7;
    height: 50px;
  }

  .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{
    color: #fff;
    background: #337ab7;
    height: 50px;
  }

  .skin-black .main-header .navbar>.sidebar-toggle {
    color: #ffffff;
  }
  .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a {
    color: #ffffff;
  }

}

.modal-body {
  padding: 15px 15px 0px 15px;
}

.modal-footer {
  padding: 10px 15px 10px 15px;
}

.modal-body .box{
  margin-bottom: 10px;
}

fieldset {
  min-width: 0;
  padding: 10px 10px 0px;
  margin: 10px 0px;
  border: 1px solid silver;
  border-radius: 4px;
}

fieldset legend {
  display: block;
  width: auto;
  padding: 0;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: inherit;
  color: silver;
  border: 0;
}


.box.box-solid > .box-header .btn.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}


/* .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee !important;
opacity: 1;
} */



/* div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
z-index: 8888;
} */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}


.dataTables_processing {
  z-index: 11000 !important;
  background-color: #337ab7 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: bold ;
  border: 2px solid #555;
  box-shadow: 3px 5px 4px 1px #555;
}

.box {
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}

.dataTable tbody td {
  padding: 6px !important;
}


#loader{
  display : none;
}

#loader.show{
  display : block;
  position : fixed;
  z-index: 100000;
  background-image : url('../../assets/images/loader.gif');
  background-color:#666;
  opacity : 0.8;
  background-repeat : no-repeat;
  background-position : center;
  left : 0;
  bottom : 0;
  right : 0;
  top : 0;
  background-size: 18vh;
}

.jstree-default .jstree-clicked {
  color: #fff !important;
  background: #337ab7 !important;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999;
}

.jstree-default .jstree-hovered {
  color: #fff !important;
  background: #337ab7 !important;
}