/*
 *   Without skin, the Softmake Standard.
*/

/*
 *   skin-1 => Blue light
*/
.skin-1 .btn-primary {
  color: #fff;
  background-color: #1c84c6;
  border-color: #1c84c6;
}

  .skin-1 .btn-primary.btn-outline {
    color: #1c84c6;
    background-color: #fff;
    border-color: #1c84c6;
  }

  .skin-1 .btn-primary:hover,
  .skin-1 .btn-primary:focus,
  .skin-1 .btn-primary.focus {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #fff;
  }

  .skin-1 .btn-primary.disabled,
  .skin-1 .btn-primary:disabled {
    color: #fff;
    background-color: #1a7bb9;
    border-color: #1a7bb9;
  }

  .skin-1 .btn-primary:not(:disabled):not(.disabled):active,
  .skin-1 .btn-primary:not(:disabled):not(.disabled).active,
  .skin-1 .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1a7bb9;
    border-color: #1a7bb9;
  }


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

  .skin-1 .btn-success.btn-outline {
    color: #1ab394;
    background-color: #fff;
    border-color: #1ab394;
  }

  .skin-1 .btn-success:hover,
  .skin-1 .btn-success:focus,
  .skin-1 .btn-success.focus {
    background-color: #18a689;
    border-color: #18a689;
    color: #fff;
  }

  .skin-1 .btn-success.disabled,
  .skin-1 .btn-success:disabled {
    color: #fff;
    background-color: #18a689;
    border-color: #18a689;
  }

  .skin-1 .btn-success:not(:disabled):not(.disabled):active,
  .skin-1 .btn-success:not(:disabled):not(.disabled).active,
  .skin-1 .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #18a689;
    border-color: #18a689;
  }


.skin-1 .e-grid td.e-active {
  background: #e1eaf5;
}

.skin-1 .e-grid .e-groupdroparea {
  background-color: transparent;
  color: #777777;
  font-weight: bold;
  border: 1px dashed #1c84c6;
  font-size: 16px;
  min-height: 60px;
}

.skin-1 .e-checkbox-wrapper .e-frame.e-check, .skin-1 .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #fff;
}

.skin-1 .grid-item-activated {
  color: #1c84c6;
}

.skin-1 .grid-item-inactivated {
  color: #1c84c6;
}

.skin-1 .e-btn.e-flat.e-primary, .skin-1 .e-css.e-btn.e-flat.e-primary {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #fff;
}

.skin-1 .e-pager .e-currentitem, .skin-1 .e-pager .e-currentitem:hover {
  background: #e1eaf5;
}

.skin-1 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}

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

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

.skin-1 .spin-icon {
  background: #0e9aef !important;
}

.skin-1 .nav-header {
  background-color: #0e9aef;
  background-image: url('patterns/header-profile-skin-1.png');
}

.skin-1.mini-navbar .nav-second-level {
  background: #3e495f;
}

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

.skin-1 .page-heading {
  border: none;
}

.skin-1 .nav > li.active {
  background: #3a4459;
}

.skin-1 .nav > li > a {
  color: #9ea6b9;
}

.skin-1 ul.nav-second-level {
  background-color: inherit;
}

.skin-1 .nav > li.active > a {
  color: #fff;
}

.skin-1 .navbar-minimalize {
  background: #0e9aef;
  border-color: #0e9aef;
}

body.skin-1 {
  background: #3e495f;
}

.skin-1 .navbar-static-top {
  background: #ffffff;
}

.skin-1 .dashboard-header {
  background: transparent;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}

.fixed-nav.skin-1 .navbar-fixed-top {
  background: #fff;
}

.skin-1 .wrapper-content {
  padding: 30px 15px;
}

.skin-1 #page-wrapper {
  background: #f4f6fa;
}

.skin-1 .ibox-title,
.skin-1 .ibox-content {
  border-width: 1px;
}

  .skin-1 .ibox-content:last-child {
    border-style: solid solid solid solid;
  }

.skin-1 .nav > li.active {
  border: none;
}

.skin-1 .nav-header {
  padding: 35px 25px 25px 25px;
}

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

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

.skin-1 .profile-element {
  text-align: center;
}

.skin-1 .rounded-circle {
  border-radius: 5px;
}

.skin-1 .navbar-default .nav > li > a:hover,
.skin-1 .navbar-default .nav > li > a:focus {
  background: #3a4459;
  color: #fff;
}

.skin-1 .nav-tabs > li.active > a,
.skin-1 .nav-tabs > li.active > a:hover,
.skin-1 .nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #f7f7f7;
  border-radius: 0px;
  border-bottom: #1c84c6;
  border-image: none;
  border-style: solid;
  color: #626871;
  cursor: default;
}

.skin-1 .form-control,
.skin-1 .single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #c6dfef;
  border-radius: 4px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}

  .skin-1 .form-control:focus,
  .skin-1 .single-line:focus {
    border-color: #0e9aef;
  }



/*
 *   skin-2 => Yellow/Purple
*/
.skin-2 .btn-primary {
  color: #fff;
  background-color: #ecba52;
  border-color: #ecba52;
}

  .skin-2 .btn-primary.btn-outline {
    color: #ecba52;
    background-color: #fff;
    border-color: #ecba52;
  }

  .skin-2 .btn-primary:hover,
  .skin-2 .btn-primary:focus,
  .skin-2 .btn-primary.focus {
    background-color: #d4a74b;
    border-color: #d4a74b;
    color: #fff;
  }

  .skin-2 .btn-primary.disabled,
  .skin-2 .btn-primary:disabled {
    color: #fff;
    background-color: #d4a74b;
    border-color: #d4a74b;
  }

  .skin-2 .btn-primary:not(:disabled):not(.disabled):active,
  .skin-2 .btn-primary:not(:disabled):not(.disabled).active,
  .skin-2 .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #d4a74b;
    border-color: #d4a74b;
  }


.skin-2 .e-grid td.e-active {
  background: #fdefc8;
}

.skin-2 .e-grid .e-groupdroparea {
  background-color: transparent;
  color: #777777;
  font-weight: bold;
  border: 1px dashed #ecba52;
  font-size: 16px;
  min-height: 60px;
}

.skin-2 .e-checkbox-wrapper .e-frame.e-check, .skin-2 .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #ecba52;
  border-color: #ecba52;
  color: #fff;
}

.skin-2 .grid-item-activated {
  color: #ecba52;
}

.skin-2 .grid-item-inactivated {
  color: #ecba52;
}

.skin-2 .e-btn.e-flat.e-primary, .skin-2 .e-css.e-btn.e-flat.e-primary {
  background-color: #ecba52;
  border-color: #ecba52;
  color: #fff;
}

.skin-2 .e-pager .e-currentitem, .skin-2 .e-pager .e-currentitem:hover {
  background: #fdefc8;
}

.skin-2 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}

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

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

.skin-2 .spin-icon {
  background: #ecba52 !important;
}

body.boxed-layout.skin-2 #wrapper {
  background: #3e2c42;
}

.skin-2 .nav-header {
  background-color: #ecba52;
  background-image: url('patterns/header-profile-skin-2.png');
}

.skin-2.mini-navbar .nav-second-level {
  background: #3e2c42;
}

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

.skin-2 .page-heading {
  border: none;
}

.skin-2 ul.nav-second-level {
  background-color: inherit;
}

.skin-2 .nav > li.active {
  background: #38283c;
}

.fixed-nav.skin-2 .navbar-fixed-top {
  background: #fff;
}

.skin-2 .nav > li > a {
  color: #948b96;
}

.skin-2 .nav > li.active > a {
  color: #fff;
}

.skin-2 .navbar-minimalize {
  background: #ecba52;
  border-color: #ecba52;
}

body.skin-2 {
  background: #3e2c42;
}

.skin-2 .navbar-static-top {
  background: #ffffff;
}

.skin-2 .dashboard-header {
  background: transparent;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}

.skin-2 .wrapper-content {
  padding: 30px 15px;
}

.skin-2 #page-wrapper {
  background: #faf7f4;
}

.skin-2 .ibox-title,
.skin-2 .ibox-content {
  border-width: 1px;
}

  .skin-2 .ibox-content:last-child {
    border-style: solid solid solid solid;
  }

.skin-2 .nav > li.active {
  border: none;
}

.skin-2 .nav-header {
  padding: 35px 25px 25px 25px;
}

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

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

.skin-2 .profile-element {
  text-align: center;
}

.skin-2 .rounded-circle {
  border-radius: 5px;
}

.skin-2 .navbar-default .nav > li > a:hover,
.skin-2 .navbar-default .nav > li > a:focus {
  background: #38283c;
  color: #fff;
}

.skin-2 .nav-tabs > li.active > a,
.skin-2 .nav-tabs > li.active > a:hover,
.skin-2 .nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #f7f7f7;
  border-radius: 0px;
  border-bottom: #d4a74b;
  border-image: none;
  border-style: solid;
  color: #626871;
  cursor: default;
}

.skin-2 .form-control,
.skin-2 .single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e4decd;
  border-radius: 4px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}

  .skin-2 .form-control:focus,
  .skin-2 .single-line:focus {
    border-color: #d4a74b;
  }



/*
 *   skin-3 => Orange
*/
.skin-3 .btn-primary {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800;
}

  .skin-3 .btn-primary.btn-outline {
    color: #ff9800;
    background-color: #fff;
    border-color: #ff9800;
  }

  .skin-3 .btn-primary:hover,
  .skin-3 .btn-primary:focus,
  .skin-3 .btn-primary.focus {
    background-color: #e68a00;
    border-color: #e68a00;
    color: #fff;
  }

  .skin-3 .btn-primary.disabled,
  .skin-3 .btn-primary:disabled {
    color: #fff;
    background-color: #e68a00;
    border-color: #e68a00;
  }

  .skin-3 .btn-primary:not(:disabled):not(.disabled):active,
  .skin-3 .btn-primary:not(:disabled):not(.disabled).active,
  .skin-3 .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #e68a00;
    border-color: #e68a00;
  }


.skin-3 .e-grid td.e-active {
  background: #fdefc8;
}

.skin-3 .e-grid .e-groupdroparea {
  background-color: transparent;
  color: #777777;
  font-weight: bold;
  border: 1px dashed #ff9800;
  font-size: 16px;
  min-height: 60px;
}

.skin-3 .e-checkbox-wrapper .e-frame.e-check, .skin-3 .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #ff9800;
  border-color: #ff9800;
  color: #fff;
}

.skin-3 .grid-item-activated {
  color: #ff9800;
}

.skin-3 .grid-item-inactivated {
  color: #ff9800;
}

.skin-3 .e-btn.e-flat.e-primary, .skin-3 .e-css.e-btn.e-flat.e-primary {
  background-color: #ff9800;
  border-color: #ff9800;
  color: #fff;
}

.skin-3 .e-pager .e-currentitem, .skin-3 .e-pager .e-currentitem:hover {
  background: #fdefc8;
}

.skin-3 .minimalize-styl-2 {
  margin: 14px 5px 5px 30px;
}

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

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

.skin-3 .spin-icon {
  background: #ff9800 !important;
}

body.boxed-layout.skin-3 #wrapper {
  background: #3e2c42;
}

.skin-3 .nav-header {
  background-color: #ff9800;
  background-image: url('patterns/header-profile-skin-3.png');
}

.skin-3.mini-navbar .nav-second-level {
  background: #3e2c42;
}

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

.skin-3 .page-heading {
  border: none;
}

.skin-3 ul.nav-second-level {
  background-color: inherit;
}

.skin-3 .nav > li.active {
  background: #38283c;
}

.fixed-nav.skin-3 .navbar-fixed-top {
  background: #fff;
}

.skin-3 .nav > li > a {
  color: #948b96;
}

.skin-3 .nav > li.active > a {
  color: #fff;
}

.skin-3 .navbar-minimalize {
  background: #ff9800;
  border-color: #ff9800;
}

body.skin-3 {
  background: #3e2c42;
}

.skin-3 .navbar-static-top {
  background: #ffffff;
}

.skin-3 .dashboard-header {
  background: transparent;
  border-bottom: none !important;
  border-top: none;
  padding: 20px 30px 10px 30px;
}

.skin-3 .wrapper-content {
  padding: 30px 15px;
}

.skin-3 #page-wrapper {
  background: #faf7f4;
}

.skin-3 .ibox-title,
.skin-3 .ibox-content {
  border-width: 1px;
}

  .skin-3 .ibox-content:last-child {
    border-style: solid solid solid solid;
  }

.skin-3 .nav > li.active {
  border: none;
}

.skin-3 .nav-header {
  padding: 35px 25px 25px 25px;
}

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

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

.skin-3 .profile-element {
  text-align: center;
}

.skin-3 .rounded-circle {
  border-radius: 5px;
}

.skin-3 .navbar-default .nav > li > a:hover,
.skin-3 .navbar-default .nav > li > a:focus {
  background: #38283c;
  color: #fff;
}

.skin-3 .nav-tabs > li.active > a,
.skin-3 .nav-tabs > li.active > a:hover,
.skin-3 .nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #f7f7f7;
  border-radius: 0px;
  border-bottom: #e68a00;
  border-image: none;
  border-style: solid;
  color: #626871;
  cursor: default;
}

.skin-3 .form-control,
.skin-3 .single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e4decd;
  border-radius: 4px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}

  .skin-3 .form-control:focus,
  .skin-3 .single-line:focus {
    border-color: #e68a00;
  }