/*
 *   Custom skin
 *   SKIN GREY
*/
body.skin-grey {
  color: #565758 !important; }

.skin-grey .minimalize-styl-2 {
  margin: 10px 5px 5px 25px;
  font-size: 20px; }

.skin-grey .navbar-top-links li:last-child {
  margin-right: 25px; }

.skin-grey .spin-icon {
  background: #00509d !important; }

.skin-grey .nav-header {
  background: #00509d;
  background: url(/public/images/patterns//header-profile-skin-2.png); }

.skin-grey .breadcrumb {
  background: transparent; }

.skin-grey.fixed-nav .minimalize-styl-2 {
  margin: 14px 5px 5px 15px; }

.skin-grey .page-heading {
  border: none;
  background: #fbfbfb;
  box-shadow: 0 1px 2px #D1DADE; }

.skin-grey .logo-element {
  padding: 17px 0; }

.skin-grey.mini-navbar .nav-header {
  background: #00509d; }

.skin-grey .navbar-minimalize.btn-primary {
  background: #00509d !important;
  border-color: #00509d !important; }
  .skin-grey .navbar-minimalize.btn-primary:hover, .skin-grey .navbar-minimalize.btn-primary:active, .skin-grey .navbar-minimalize.btn-primary:focus {
    background: #00366a !important;
    border-color: #00366a !important; }

.skin-grey .border-bottom {
  border-bottom: none !important; }

.skin-grey #top-search {
  color: #fff; }

.skin-grey .navbar-static-top {
  background: #00509d; }

.fixed-nav.skin-grey .navbar-fixed-top {
  background: #00509d;
  border-bottom: none !important; }

.skin-grey .nav-header {
  padding: 20px; }

.skin-grey .dashboard-header {
  background: rgba(255, 255, 255, 0.4);
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 20px 30px; }

.skin-grey .wrapper-content {
  padding: 15px 0; }

.skin-grey .dashoard-1 .wrapper-content {
  padding: 0 30px 25px 30px; }

.skin-grey .ibox {
  box-shadow: 0 0 2px #D1DADE, 1px 1px 2px #D1DADE;
  border-radius: 3px;
  margin: 5px 5px 45px; }
  .skin-grey .ibox > :last-child {
    border: none;
    border-radius: 0 0 3px 3px !important; }
  .skin-grey .ibox > :first-child {
    border: none;
    border-radius: 3px 3px 0 0 !important;
    border-top: 2px solid #c2c2c2; }

.skin-grey .ibox-title {
  /*background: rgba(255, 255, 255, 0.7);*/
  border: none;
  margin-bottom: 1px; }

.skin-grey #page-wrapper {
  background-color: #f9f9f9; }

.skin-grey .nav > li.active {
  border-left: 4px solid #004b93; }

.skin-grey .nav-header .dropdown .title {
  color: white;
  font-size: 25px;
  font-weight: 600; }

.skin-grey .nav-header a.dropdown-toggle {
  color: #edf6ff;
  margin-top: 10px; }

.skin-grey .nav-header a.dropdown-toggle .text-muted {
  color: #edf6ff;
  opacity: 0.8; }

.skin-grey .img-circle {
  border-radius: 10px; }

.skin-grey .nav.navbar-top-links > li > a:hover, .skin-grey .nav.navbar-top-links > li > a:focus {
  background: #004384; }

.skin-grey .nav.nav-tabs > li.active > a {
  color: #555; }

.skin-grey .nav.nav-tabs > li.active {
  background: transparent; }

.skin-grey .page-heading {
  padding-top: 1px;
  padding-bottom: 2px; }
  .skin-grey .page-heading .breadcrumb {
    display: none; }
  .skin-grey .page-heading * {
    font-weight: 400; }

.skin-grey .profile-element .img {
  display: inline-flex; }

.skin-grey .profile-element a.dropdown-toggle {
  display: inline-flex;
  background-color: transparent;
  margin-left: 5px; }

.skin-grey .nav.navbar-top-links .open > a,
.skin-grey .nav.navbar-top-links .open > a:hover,
.skin-grey .nav.navbar-top-links .open > a:focus {
  background: #004384; }

.skin-grey .nav.navbar-right > li > a {
  color: #d9d9d9; }

/* SET COLORS */
.skin-grey .label-primary, .skin-grey .badge-primary {
  background-color: #1c84c6; }

.skin-grey .panel-primary {
  border-color: #1c84c6; }

.skin-grey .panel-primary > .panel-heading {
  background-color: #1c84c6;
  border-color: #1c84c6; }

.skin-grey .progress-bar.btn-primary {
  background-color: #1c84c6; }

.skin-grey .toastr-primary {
  background-color: #1c84c6; }

.skin-grey .text-primary {
  color: #1c84c6; }

.skin-grey .btn-primary.btn-outline {
  color: #1c84c6;
  background-color: transparent; }
  .skin-grey .btn-primary.btn-outline:hover, .skin-grey .btn-primary.btn-outline:focus, .skin-grey .btn-primary.btn-outline:active, .skin-grey .btn-primary.btn-outline.active, .skin-grey .btn-primary.btn-outline:active:focus, .skin-grey .btn-primary.btn-outline:active:hover, .skin-grey .btn-primary.btn-outline.active:hover, .skin-grey .btn-primary.btn-outline.active:focus {
    background-color: #1c84c6;
    color: #FFF; }

.skin-grey .btn-primary {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #FFFFFF; }

.skin-grey .btn-primary:hover, .skin-grey .btn-primary:focus, .skin-grey .btn-primary:active, .skin-grey .btn-primary.active, .skin-grey .open .dropdown-toggle.btn-primary, .skin-grey .btn-primary:active:focus, .skin-grey .btn-primary:active:hover, .skin-grey .btn-primary.active:hover, .skin-grey .btn-primary.active:focus {
  background-color: #1a7bb9;
  border-color: #1a7bb9;
  color: #FFFFFF; }

.skin-grey .btn-primary.disabled, .skin-grey .btn-primary.disabled:hover, .skin-grey .btn-primary.disabled:focus, .skin-grey .btn-primary.disabled:active, .skin-grey .btn-primary.disabled.active, .skin-grey .btn-primary[disabled], .skin-grey .btn-primary[disabled]:hover, .skin-grey .btn-primary[disabled]:focus, .skin-grey .btn-primary[disabled]:active, .skin-grey .btn-primary.active[disabled], .skin-grey fieldset[disabled] .btn-primary, .skin-grey fieldset[disabled] .btn-primary:hover, .skin-grey fieldset[disabled] .btn-primary:focus, .skin-grey fieldset[disabled] .btn-primary:active, .skin-grey fieldset[disabled] .btn-primary.active {
  background-color: #1f90d8;
  border-color: #1f90d8;
  color: #FFF; }

.skin-grey button.btn-primary.dim {
  box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999; }

.skin-grey button.btn-primary.dim:active {
  box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999; }

.skin-grey .branding {
  background-color: #1c84c6; }

.skin-grey .progress-bar {
  background-color: #1c84c6; }

.skin-grey .btn-link:hover, .skin-grey .btn-link:focus, .skin-grey .btn-link:active, .skin-grey .btn-link.active, .skin-grey .open .dropdown-toggle.btn-link {
  color: #1c84c6; }

.skin-grey .onoffswitch-label {
  border: 2px solid #1c84c6; }

.skin-grey .onoffswitch-inner:before {
  background-color: #1c84c6; }

.skin-grey .onoffswitch-switch {
  border-color: #1c84c6; }

.skin-grey a.list-group-item.active, .skin-grey a.list-group-item.active:hover, .skin-grey a.list-group-item.active:focus {
  background-color: #1c84c6;
  border-color: #1c84c6; }

.skin-grey .form-control:focus, .skin-grey .single-line:focus {
  border-color: #1c84c6 !important; }

.skin-grey .picklist {
  margin-top: 10px; }
  .skin-grey .picklist .picklist-list, .skin-grey .picklist .picklist-buttons {
    float: left;
    height: 100%; }
  .skin-grey .picklist .picklist-list .list-group .list-group-item.active {
    background-color: #1c84c6;
    border-color: #1975b0; }

.skin-grey .checkbox-primary input[type="checkbox"]:checked + label::before,
.skin-grey .checkbox-primary input[type="checkbox"]:indeterminate + label::before {
  background-color: #1c84c6;
  border-color: #1c84c6; }

.skin-grey .checkbox-primary input[type="checkbox"]:checked + label::after,
.skin-grey .checkbox-primary input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.skin-grey .radio-primary input[type="radio"] + label::after {
  background-color: #1c84c6; }

.skin-grey .radio-primary input[type="radio"]:checked + label::before {
  border-color: #1c84c6; }

.skin-grey .radio-primary input[type="radio"]:checked + label::after {
  background-color: #1c84c6; }

.skin-grey .spinner-primary .sk-shape {
  background-color: #1c84c6 !important; }

.skin-grey .label-success, .skin-grey .badge-success {
  background-color: #1ab394; }

.skin-grey .panel-success {
  border-color: #1ab394; }

.skin-grey .panel-success > .panel-heading {
  background-color: #1ab394;
  border-color: #1ab394; }

.skin-grey .progress-bar.btn-success {
  background-color: #1ab394; }

.skin-grey .toastr-success {
  background-color: #1ab394; }

.skin-grey .text-success {
  color: #1ab394; }

.skin-grey .btn-success.btn-outline {
  color: #1ab394;
  background-color: transparent; }
  .skin-grey .btn-success.btn-outline:hover, .skin-grey .btn-success.btn-outline:focus, .skin-grey .btn-success.btn-outline:active, .skin-grey .btn-success.btn-outline.active, .skin-grey .btn-success.btn-outline:active:focus, .skin-grey .btn-success.btn-outline:active:hover, .skin-grey .btn-success.btn-outline.active:hover, .skin-grey .btn-success.btn-outline.active:focus {
    background-color: #1ab394;
    color: #FFF; }

.skin-grey .btn-success {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF; }

.skin-grey .btn-success:hover, .skin-grey .btn-success:focus, .skin-grey .btn-success:active, .skin-grey .btn-success.active, .skin-grey .open .dropdown-toggle.btn-success, .skin-grey .btn-success:active:focus, .skin-grey .btn-success:active:hover, .skin-grey .btn-success.active:hover, .skin-grey .btn-success.active:focus {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF; }

.skin-grey .btn-success.disabled, .skin-grey .btn-success.disabled:hover, .skin-grey .btn-success.disabled:focus, .skin-grey .btn-success.disabled:active, .skin-grey .btn-success.disabled.active, .skin-grey .btn-success[disabled], .skin-grey .btn-success[disabled]:hover, .skin-grey .btn-success[disabled]:focus, .skin-grey .btn-success[disabled]:active, .skin-grey .btn-success.active[disabled], .skin-grey fieldset[disabled] .btn-success, .skin-grey fieldset[disabled] .btn-success:hover, .skin-grey fieldset[disabled] .btn-success:focus, .skin-grey fieldset[disabled] .btn-success:active, .skin-grey fieldset[disabled] .btn-success.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3;
  color: #FFF; }

.skin-grey button.btn-success.dim {
  box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999; }

.skin-grey button.btn-success.dim:active {
  box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999; }

.skin-grey .checkbox-success input[type="checkbox"]:checked + label::before,
.skin-grey .checkbox-success input[type="checkbox"]:indeterminate + label::before {
  background-color: #1ab394;
  border-color: #1ab394; }

.skin-grey .checkbox-success input[type="checkbox"]:checked + label::after,
.skin-grey .checkbox-success input[type="checkbox"]:indeterminate + label::after {
  color: #fff; }

.skin-grey .radio-success input[type="radio"] + label::after {
  background-color: #1ab394; }

.skin-grey .radio-success input[type="radio"]:checked + label::before {
  border-color: #1ab394; }

.skin-grey .radio-success input[type="radio"]:checked + label::after {
  background-color: #1ab394; }

.skin-grey .spinner-success .sk-shape {
  background-color: #1ab394 !important; }