/*-----------------------
         GENERAL
-----------------------*/
body {
  color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #777;
}

a {
  color: #777;
}

a:hover,
a:focus {
  color: #555;
}

/*-----------------------
        TEXT
-----------------------*/
.grey {
  color: #eee;
}

.black {
  color: #666666;
}

.red {
  color: #f75353;
}

.green {
  color: #51d466;
}

.lblue {
  color: #32c8de;
}

.blue {
  color: #609cec;
}

.orange {
  color: #f78153;
}

.yellow {
  color: #fcd419;
}

.purple {
  color: #cb79e6;
}

.rose {
  color: #ff61e7;
}

.brown {
  color: #d08166;
}

/*-----------------------
    BACKGROUND COLOR
-----------------------*/
.br-white {
  background-color: #fff;
}

.br-grey {
  background-color: #eee;
}

.br-black {
  background-color: #666;
}

.br-red {
  background-color: #f75353;
}

.br-green {
  background-color: #51d466;
}

.br-lblue {
  background-color: #32c8de;
}

.br-blue {
  background-color: #609cec;
}

.br-orange {
  background-color: #f78153;
}

.br-yellow {
  background-color: #fcd419;
}

.br-purple {
  background-color: #cb79e6;
}

.br-rose {
  background-color: #ff61e7;
}

.br-brown {
  background-color: #d08166;
}

/*-----------------------
        BUTTON
-----------------------*/
.btn.btn-brown,
.btn.btn-purple,
.btn.btn-rose,
.btn.btn-yellow,
.btn.btn-black,
.white {
    color: #fff;
}

.btn.btn-default {
    background: #f9f9f9;
    color: #666;
    border: 1px solid #aaa;
}

.btn.btn-confirm {
    font-size:1.250em;
    min-width: 250px;
    padding:0.5em;
    transition: 0.1s background-color linear;
}

.btn.btn-default:hover {
  background: #eee;
}

.btn.btn-black {
  background: #666;
}

.btn.btn-black:hover {
  background: #111;
}

.btn.btn-brown {
  background: #d08166;
  border: 1px solid #bf6748;
}

.btn.btn-brown:hover {
  background: #bf6748;
}

.btn.btn-danger {
  background: #f75353;
}

.btn.btn-danger:hover {
  background: #ed4747;
}

.btn.btn-success {
  background: #51d466;
}

.btn.btn-success:hover {
  background: #42c557;
}

.btn.btn-info {
  background: #32c8de;
}

.btn.btn-info:hover {
  background: #2bbdd2;
}

.btn.btn-primary {
  background: #609cec;
}

.btn.btn-primary:hover {
  background: #528fe2;
}

.btn.btn-warning {
  background: #ff974b;
}

.btn.btn-warning:hover {
  background: #eb6c3a;
}

.btn.btn-yellow {
  background: #fcd419;
  border: 1px solid #e9c51b;
}

.btn.btn-yellow:hover {
  background: #e9c51b;
}

.btn.btn-purple {
  background: #cb79e6;
  border: 1px solid #b75bd6;
}

.btn.btn-purple:hover {
  background: #b75bd6;
}

.btn.btn-rose {
  background: #ff61e7;
  border: 1px solid #f245d8;
}

.btn.btn-rose:hover {
  background: #f245d8;
}

/*-----------------------
      LABEL
-----------------------*/
.label {
  padding: 6px 9px;
  font-size: 12px;
  font-weight: normal;
}

.label.label-default {
  color: #aaaaaa;
  background: #eee;
}

.label.label-black {
  background: #666666;
}

.label.label-danger {
  background: #f75353;
}

.label.label-success {
  background: #51d466;
}

.label.label-info {
  background: #32c8de;
}

.label.label-primary {
  background: #609cec;
}

.label.label-warning {
  background: #f78153;
}

.label.label-yellow {
  background: #fcd419;
}

.label.label-purple {
  background: #cb79e6;
}

.label.label-rose {
  background: #ff61e7;
}

.label.label-brown {
  background: #d08166;
}

/*-----------------------
      BADGES
-----------------------*/
.badge.badge-default {
  color: #aaaaaa;
  background: #eee;
}

.badge.badge-primary {
  background: #609cec;
}

.badge.badge-success {
  background: #51d466;
}

.badge.badge-info {
  background: #32c8de;
}

.badge.badge-warning {
  background: #f78153;
}

.badge.badge-danger {
  background: #f75353;
}

.badge.badge-black {
  background: #666666;
}

.badge.badge-brown {
  background: #d08166;
}

.badge.badge-orange {
  background: #f78153;
}

.badge.badge-purple {
  background: #cb79e6;
}

/*-----------------------
      PROGRESS BAR
-----------------------*/
.progress {
  height: 8px !important;
}

.progress-bar-danger {
  background: #f75353;
}

.progress-bar-success {
  background: #51d466;
}

.progress-bar-info {
  background: #32c8de;
}

.progress-bar-primary {
  background: #609cec;
}

.progress-bar-warning {
  background: #f78153;
}

/*-----------------------
      SWITCHES
-----------------------*/
.sw-green .onoffswitch-inner:before {
  background-color: #51d466;
}

.sw-red .onoffswitch-inner:before {
  background-color: #f75353;
}

.sw-lblue .onoffswitch-inner:before {
  background-color: #32c8de;
}

.sw-orange .onoffswitch-inner:before {
  background-color: #f78153;
}

.sw-blue .onoffswitch-inner:before {
  background-color: #609cec;
}

/*-----------------------
    SLIDER UI ELEMENTS
-----------------------*/
.slider-red .ui-widget-header {
  background: #f75353 !important;
  border-color: #f75353 !important;
}

.slider-blue .ui-widget-header {
  background: #609cec !important;
  border-color: #609cec !important;
}

.slider-green .ui-widget-header {
  background: #51d466 !important;
  border-color: #51d466 !important;
}

.slider-yellow .ui-widget-header {
  background: #fcd419 !important;
  border-color: #fcd419 !important;
}

.slider-orange .ui-widget-header {
  background: #f78153 !important;
  border-color: #f78153 !important;
}

.slider-violet .ui-widget-header {
  background: #cb79e6 !important;
  border-color: #cb79e6 !important;
}

/*-----------------------
      NAV TABS
-----------------------*/
.nav-tabs li a:hover {
  background: #f75353;
  color: #fff;
  border-color: #f75353;
}

.nav-tabs li.active a {
  background-color: #f75353;
  border-color: #f75353;
  color: #fff;
}

.nav-tabs li.active a:hover {
  background-color: #f75353;
  border-color: #f75353;
  color: #fff;
}

/*-----------------------
      NAV PILLS
-----------------------*/
.nav-pills li a {
  background: #f9f9f9;
  border: 1px solid #eee;
  color: #fff;
}

.nav-pills li a:hover {
  background: #f75353;
  color: #fff;
  border-color: #f75353;
}

.nav-pills li.active a {
  background-color: #f75353;
  border-color: #f75353;
  color: #fff;
}

.nav-pills li.active a:hover {
  background-color: #ed4747;
}

/*-----------------------
      PAGINATION
-----------------------*/
.pagination li a {
  color: #777777;
}

.pagination li a:hover {
  background-color: #f75353;
  border-color: #f75353;
  color: #fff;
}

.pagination li.active a {
  background-color: #f75353;
  border-color: #f75353;
}

.pagination li.active a:hover {
  background-color: #f75353;
  border-color: #f75353;
}

.pagination li.active a:focus {
  background-color: #f75353;
  border-color: #f75353;
}

.pagination li.active span {
  background-color: #f75353;
  border-color: #f75353;
}

.pagination li.active span:hover {
  background-color: #f75353;
  border-color: #f75353;
}

.pagination li.active span:focus {
  background-color: #f75353;
  border-color: #f75353;
}

/*-----------------------
          PAGER
-----------------------*/
.pager li a {
  background-color: #f75353;
  color: #fff;
  border: 1px solid #ed4747;
}

.pager li a:hover {
  background: #ed4747;
}

/*-----------------------
    FORM / VALIDATION
-----------------------*/
form input[type="text"].error,
form input[type="password"].error,
form input[type="email"].error {
  border: 1px solid #f75353 !important;
}

form select.error,
form textarea.error {
  border: 1px solid #f75353 !important;
}

form label.error {
  color: #f75353;
}

/*-----------------------
      FORM / WIZARD
-----------------------*/
.wizard .steps .current a {
  background: #666666;
}

.wizard .steps .current a:hover {
  background: #666666;
}

.wizard .steps .current a:active {
  background: #666666;
}

.wizard .steps .done a {
  background: #f75353;
  color: #fff;
}

.wizard .steps .done a:hover {
  background: #f75353;
}

.wizard .steps .done a:active {
  background: #f75353;
}

.wizard .steps .disabled a {
  background: #eee;
}

.wizard .steps .disabled a:hover {
  background: #eee;
}

.wizard .steps .disabled a:active {
  background: #eee;
}

.wizard .actions a {
  background: #f75353;
}

.wizard .actions a:hover {
  background: #f75353;
}

.wizard .actions a:active {
  background: #f75353;
}

.wizard .actions .disabled a {
  background: #eee;
}

.wizard .actions .disabled a:hover {
  background: #eee;
}

.wizard .actions .disabled a:active {
  background: #eee;
}

/*-----------------------
       MAIL / INBOX
-----------------------*/
.page-inbox .table tr.m-unread {
  background: #fffae2;
}

.page-inbox .table tr.m-read {
  background: #f9f9f9;
}

/*-----------------------
        SIDEBAR
-----------------------*/
.sidebar {
  background: #333;
}

/*----------------------------------------------
        DEFAULT CUSTOMIZABLE COLOR
----------------------------------------------*/

.custom-border-color {
  border-color: #afafaf;;
}

.custom-arrow-color li:before {
   color: #afafaf;
}

.custom-btn-color,
.custom-btn-color:hover,
.custom-btn-color:focus {
   color:#fff;
}

.custom-btn-color {
  background-color:rgba(235, 106, 55, 1);  
}

.custom-btn-color:hover,
.custom-btn-color:focus {
  background-color:rgba(235, 106, 55, 0.85);
}