/*
 * custome css
 * ----------
 */
  .padding-5
 {
   padding: 10px !important;

 }
 .padding-5
 {
   padding: 10px !important;

 }
  .padding-15
 {
   padding: 15px !important;
   
 }
  .padding-20
 {
   padding: 20px !important;
   
 }
  .margin-5
 {
   margin: 5px !important;
   
 }
 .margin-10
 {
   margin: 10px !important;

 }
  .margin-15
 {
   margin: 15px !important;
   
 }
  .margin-20
 {
   margin: 20px !important;
   
 }

 .modal-backdrop
 {
  display: none !important
 }
 .alert-ol {
 margin:5px !important;
 padding:5px !important
}
 .alert-ol ul{
 padding:5px !important
}
/* ---------------------------------------------------------------------- */
/*  Buttons
/* ---------------------------------------------------------------------- */
.btn {
  transition: all 0.3s ease 0s !important;
}

.btn-azure {
  background-color: #24abf1;
  border-color: #00a5b3;
  color: white;
}
.btn-azure:hover, .btn-azure:focus, .btn-azure:active, .btn-azure.active {
  opacity:0.9;
  color: white;
}
.btn-azure.disabled:hover, .btn-azure.disabled:focus, .btn-azure.disabled:active, .btn-azure.disabled.active, .btn-azure[disabled]:hover, .btn-azure[disabled]:focus, .btn-azure[disabled]:active, .btn-azure[disabled].active, fieldset[disabled] .btn-azure:hover, fieldset[disabled] .btn-azure:focus, fieldset[disabled] .btn-azure:active, fieldset[disabled] .btn-azure.active {
  background-color: #e5fdff;
  border-color: #ccfbff;
  color: white;
}
.btn-azure .caret {
  border-top-color: white;
}
.dropup .btn-azure .caret {
  border-bottom: 4px solid white;
}

.btn-light-azure {
  background-color: #00d5e6;
  border-color: #24abf1;
  color: white;
}
.btn-light-azure:hover, .btn-light-azure:focus, .btn-light-azure:active, .btn-light-azure.active {
  background-color: #24abf1;
  border-color: #00a5b3;
  color: white;
}
.btn-light-azure.disabled:hover, .btn-light-azure.disabled:focus, .btn-light-azure.disabled:active, .btn-light-azure.disabled.active, .btn-light-azure[disabled]:hover, .btn-light-azure[disabled]:focus, .btn-light-azure[disabled]:active, .btn-light-azure[disabled].active, fieldset[disabled] .btn-light-azure:hover, fieldset[disabled] .btn-light-azure:focus, fieldset[disabled] .btn-light-azure:active, fieldset[disabled] .btn-light-azure.active {
  background-color: white;
  border-color: #e5fdff;
  color: white;
}
.btn-light-azure .caret {
  border-top-color: white;
}
.dropup .btn-light-azure .caret {
  border-bottom: 4px solid white;
}

.btn-green {
  background-color: #008e99;
  border-color: #007680;
  color: white;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
  background-color: #007680;
  border-color: #005f66;
  color: white;
}
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: #b3f9ff;
  border-color: #99f8ff;
  color: white;
}
.btn-green .caret {
  border-top-color: white;
}
.dropup .btn-green .caret {
  border-bottom: 4px solid white;
}

.btn-blue {
  background-color: #208de0;
  border-color: #557485;
  color: white;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
  background-color: #208de0;
  border-color: #4b6776;
  color: white;
}
.btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active {
  background-color: white;
  border-color: #f8fafb;
  color: white;
}
.btn-blue .caret {
  border-top-color: white;
}
.dropup .btn-blue .caret {
  border-bottom: 4px solid white;
}

.btn-light-blue {
  background-color: #7c9bab;
  border-color: #6c8fa1;
  color: white;
}
.btn-light-blue:hover, .btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active {
  background-color: #6c8fa1;
  border-color: #5f8295;
  color: white;
}
.btn-light-blue.disabled:hover, .btn-light-blue.disabled:focus, .btn-light-blue.disabled:active, .btn-light-blue.disabled.active, .btn-light-blue[disabled]:hover, .btn-light-blue[disabled]:focus, .btn-light-blue[disabled]:active, .btn-light-blue[disabled].active, fieldset[disabled] .btn-light-blue:hover, fieldset[disabled] .btn-light-blue:focus, fieldset[disabled] .btn-light-blue:active, fieldset[disabled] .btn-light-blue.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-blue .caret {
  border-top-color: white;
}
.dropup .btn-light-blue .caret {
  border-bottom: 4px solid white;
}

.btn-dark-blue {
  background-color: #4b6776;
  border-color: #415966;
  color: white;
}
.btn-dark-blue:hover, .btn-dark-blue:focus, .btn-dark-blue:active, .btn-dark-blue.active {
  background-color: #415966;
  border-color: #374c57;
  color: white;
}
.btn-dark-blue.disabled:hover, .btn-dark-blue.disabled:focus, .btn-dark-blue.disabled:active, .btn-dark-blue.disabled.active, .btn-dark-blue[disabled]:hover, .btn-dark-blue[disabled]:focus, .btn-dark-blue[disabled]:active, .btn-dark-blue[disabled].active, fieldset[disabled] .btn-dark-blue:hover, fieldset[disabled] .btn-dark-blue:focus, fieldset[disabled] .btn-dark-blue:active, fieldset[disabled] .btn-dark-blue.active {
  background-color: #e9eef1;
  border-color: #d9e2e7;
  color: white;
}
.btn-dark-blue .caret {
  border-top-color: white;
}
.dropup .btn-dark-blue .caret {
  border-bottom: 4px solid white;
}

.btn-green {
  background-color: #1fbba6;
  border-color: #1ba593;
  color: white;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
  background-color: #1ba593;
  border-color: #188f7f;
  color: white;
}
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: #f5fdfc;
  border-color: #dffaf6;
  color: white;
}
.btn-green .caret {
  border-top-color: white;
}
.dropup .btn-green .caret {
  border-bottom: 4px solid white;
}

.btn-light-green {
  background-color: #30ddc6;
  border-color: #23d1b9;
  color: white;
}
.btn-light-green:hover, .btn-light-green:focus, .btn-light-green:active, .btn-light-green.active {
  background-color: #23d1b9;
  border-color: #1fbba6;
  color: white;
}
.btn-light-green.disabled:hover, .btn-light-green.disabled:focus, .btn-light-green.disabled:active, .btn-light-green.disabled.active, .btn-light-green[disabled]:hover, .btn-light-green[disabled]:focus, .btn-light-green[disabled]:active, .btn-light-green[disabled].active, fieldset[disabled] .btn-light-green:hover, fieldset[disabled] .btn-light-green:focus, fieldset[disabled] .btn-light-green:active, fieldset[disabled] .btn-light-green.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-green .caret {
  border-top-color: white;
}
.dropup .btn-light-green .caret {
  border-bottom: 4px solid white;
}

.btn-green {
  background-color: #188f7f;
  border-color: #14796c;
  color: white;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
  background-color: #14796c;
  border-color: #106458;
  color: white;
}
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: #c9f6f0;
  border-color: #b4f2ea;
  color: white;
}
.btn-green .caret {
  border-top-color: white;
}
.dropup .btn-green .caret {
  border-bottom: 4px solid white;
}

.btn-orange {
  background-color: #f58a5c;
  border-color: #f47944;
  color: white;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {
  background-color: #f47944;
  border-color: #f2682c;
  color: white;
}
.btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled:active, .btn-orange.disabled.active, .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled]:active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-orange .caret {
  border-top-color: white;
}
.dropup .btn-orange .caret {
  border-bottom: 4px solid white;
}

.btn-light-orange {
  background-color: #f8ac8c;
  border-color: #f69b74;
  color: white;
}
.btn-light-orange:hover, .btn-light-orange:focus, .btn-light-orange:active, .btn-light-orange.active {
  background-color: #f69b74;
  border-color: #f58a5c;
  color: white;
}
.btn-light-orange.disabled:hover, .btn-light-orange.disabled:focus, .btn-light-orange.disabled:active, .btn-light-orange.disabled.active, .btn-light-orange[disabled]:hover, .btn-light-orange[disabled]:focus, .btn-light-orange[disabled]:active, .btn-light-orange[disabled].active, fieldset[disabled] .btn-light-orange:hover, fieldset[disabled] .btn-light-orange:focus, fieldset[disabled] .btn-light-orange:active, fieldset[disabled] .btn-light-orange.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-orange .caret {
  border-top-color: white;
}
.dropup .btn-light-orange .caret {
  border-bottom: 4px solid white;
}

.btn-warning {
  background-color: #f2682c;
  border-color: #f15614;
  color: white;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  background-color: #f15614;
  border-color: #dd4c0e;
  color: white;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-warning .caret {
  border-top-color: white;
}
.dropup .btn-warning .caret {
  border-bottom: 4px solid white;
}

.btn-red {
  background-color: #e66b6b;
  border-color: #e25555;
  color: white;
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active {
  background-color: #e25555;
  border-color: #df3f3f;
  color: white;
}
.btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled]:active, .btn-red[disabled].active, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-red .caret {
  border-top-color: white;
}
.dropup .btn-red .caret {
  border-bottom: 4px solid white;
}

.btn-light-red {
  background-color: #ed9797;
  border-color: #ea8181;
  color: white;
}
.btn-light-red:hover, .btn-light-red:focus, .btn-light-red:active, .btn-light-red.active {
  background-color: #ea8181;
  border-color: #e66b6b;
  color: white;
}
.btn-light-red.disabled:hover, .btn-light-red.disabled:focus, .btn-light-red.disabled:active, .btn-light-red.disabled.active, .btn-light-red[disabled]:hover, .btn-light-red[disabled]:focus, .btn-light-red[disabled]:active, .btn-light-red[disabled].active, fieldset[disabled] .btn-light-red:hover, fieldset[disabled] .btn-light-red:focus, fieldset[disabled] .btn-light-red:active, fieldset[disabled] .btn-light-red.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-red .caret {
  border-top-color: white;
}
.dropup .btn-light-red .caret {
  border-bottom: 4px solid white;
}

.btn-dark-red {
  background-color: #df3f3f;
  border-color: #db2a2a;
  color: white;
}
.btn-dark-red:hover, .btn-dark-red:focus, .btn-dark-red:active, .btn-dark-red.active {
  background-color: #db2a2a;
  border-color: #c92222;
  color: white;
}
.btn-dark-red.disabled:hover, .btn-dark-red.disabled:focus, .btn-dark-red.disabled:active, .btn-dark-red.disabled.active, .btn-dark-red[disabled]:hover, .btn-dark-red[disabled]:focus, .btn-dark-red[disabled]:active, .btn-dark-red[disabled].active, fieldset[disabled] .btn-dark-red:hover, fieldset[disabled] .btn-dark-red:focus, fieldset[disabled] .btn-dark-red:active, fieldset[disabled] .btn-dark-red.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-dark-red .caret {
  border-top-color: white;
}
.dropup .btn-dark-red .caret {
  border-bottom: 4px solid white;
}

.btn-purple {
  background-color: #804c75;
  border-color: #704366;
  color: white;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {
  background-color: #704366;
  border-color: #603958;
  color: white;
}
.btn-purple.disabled:hover, .btn-purple.disabled:focus, .btn-purple.disabled:active, .btn-purple.disabled.active, .btn-purple[disabled]:hover, .btn-purple[disabled]:focus, .btn-purple[disabled]:active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple:hover, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple.active {
  background-color: #f5eff4;
  border-color: #ecdfe9;
  color: white;
}
.btn-purple .caret {
  border-top-color: white;
}
.dropup .btn-purple .caret {
  border-bottom: 4px solid white;
}

.btn-light-purple {
  background-color: #a05f92;
  border-color: #905684;
  color: white;
}
.btn-light-purple:hover, .btn-light-purple:focus, .btn-light-purple:active, .btn-light-purple.active {
  background-color: #905684;
  border-color: #804c75;
  color: white;
}
.btn-light-purple.disabled:hover, .btn-light-purple.disabled:focus, .btn-light-purple.disabled:active, .btn-light-purple.disabled.active, .btn-light-purple[disabled]:hover, .btn-light-purple[disabled]:focus, .btn-light-purple[disabled]:active, .btn-light-purple[disabled].active, fieldset[disabled] .btn-light-purple:hover, fieldset[disabled] .btn-light-purple:focus, fieldset[disabled] .btn-light-purple:active, fieldset[disabled] .btn-light-purple.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-purple .caret {
  border-top-color: white;
}
.dropup .btn-light-purple .caret {
  border-bottom: 4px solid white;
}

.btn-dark-purple {
  background-color: #603958;
  border-color: #503049;
  color: white;
}
.btn-dark-purple:hover, .btn-dark-purple:focus, .btn-dark-purple:active, .btn-dark-purple.active {
  background-color: #503049;
  border-color: #40263b;
  color: white;
}
.btn-dark-purple.disabled:hover, .btn-dark-purple.disabled:focus, .btn-dark-purple.disabled:active, .btn-dark-purple.disabled.active, .btn-dark-purple[disabled]:hover, .btn-dark-purple[disabled]:focus, .btn-dark-purple[disabled]:active, .btn-dark-purple[disabled].active, fieldset[disabled] .btn-dark-purple:hover, fieldset[disabled] .btn-dark-purple:focus, fieldset[disabled] .btn-dark-purple:active, fieldset[disabled] .btn-dark-purple.active {
  background-color: #e3cfde;
  border-color: #d9bfd4;
  color: white;
}
.btn-dark-purple .caret {
  border-top-color: white;
}
.dropup .btn-dark-purple .caret {
  border-bottom: 4px solid white;
}

.btn-beige {
  background-color: #cccc99;
  border-color: #c3c488;
  color: white;
}
.btn-beige:hover, .btn-beige:focus, .btn-beige:active, .btn-beige.active {
  background-color: #c3c488;
  border-color: #bbbb77;
  color: white;
}
.btn-beige.disabled:hover, .btn-beige.disabled:focus, .btn-beige.disabled:active, .btn-beige.disabled.active, .btn-beige[disabled]:hover, .btn-beige[disabled]:focus, .btn-beige[disabled]:active, .btn-beige[disabled].active, fieldset[disabled] .btn-beige:hover, fieldset[disabled] .btn-beige:focus, fieldset[disabled] .btn-beige:active, fieldset[disabled] .btn-beige.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-beige .caret {
  border-top-color: white;
}
.dropup .btn-beige .caret {
  border-bottom: 4px solid white;
}

.btn-light-beige {
  background-color: #d5d5aa;
  border-color: #cccc99;
  color: white;
}
.btn-light-beige:hover, .btn-light-beige:focus, .btn-light-beige:active, .btn-light-beige.active {
  background-color: #cccc99;
  border-color: #c3c488;
  color: white;
}
.btn-light-beige.disabled:hover, .btn-light-beige.disabled:focus, .btn-light-beige.disabled:active, .btn-light-beige.disabled.active, .btn-light-beige[disabled]:hover, .btn-light-beige[disabled]:focus, .btn-light-beige[disabled]:active, .btn-light-beige[disabled].active, fieldset[disabled] .btn-light-beige:hover, fieldset[disabled] .btn-light-beige:focus, fieldset[disabled] .btn-light-beige:active, fieldset[disabled] .btn-light-beige.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-beige .caret {
  border-top-color: white;
}
.dropup .btn-light-beige .caret {
  border-bottom: 4px solid white;
}

.btn-dark-beige {
  background-color: #bbbb77;
  border-color: #b3b366;
  color: white;
}
.btn-dark-beige:hover, .btn-dark-beige:focus, .btn-dark-beige:active, .btn-dark-beige.active {
  background-color: #b3b366;
  border-color: #aaaa55;
  color: white;
}
.btn-dark-beige.disabled:hover, .btn-dark-beige.disabled:focus, .btn-dark-beige.disabled:active, .btn-dark-beige.disabled.active, .btn-dark-beige[disabled]:hover, .btn-dark-beige[disabled]:focus, .btn-dark-beige[disabled]:active, .btn-dark-beige[disabled].active, fieldset[disabled] .btn-dark-beige:hover, fieldset[disabled] .btn-dark-beige:focus, fieldset[disabled] .btn-dark-beige:active, fieldset[disabled] .btn-dark-beige.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-dark-beige .caret {
  border-top-color: white;
}
.dropup .btn-dark-beige .caret {
  border-bottom: 4px solid white;
}

.btn-yellow {
  background-color: #ffb848;
  border-color: #ffae2e;
  color: white;
}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active {
  background-color: #ffae2e;
  border-color: #ffa415;
  color: white;
}
.btn-yellow.disabled:hover, .btn-yellow.disabled:focus, .btn-yellow.disabled:active, .btn-yellow.disabled.active, .btn-yellow[disabled]:hover, .btn-yellow[disabled]:focus, .btn-yellow[disabled]:active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow:hover, fieldset[disabled] .btn-yellow:focus, fieldset[disabled] .btn-yellow:active, fieldset[disabled] .btn-yellow.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-yellow .caret {
  border-top-color: white;
}
.dropup .btn-yellow .caret {
  border-bottom: 4px solid white;
}

.btn-light-yellow {
  background-color: #ffcc7b;
  border-color: #ffc261;
  color: white;
}
.btn-light-yellow:hover, .btn-light-yellow:focus, .btn-light-yellow:active, .btn-light-yellow.active {
  background-color: #ffc261;
  border-color: #ffb848;
  color: white;
}
.btn-light-yellow.disabled:hover, .btn-light-yellow.disabled:focus, .btn-light-yellow.disabled:active, .btn-light-yellow.disabled.active, .btn-light-yellow[disabled]:hover, .btn-light-yellow[disabled]:focus, .btn-light-yellow[disabled]:active, .btn-light-yellow[disabled].active, fieldset[disabled] .btn-light-yellow:hover, fieldset[disabled] .btn-light-yellow:focus, fieldset[disabled] .btn-light-yellow:active, fieldset[disabled] .btn-light-yellow.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-yellow .caret {
  border-top-color: white;
}
.dropup .btn-light-yellow .caret {
  border-bottom: 4px solid white;
}

.btn-warning {
  background-color: #ffa415;
  border-color: #fa9900;
  color: white;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  background-color: #fa9900;
  border-color: #e18a00;
  color: white;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-warning .caret {
  border-top-color: white;
}
.dropup .btn-warning .caret {
  border-bottom: 4px solid white;
}

.btn-grey {
  background-color: #8b91a0;
  border-color: #7d8495;
  color: white;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active {
  background-color: #7d8495;
  border-color: #707788;
  color: white;
}
.btn-grey.disabled:hover, .btn-grey.disabled:focus, .btn-grey.disabled:active, .btn-grey.disabled.active, .btn-grey[disabled]:hover, .btn-grey[disabled]:focus, .btn-grey[disabled]:active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey:hover, fieldset[disabled] .btn-grey:focus, fieldset[disabled] .btn-grey:active, fieldset[disabled] .btn-grey.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-grey .caret {
  border-top-color: white;
}
.dropup .btn-grey .caret {
  border-bottom: 4px solid white;
}

.btn-light-grey {
  background-color: #a7acb7;
  border-color: #999eab;
  color: white;
}
.btn-light-grey:hover, .btn-light-grey:focus, .btn-light-grey:active, .btn-light-grey.active {
  background-color: #999eab;
  border-color: #8b91a0;
  color: white;
}
.btn-light-grey.disabled:hover, .btn-light-grey.disabled:focus, .btn-light-grey.disabled:active, .btn-light-grey.disabled.active, .btn-light-grey[disabled]:hover, .btn-light-grey[disabled]:focus, .btn-light-grey[disabled]:active, .btn-light-grey[disabled].active, fieldset[disabled] .btn-light-grey:hover, fieldset[disabled] .btn-light-grey:focus, fieldset[disabled] .btn-light-grey:active, fieldset[disabled] .btn-light-grey.active {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-light-grey .caret {
  border-top-color: white;
}
.dropup .btn-light-grey .caret {
  border-bottom: 4px solid white;
}

.btn-dark-grey {
  background-color: #707788;
  border-color: #646b7a;
  color: white;
}
.btn-dark-grey:hover, .btn-dark-grey:focus, .btn-dark-grey:active, .btn-dark-grey.active {
  background-color: #646b7a;
  border-color: #595e6c;
  color: white;
}
.btn-dark-grey.disabled:hover, .btn-dark-grey.disabled:focus, .btn-dark-grey.disabled:active, .btn-dark-grey.disabled.active, .btn-dark-grey[disabled]:hover, .btn-dark-grey[disabled]:focus, .btn-dark-grey[disabled]:active, .btn-dark-grey[disabled].active, fieldset[disabled] .btn-dark-grey:hover, fieldset[disabled] .btn-dark-grey:focus, fieldset[disabled] .btn-dark-grey:active, fieldset[disabled] .btn-dark-grey.active {
  background-color: white;
  border-color: #fbfbfc;
  color: white;
}
.btn-dark-grey .caret {
  border-top-color: white;
}
.dropup .btn-dark-grey .caret {
  border-bottom: 4px solid white;
}

.btn-transparent-white {
  background: none;
  border-color: rgba(255, 255, 255, 0.6);
  border-width: 1px;
  color: white !important;
}
.btn-transparent-white:hover, .btn-transparent-white:focus, .btn-transparent-white:active, .btn-transparent-white.active {
  background-color: rgba(44, 47, 59, 0.1);
  border-color: rgba(255, 255, 255, 0.8);
}
.btn-transparent-white.disabled:hover, .btn-transparent-white.disabled:focus, .btn-transparent-white.disabled:active, .btn-transparent-white.disabled.active, .btn-transparent-white[disabled]:hover, .btn-transparent-white[disabled]:focus, .btn-transparent-white[disabled]:active, .btn-transparent-white[disabled].active, fieldset[disabled] .btn-transparent-white:hover, fieldset[disabled] .btn-transparent-white:focus, fieldset[disabled] .btn-transparent-white:active, fieldset[disabled] .btn-transparent-white.active {
  background: none;
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}
.btn-transparent-white .caret {
  border-top-color: rgba(44, 47, 59, 0.1);
}
.dropup .btn-transparent-white .caret {
  border-bottom: 4px solid rgba(44, 47, 59, 0.1);
}

.btn-transparent-grey {
  background: none;
  border-color: rgba(139, 145, 160, 0.3);
  border-width: 1px;
  color: #8b91a0 !important;
}
.btn-transparent-grey:hover, .btn-transparent-grey:focus, .btn-transparent-grey:active, .btn-transparent-grey.active {
  background-color: rgba(139, 145, 160, 0.1);
  border-color: rgba(139, 145, 160, 0.6);
  box-shadow: none !important;
}
.btn-transparent-grey.disabled:hover, .btn-transparent-grey.disabled:focus, .btn-transparent-grey.disabled:active, .btn-transparent-grey.disabled.active, .btn-transparent-grey[disabled]:hover, .btn-transparent-grey[disabled]:focus, .btn-transparent-grey[disabled]:active, .btn-transparent-grey[disabled].active, fieldset[disabled] .btn-transparent-grey:hover, fieldset[disabled] .btn-transparent-grey:focus, fieldset[disabled] .btn-transparent-grey:active, fieldset[disabled] .btn-transparent-grey.active {
  background: none;
  border-color: rgba(139, 145, 160, 0.3);
  color: #8b91a0;
}
.btn-transparent-grey .caret {
  border-top-color: #8b91a0;
}
.dropup .btn-transparent-grey .caret {
  border-bottom: 4px solid #8b91a0;
}

.btn-transparent-red {
  background: none;
  border-color: rgba(230, 107, 107, 0.6);
  border-width: 2px;
  color: #e66b6b !important;
}
.btn-transparent-red:hover, .btn-transparent-red:focus, .btn-transparent-red:active, .btn-transparent-red.active {
  background-color: rgba(230, 107, 107, 0.1);
  border-color: rgba(230, 107, 107, 0.8);
}
.btn-transparent-red.disabled:hover, .btn-transparent-red.disabled:focus, .btn-transparent-red.disabled:active, .btn-transparent-red.disabled.active, .btn-transparent-red[disabled]:hover, .btn-transparent-red[disabled]:focus, .btn-transparent-red[disabled]:active, .btn-transparent-red[disabled].active, fieldset[disabled] .btn-transparent-red:hover, fieldset[disabled] .btn-transparent-red:focus, fieldset[disabled] .btn-transparent-red:active, fieldset[disabled] .btn-transparent-red.active {
  background: none;
  border-color: rgba(230, 107, 107, 0.3);
  color: #e66b6b;
}
.btn-transparent-red .caret {
  border-top-color: white;
}
.dropup .btn-transparent-red .caret {
  border-bottom: 4px solid white;
}

.btn-squared {
  border-radius: 0 !important;
}

.btn-icon {
  background-color: #EFEFEF;
  background-image: -moz-linear-gradient(center top, #fafafa, #efefef);
  border: 1px solid #DDDDDD;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  cursor: pointer;
  height: 80px;
  display: block;
  font-size: 14px;
  padding: 5px 0 0;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  color: #333333;
}

.btn-icon:hover {
  border-color: #A5A5A5;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  color: #444444;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
}

.btn-icon .badge {
  border-radius: 12px 12px 12px 12px !important;
  border-style: solid;
  border-width: 0;
  box-shadow: none;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 300;
  padding: 3px 7px;
  position: absolute;
  right: -5px;
  text-shadow: none;
  top: -5px;
}

.btn-icon [class^="fa-"], .btn-icon [class*=" fa-"] {
  clear: both;
  display: block;
}

.buttons-widget .btn, .buttons-widget .bootstrap-switch, .buttons-widget button {
  margin-bottom: 5px;
}

.buttons-widget .btn-group button, .buttons-widget .btn-group-vertical button, .buttons-widget .btn-group .btn, .buttons-widget .btn-group-vertical .btn {
  margin-bottom: 0;
}

/* ---------------------------------------------------------------------- */
/*  Labels and Badges
/* ---------------------------------------------------------------------- */
.badge-success {
  background-color: #5CB85C;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  background-color: #449D44;
}

.badge-warning {
  background-color: #F0AD4E;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  background-color: #EC971F;
}

.badge-info {
  background-color: #5BC0DE;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  background-color: #31B0D5;
}

.badge-danger {
  background-color: #D9534F;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  background-color: #C9302C;
}

.badge-new {
  background-color: #007AFF;
  border-radius: 12px 12px 12px 12px !important;
  font-size: 11px !important;
  font-weight: 300;
  height: 18px;
  padding: 3px 6px;
  text-align: center;
  text-shadow: none !important;
  vertical-align: middle;
}

.label {
  font-size: 85% !important;
  padding: 0.4em 0.6em !important;
}

.label-inverse, .badge-inverse {
  background-color: #555555;
}
/*
 * Skin: Blue
 * ----------
 */
.skin-blue .main-header .navbar {
  background-color: #2d568e;
}
.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #274167;
}
@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #274167;
  }
}
.skin-blue .main-header .logo {
  background-color: #274167;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-blue .main-header li.user-header {
  background-color: #2d568e;
}
.skin-blue .content-header {
  background: transparent;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #222d32;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #fff;
}
.skin-blue .sidebar-menu > li.header {
  color: #fff;
  background: #ef6c00;
}
.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  color: #ffffff;
  background: #1e282c;
}
.skin-blue .sidebar-menu > li.active > a {
  border-left-color: #2d568e;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-blue .sidebar a {
  color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-blue .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-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .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;
}
.skin-blue.layout-top-nav .main-header > .logo {
  background-color: #2d568e;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

