.login-page, .register-page {
  background: #0f0c33 !important;
    background-image: url('../img/mainbg.jpg') !important;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    
}
.login-box, .register-box {
  width: 360px;
  margin: 12% auto;
}
.login-box-body, .register-box-body {
  background: #fff;
  padding: 20px;
  color: #444;
  border-top: 0;
  color: #666;
    box-shadow: 2px 8px 32px #000;
}
.layout-boxed {
  background: none;
  background-color: #333;
}
.stext {
    font-size: 11px;
    font-style: italic;
}
.wtext {
    color: #fff !important;
}
td, th {
  padding: 0;
  vertical-align: middle !important;
}
.skin-green .main-header .logo {
  background-color: #0f0c33 !important;
  color: #fff;
  border-bottom: 0 solid transparent;
}
.skin-green .main-header .navbar {
  background-color: #f07c00 !important;
}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
  background: #242056 !important;
}
.skin-green .sidebar-menu > li.header {
  color: #4b646f;
  background: #0f0c33 !Important;
}
.skin-green .sidebar-menu > li > a:hover, .skin-green .sidebar-menu > li.active > a {
  color: #fff;
  background: #151243 !important;
  border-left-color: #f07c00;
}
.btn-primary {
  background-color: #242056;
  border-color: #242056;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
  background-color: #100d35 !important;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
  background-color: #3f3a7d !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-waring, .modal-warning .modal-body {
  background-color: #f07c00 !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
  background-color: #666 !important;
}
.skin-green .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #1a1749 !important;
}
.skin-green .main-header li.user-header {
  background-color: #f07c00 !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #242056;
  border-color: #242056;
}
.split {
    clear: both;
}
.select2-container .select2-selection--single {
  height: 34px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px !important;
  padding-right: 6px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 4px !important;
  right: 6px !important;
}
.bicon {
    font-size: 33px;
}
.biconlight {
    font-size: 55px;
    color: #ddd;
    margin: 22px 0px;
}
.bcolor {
    color: #242056 !important;
}
.ocolor {
    color: #f07c00 !important;
}
.gcolor {
    color: #999 !important;
}
.mb {
    margin-bottom: 2px !important;
}
.mbnew {
    margin-bottom: 8px !important;
}
.fpic {
    width: 100%;
    border-radius: 8px;
}
.lightline {
 
    border: solid 1px #eee;
}
.notes {
    margin: 10px 0 0 0px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}