/*
 * Skin: Bluepear
 * ----------
 */

.skin-pear {

}

.skin-pear .login-box-msg, .register-box-msg {
  color: white;
}

.navbar-brand {
  padding: 10px 15px;
}

.skin-pear .main-header .navbar-brand {
  color: #333;
  /*border-right: 1px solid #eeeeee40;*/
}

.skin-pear .main-header .navbar .navbar-nav>li>a {
  /*border-right: 1px solid #eeeeee40;*/
}

.skin-pear .main-header .navbar-toggle {
  color: #fff;
}

.main-header .logo-mini {
  display: none;
}

.skin-pear .main-header .navbar-toggle .icon-bar {
  background-color: #fff;
}

.skin-pear .main-footer {
  overflow: hidden;
}

@media (min-width: 768px) {
    .navbar-right {
    margin-right: 0;
    }

    .menu-box .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 11px;
    }
}

.skin-pear .menu-box .navbar .nav > li.active:first-child > a {
  border-left: none;
}

.skin-pear .menu-box .navbar .nav > li:first-child > a {
  border-radius: 5px 0 0 0;
}

.skin-pear .main-header {
  min-height: 130px;
  max-height: none;
  background-image: url(dots.png);
  background-size: contain;;
  background-color: #171941;
  z-index: 0;
  position: static;
}

.skin-pear .menu-box {
  border-top: none;
  margin: -15px -15px 10px;
}

.skin-pear .menu-box .navbar {
  border-radius: 5px 5px 0 0;
  background-color: #fff;
}

.skin-pear .content-wrapper {
  margin: -90px 15px 90px 15px;
  background-color: transparent;
  position: static;
  z-index: 1;
}

.skin-pear .content {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}

@media (min-width: 767px) {
  .skin-pear.sidebar-mini .content-wrapper {
    margin-left: 205px;
  }
  .skin-pear.sidebar-mini.sidebar-collapse .content-wrapper {
    margin-left: 65px!important;
  }
  .skin-pear.sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }
  /*.skin-pear.sidebar-mini.sidebar-collapse .main-header .navbar {*/
  /*  margin-left: 50px;*/
  /*}*/

}



.skin-pear .content-header hr {
  margin-top: 8px;
  margin-bottom: 10px;
}

.skin-pear  .content-header .subtitle {
  color: #d2d6de;
  text-shadow: 1px 2px 3px #444;
  margin-left: 4px;
}

.skin-pear .content-header>.breadcrumb {
  bottom: 6px;
  top: auto;
}

@media (max-width: 991px) {
  .navbar-collapse.pull-left+.navbar-custom-menu {
    right: 40px;
  }

.layout-top-nav .navbar-custom-menu .navbar-nav>li>a {
    padding-right: 0;
  }
}

.skin-pear .content-header> .breadcrumb > li > a {
  color: #eee;
}
.content-header > .breadcrumb {
  right: 0;
}

@media (max-width: 1024px) {
  .content-header > .breadcrumb {
    position: relative;
    margin-top: 14px;
    margin-bottom: 0;
    top: 0;
    right: 0;
    float: none;
    background: transparent;
    padding-left: 0;
    display: none;
  }
}

.navbar-nav i.fa {
  font-size: 85%;
}

.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.ion {
  margin-right: 5px;
  line-height: 21px;
}

.skin-pear .main-header .navbar-toggle {
  color: #fff;
  padding: 15px;
  /*float: left;*/
}

@media (min-width: 767px) {
  .skin-pear.sidebar-mini .main-header .navbar {
    margin-left: 185px;
  }
}


.skin-pear .main-header .navbar .nav > li > a {
  color: #ffffff;
  /*padding: 15px 10px;*/
}
.skin-pear .main-header .navbar .nav > li > a:hover,
.skin-pear .main-header .navbar .nav > li > a:active,
.skin-pear .main-header .navbar .nav > li > a:focus,
.skin-pear .main-header .navbar .nav .open > a,
.skin-pear .main-header .navbar .nav .open > a:hover,
.skin-pear .main-header .navbar .nav .open > a:focus,
.skin-pear .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-pear .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-pear .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-pear .main-header .navbar .sidebar-toggle {
  color: #fff;
  padding: 0 15px;
  font-size: 22px;
  vertical-align: bottom;
  line-height: 50px;
}
.main-header .sidebar-toggle:before {
  content: "\f03b";
}

.sidebar-collapse .main-header .sidebar-toggle:before {
  /*content: "\f0c9";*/

  content: "\f03c";
}

@media (max-width: 767px) {
  .skin-pear .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-pear .main-header .navbar .dropdown-user-menu li a {
    color: #333;
  }
  .skin-pear .main-header .navbar .dropdown-menu li a:hover {
    background: #6e1e3c;
  }

  .skin-pear .main-header .sidebar-toggle:before {
    content: "\f0c9";
  }
  .sidebar-open .content-wrapper, .sidebar-open .main-footer {
    -webkit-transform: translate(185px, 0);
    -ms-transform: translate(185px, 0);
    -o-transform: translate(185px, 0);
    transform: translate(185px, 0);
  }
  .skin-pear .main-header .navbar .sidebar-toggle {
    transition: transform .3s ease-in-out,width .3s ease-in-out;
    background-color: transparent;
  }
  .skin-pear.sidebar-open .main-header .navbar .sidebar-toggle {
    width: 188px;
    background-color: #17073a;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
  }
  .main-header .logo {
      width: auto;
      background-color: transparent!important;
      float: none;
      position: absolute;
      left: calc(50% - 90px);
      z-index: 1020;
  }
}
.skin-pear .main-header .logo {
  background-color: #3131799e;
}
@media (min-width: 767px) {
  .main-header .logo {
    width: 188px;
  }
}

.skin-pear .main-header .logo:hover {
  background-color: #0e0a4c;
}
.skin-pear .main-header li.user-header {
  background-color: #6e1e3c;
}
.skin-pear .content-header {
    background: transparent;
    padding: 10px 0;
    color: white;
}
.skin-pear .wrapper {
  background-color: #dad4dc;
}

.skin-pear .main-sidebar {
  background-color: #313179;
  top: 50px;
  padding-top: 0;
  width: 188px;
  min-height: calc(100% - 50px);
}

.skin-pear .user-panel > .info,
.skin-pear .user-panel > .info > a {
  color: #fff;
}
.skin-pear .sidebar-menu > li.header {
  color: #4b646f;
  background: #25255f ;
}
.skin-pear .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-pear .sidebar-menu > li:hover > a,
.skin-pear .sidebar-menu > li.active > a,
.skin-pear .sidebar-menu > li.menu-open > a {
  color: #ffffff;
  background: #0e0a4c;
}
.skin-pear .sidebar-menu > li.active > a {
  border-left-color: #ff5600;
}
.skin-pear .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #25255f ;
}
.skin-pear .sidebar a {
  color: #b8c7ce;
}
.skin-pear .sidebar a:hover {
  text-decoration: none;
}
.skin-pear .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-pear .sidebar-menu .treeview-menu > li.active > a,
.skin-pear .sidebar-menu .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-pear .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-pear .sidebar-form input[type="text"],
.skin-pear .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-pear .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-pear .sidebar-form input[type="text"]:focus,
.skin-pear .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-pear .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-pear .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) {
  .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 {
    width: 220px;
  }

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
    left: 220px !important;
  }
}

.navbar-custom-menu .dropdown-usermenu.dropdown-usermenu {
  width: 160px;
  box-shadow: 1px 2px 5px 0 #aaa;
}

.navbar-custom-menu .dropdown-usermenu li a {
  width: auto;
  padding: 12px 20px;
  line-height: 14px;
}

.box {
  border-radius: 5px;
}

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

.skin-pear .menu-box .navbar .navbar-toggle {
  background-color: transparent;
}

.login-box-body, .register-box-body {
  border-radius: 5px;
}

.login-page {
  min-height: 100vh;
  background: #001c44;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}

.skin-pear .login-box-body, .skin-pear .register-box-body {
  background: transparent;
}

.skin-pear .login-logo {
  margin-bottom: 10px;
}

.skin-pear .login-box a, .skin-pear .login-box label {
  color: #eee;
}

.skin-pear .login-box a {
  color: #eee;
  text-decoration: underline;
}

.skin-pear .login-box .form-control {
  background-color: #ffffff1f;
  color: #eee;
}

hr {
  border-top: 1px solid #eee;
}

.skin-pear .alert {
  padding: 10px;
  margin-bottom: 5px;
}