.text-danger {
  color: #26BBE3 !important; }

.text-warning {
  color: #21A4C7 !important; }

.text-success {
  color: #286E63 !important; }

.text-info {
  color: #3BA494 !important; }


html body .text-primary {
  color: #26BBE3; }


/*******************
Background Colors
*******************/
.bg-primary {
  background-color: #26BBE3 !important; }

.bg-success {
  background-color: #286E63 !important; }

.bg-info {
  background-color: #3BA494 !important; }

.bg-warning {
  background-color: #21A4C7 !important; }

.bg-danger {
  background-color: #26BBE3 !important; }


html body .bg-light-primary {
  background-color: #f1effd; }

html body .bg-light-success {
  background-color: #e8fdeb; }

html body .bg-light-info {
  background-color: #cfecfe; }


html body .bg-light-warning {
  background-color: #fff8ec; }

html body .bg-light-danger {
  background-color: #f9e7eb; }



/*******************
Rounds
*******************/
.round.round-info {
  background: #3BA494; }

.round.round-warning {
  background: #21A4C7; }

.round.round-danger {
  background: #26BBE3; }

.round.round-success {
  background: #286E63; }

.round.round-primary {
  background: #26BBE3; }

/*******************
Labels
*******************/

.label-success {
  background-color: #286E63; }

.label-info {
  background-color: #3BA494; }

.label-warning {
  background-color: #21A4C7; }

.label-danger {
  background-color: #26BBE3; }

.label-primary {
  background-color: #26BBE3; }


.label-light-success {
  background-color: #e8fdeb;
  color: #286E63; }

.label-light-info {
  background-color: #cfecfe;
  color: #3BA494; }

.label-light-warning {
  background-color: #fff8ec;
  color: #21A4C7; }

.label-light-danger {
  background-color: #f9e7eb;
  color: #26BBE3; }


.label-light-primary {
  background-color: #f1effd;
  color: #26BBE3; }



.badge-success {
  background-color: #286E63; }

.badge-info {
  background-color: #3BA494; }

.badge-primary {
  background-color: #26BBE3; }

.badge-warning {
  background-color: #21A4C7;
  color: #ffffff; }

.badge-danger {
  background-color: #26BBE3; }



/*******************
Buttons
******************/

  .btn-group label.btn-secondary {
    color: #959DB3 !important; }



.btn-secondary,
.btn-secondary.disabled {
  background: #ffffff;
  border: 1px solid #959DB3;
  color: #959DB3; }
  .btn-secondary:hover,
  .btn-secondary.disabled:hover {
    background: #959DB3;
    opacity: 0.7;
    border: 1px solid #959DB3; }
  .btn-secondary.active, .btn-secondary:focus,
  .btn-secondary.disabled.active,
  .btn-secondary.disabled:focus {
    background: #959DB3;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff; }

.btn-primary,
.btn-primary.disabled {
  background: #26BBE3;
  border: 1px solid #26BBE3;
  -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
  box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-primary:hover,
  .btn-primary.disabled:hover {
    background: #26BBE3;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    border: 1px solid #26BBE3; }
  .btn-primary.active, .btn-primary:focus,
  .btn-primary.disabled.active,
  .btn-primary.disabled:focus {
    background: #26BBE3;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2); }


.btn-success,
.btn-success.disabled {
  background: #286E63;
  border: 1px solid #286E63;
  -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
  box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-success:hover,
  .btn-success.disabled:hover {
    background: #286E63;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    border: 1px solid #286E63; }
  .btn-success.active, .btn-success:focus,
  .btn-success.disabled.active,
  .btn-success.disabled:focus {
    background: #286E63;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2); }

.btn-info,
.btn-info.disabled {
  background: #3BA494;
  border: 1px solid #3BA494;
  -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-info:hover,
  .btn-info.disabled:hover {
    background: #3BA494;
    border: 1px solid #3BA494;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }
  .btn-info.active, .btn-info:focus,
  .btn-info.disabled.active,
  .btn-info.disabled:focus {
    background: #3BA494;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }

.btn-warning,
.btn-warning.disabled {
  background: #21A4C7;
  color: #ffffff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 164, 199, 0.14), 0 3px 1px -2px rgba(33, 164, 199, 0.2), 0 1px 5px 0 rgba(33, 164, 199, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 164, 199, 0.14), 0 3px 1px -2px rgba(33, 164, 199, 0.2), 0 1px 5px 0 rgba(33, 164, 199, 0.12);
  border: 1px solid #21A4C7;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-warning:hover,
  .btn-warning.disabled:hover {
    background: #21A4C7;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2);
    box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2);
    border: 1px solid #21A4C7; }
  .btn-warning.active, .btn-warning:focus,
  .btn-warning.disabled.active,
  .btn-warning.disabled:focus {
    background: #21A4C7;
    -webkit-box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2);
    box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2); }

.btn-danger,
.btn-danger.disabled {
  background: #26BBE3;
  border: 1px solid #26BBE3;
  -webkit-box-shadow: 0 2px 2px 0 rgba(38, 187, 227, 0.14), 0 3px 1px -2px rgba(38, 187, 227, 0.2), 0 1px 5px 0 rgba(38, 187, 227, 0.12);
  box-shadow: 0 2px 2px 0 rgba(38, 187, 227, 0.14), 0 3px 1px -2px rgba(38, 187, 227, 0.2), 0 1px 5px 0 rgba(38, 187, 227, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-danger:hover,
  .btn-danger.disabled:hover {
    background: #26BBE3;
    -webkit-box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2);
    box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2);
    border: 1px solid #26BBE3; }
  .btn-danger.active, .btn-danger:focus,
  .btn-danger.disabled.active,
  .btn-danger.disabled:focus {
    background: #26BBE3;
    -webkit-box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2);
    box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2); }


.btn-outline-secondary {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
  box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2); }
  .btn-outline-secondary.active, .btn-outline-secondary:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2); }

.btn-outline-primary {
  color: #26BBE3;
  background-color: #ffffff;
  border-color: #26BBE3;
  -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
  box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
    background: #26BBE3;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    color: #ffffff;
    border-color: #26BBE3; }
  .btn-outline-primary.active, .btn-outline-primary:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2); }

.btn-outline-success {
  color: #286E63;
  background-color: transparent;
  border-color: #286E63;
  -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
  box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus {
    background: #286E63;
    border-color: #286E63;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2); }
  .btn-outline-success.active, .btn-outline-success:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2); }

.btn-outline-info {
  color: #3BA494;
  background-color: transparent;
  border-color: #3BA494;
  -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus {
    background: #3BA494;
    border-color: #3BA494;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }
  .btn-outline-info.active, .btn-outline-info:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }

.btn-outline-warning {
  color: #21A4C7;
  background-color: transparent;
  border-color: #21A4C7;
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 164, 199, 0.14), 0 3px 1px -2px rgba(33, 164, 199, 0.2), 0 1px 5px 0 rgba(33, 164, 199, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 164, 199, 0.14), 0 3px 1px -2px rgba(33, 164, 199, 0.2), 0 1px 5px 0 rgba(33, 164, 199, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus {
    background: #21A4C7;
    border-color: #21A4C7;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2);
    box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2); }
  .btn-outline-warning.active, .btn-outline-warning:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2);
    box-shadow: 0 14px 26px -12px rgba(33, 164, 199, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(33, 164, 199, 0.2); }
 

.btn-outline-danger {
  color: #26BBE3;
  background-color: transparent;
  border-color: #26BBE3;
  -webkit-box-shadow: 0 2px 2px 0 rgba(38, 187, 227, 0.14), 0 3px 1px -2px rgba(38, 187, 227, 0.2), 0 1px 5px 0 rgba(38, 187, 227, 0.12);
  box-shadow: 0 2px 2px 0 rgba(38, 187, 227, 0.14), 0 3px 1px -2px rgba(38, 187, 227, 0.2), 0 1px 5px 0 rgba(38, 187, 227, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus {
    background: #26BBE3;
    border-color: #26BBE3;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2);
    box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2); }
  .btn-outline-danger.active, .btn-outline-danger:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2);
    box-shadow: 0 14px 26px -12px rgba(38, 187, 227, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 187, 227, 0.2); }


.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
  background-color: #26BBE3;
  border: 1px solid #26BBE3; }

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
  background-color: #286E63;
  border: 1px solid #286E63; }

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover,
.btn-info.focus,
.btn-info:focus {
  background-color: #3BA494;
  border: 1px solid #3BA494; }

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus {
  background-color: #21A4C7;
  border: 1px solid #21A4C7; }

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus {
  background-color: #26BBE3;
  border: 1px solid #26BBE3; }


/*******************
Card title
*******************/



.card-success {
  background: #286E63;
  border-color: #286E63; }

.card-danger {
  background: #26BBE3;
  border-color: #26BBE3; }

.card-warning {
  background: #21A4C7;
  border-color: #21A4C7; }

.card-info {
  background: #3BA494;
  border-color: #3BA494; }

.card-primary {
  background: #26BBE3;
  border-color: #26BBE3; }



/*============================================================== 
Cards page
============================================================== */


.card-info {
  background: #3BA494;
  border-color: #3BA494; }

.card-primary {
  background: #26BBE3;
  border-color: #26BBE3; }

.card-outline-info {
  border-color: #3BA494; }
  .card-outline-info .card-header {
    background: #3BA494;
    border-color: #3BA494; }



.card-outline-warning {
  border-color: #21A4C7; }
  .card-outline-warning .card-header {
    background: #21A4C7;
    border-color: #21A4C7; }

.card-outline-success {
  border-color: #286E63; }
  .card-outline-success .card-header {
    background: #286E63;
    border-color: #286E63; }

.card-outline-danger {
  border-color: #26BBE3; }
  .card-outline-danger .card-header {
    background: #26BBE3;
    border-color: #26BBE3; }

.card-outline-primary {
  border-color: #26BBE3; }
  .card-outline-primary .card-header {
    background: #26BBE3;
    border-color: #26BBE3; }




.floating-labels .has-warning .form-control {
  border-bottom: 1px solid #21A4C7; }

.floating-labels .has-success .form-control {
  border-bottom: 1px solid #286E63; }




.has-warning .bar:before,
.has-warning .bar:after {
  background: #21A4C7; }

.has-success .bar:before,
.has-success .bar:after {
  background: #286E63; }



.has-warning .form-control:focus ~ label,
.has-warning .form-control:valid ~ label {
  color: #21A4C7; }

.has-success .form-control:focus ~ label,
.has-success .form-control:valid ~ label {
  color: #286E63; }







.icolors > li.info {
  background: #3BA494; }





/*******************
Table-Layout
******************/


.color-table.primary-table thead th {
  background-color: #26BBE3;
  color: #ffffff; }

.color-table.success-table thead th {
  background-color: #286E63;
  color: #ffffff; }

.color-table.info-table thead th {
  background-color: #3BA494;
  color: #ffffff; }

.color-table.warning-table thead th {
  background-color: #21A4C7;
  color: #ffffff; }

.color-table.danger-table thead th {
  background-color: #26BBE3;
  color: #ffffff; }


.color-bordered-table.primary-bordered-table {
  border: 2px solid #26BBE3; }
  .color-bordered-table.primary-bordered-table thead th {
    background-color: #26BBE3;
    color: #ffffff; }

.color-bordered-table.success-bordered-table {
  border: 2px solid #286E63; }
  .color-bordered-table.success-bordered-table thead th {
    background-color: #286E63;
    color: #ffffff; }

.color-bordered-table.info-bordered-table {
  border: 2px solid #3BA494; }
  .color-bordered-table.info-bordered-table thead th {
    background-color: #3BA494;
    color: #ffffff; }

.color-bordered-table.warning-bordered-table {
  border: 2px solid #21A4C7; }
  .color-bordered-table.warning-bordered-table thead th {
    background-color: #21A4C7;
    color: #ffffff; }

.color-bordered-table.danger-bordered-table {
  border: 2px solid #26BBE3; }
  .color-bordered-table.danger-bordered-table thead th {
    background-color: #26BBE3;
    color: #ffffff; }


.full-color-table.full-primary-table {
  background-color: #f1effd; }
  .full-color-table.full-primary-table thead th {
    background-color: #26BBE3;
    border: 0;
    color: #ffffff; }
  .full-color-table.full-primary-table tbody td {
    border: 0; }
  .full-color-table.full-primary-table tr:hover {
    background-color: #26BBE3;
    color: #ffffff; }

.full-color-table.full-success-table {
  background-color: #e8fdeb; }
  .full-color-table.full-success-table thead th {
    background-color: #286E63;
    border: 0;
    color: #ffffff; }
  .full-color-table.full-success-table tbody td {
    border: 0; }
  .full-color-table.full-success-table tr:hover {
    background-color: #286E63;
    color: #ffffff; }

.full-color-table.full-info-table {
  background-color: #cfecfe; }
  .full-color-table.full-info-table thead th {
    background-color: #3BA494;
    border: 0;
    color: #ffffff; }
  .full-color-table.full-info-table tbody td {
    border: 0; }
  .full-color-table.full-info-table tr:hover {
    background-color: #3BA494;
    color: #ffffff; }

.full-color-table.full-warning-table {
  background-color: #fff8ec; }
  .full-color-table.full-warning-table thead th {
    background-color: #21A4C7;
    border: 0;
    color: #ffffff; }
  .full-color-table.full-warning-table tbody td {
    border: 0; }
  .full-color-table.full-warning-table tr:hover {
    background-color: #21A4C7;
    color: #ffffff; }

.full-color-table.full-danger-table {
  background-color: #f9e7eb; }
  .full-color-table.full-danger-table thead th {
    background-color: #26BBE3;
    border: 0;
    color: #ffffff; }
  .full-color-table.full-danger-table tbody td {
    border: 0; }
  .full-color-table.full-danger-table tr:hover {
    background-color: #26BBE3;
    color: #ffffff; }



/*******************
Table-Data Table
******************/


.dataTables_info, .dataTables_length {
  display: inline-block; }




.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #ffffff;
  background: #26BBE3; }

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  color: #ffffff;
  background: #3BA494; }

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  color: #ffffff;
  background: #286E63; }

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
  color: #ffffff;
  background: #21A4C7; }

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
  color: #ffffff;
  background: #26BBE3; }



/*******************
Notification page Jquery toaster
******************/
.jq-icon-info {
  background-color: #3BA494;
  color: #ffffff; }

.jq-icon-success {
  background-color: #286E63;
  color: #ffffff; }


.jq-icon-warning {
  background-color: #21A4C7;
  color: #ffffff; }






    .el-element-overlay .el-card-item .el-overlay-1 .el-info {
      text-decoration: none;
      display: inline-block;
      text-transform: uppercase;
      color: #ffffff;
      background-color: transparent;
      filter: alpha(opacity=0);
      -webkit-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      padding: 0;
      margin: auto;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%) translateZ(0);
      -webkit-transform: translateY(-50%) translateZ(0);
      -ms-transform: translateY(-50%) translateZ(0); }
      .el-element-overlay .el-card-item .el-overlay-1 .el-info > li {
        list-style: none;
        display: inline-block;
        margin: 0 3px; }
        .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {
          border-color: #ffffff;
          color: #ffffff;
          padding: 12px 15px 10px; }
          .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {
            background: #3BA494;
            border-color: #3BA494; }



.timeline-badge.primary {
  background-color: #26BBE3; }

.timeline-badge.success {
  background-color: #286E63; }

.timeline-badge.warning {
  background-color: #21A4C7; }

.timeline-badge.danger {
  background-color: #26BBE3; }

.timeline-badge.info {
  background-color: #3BA494; }



/*******************
ribbons page
******************/



.ribbon-primary {
  background: #26BBE3; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #26BBE3;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #26BBE3;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-l.ribbon-primary:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-primary:before {
  border-right-color: #26BBE3;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #26BBE3;
  border-left-color: #26BBE3; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #26BBE3;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #26BBE3; }

.ribbon-success {
  background: #286E63; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #286E63;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #286E63;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-l.ribbon-success:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-success:before {
  border-right-color: #286E63;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #286E63;
  border-left-color: #286E63; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #286E63;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #286E63; }

.ribbon-info {
  background: #3BA494; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #3BA494;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #3BA494;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-l.ribbon-info:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-info:before {
  border-right-color: #3BA494;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #3BA494;
  border-left-color: #3BA494; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #3BA494;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #3BA494; }

.ribbon-warning {
  background: #21A4C7; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #21A4C7;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #21A4C7;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-l.ribbon-warning:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-warning:before {
  border-right-color: #21A4C7;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #21A4C7;
  border-left-color: #21A4C7; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #21A4C7;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #21A4C7; }

.ribbon-danger {
  background: #26BBE3; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #26BBE3;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #26BBE3;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-l.ribbon-danger:before,
.ribbon-bookmark.ribbon-vertical-r.ribbon-danger:before {
  border-right-color: #26BBE3;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #26BBE3;
  border-left-color: #26BBE3; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #26BBE3;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #26BBE3; }



.item-info {
  margin-bottom: 15px;
  margin-left: 15px; }
  .item-info p {
    margin-bottom: 10px !important; }






.profiletimeline .item-info {
  margin-bottom: 15px;
  margin-left: 15px; }
  .profiletimeline .item-info p {
    margin-bottom: 10px !important; }






/*-------------------*/
/*Bootstrap 4 hack*/
/*-------------------*/

.form-control-line .form-control.form-control-success:focus {
  border-bottom: 1px solid #286E63; }

.form-control-line .form-control.form-control-warning:focus {
  border-bottom: 1px solid #21A4C7; }

.form-control-line .form-control.form-control-danger:focus {
  border-bottom: 1px solid #26BBE3; }



.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #286E63; }



.has-success .form-control {
  border-color: #286E63; }

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
  color: #21A4C7; }



.has-warning .form-control {
  border-color: #21A4C7; }

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
  color: #26BBE3; }



.has-danger .form-control {
  border-color: #26BBE3; }



/*.sidebar-nav ul li a {
  color: #959DB3 !important;
}*/

.sidebar-nav ul li a {
    color: #353E57;
}


/*scss changes*/
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #21A4C7;
  border-color: #21A4C7;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(33,164,199,.5);
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #21A4C7;
    border-color: #21A4C7;
}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(33,164,199,.5);
}


.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #26BBE3;
    border-color: #26BBE3;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 187, 227,.5);
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #26BBE3;
    border-color: #26BBE3;
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 187, 227,.5);
}


.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #26BBE3;
    border-color: #26BBE3;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(38, 187, 227,.5);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #26BBE3;
    border-color: #26BBE3;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(38, 187, 227,.5);
}


.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #3BA494;
    border-color: #3BA494;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 164, 148,.5);
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #3BA494;
    border-color: #3BA494;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 164, 148,.5);
}



.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #286E63;
    border-color: #286E63;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 110, 99,.5);
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #286E63;
    border-color: #286E63;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 110, 99,.5);
}


.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #959DB3;
    border-color: #959DB3;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 157, 179,.5);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #959DB3;
    border-color: #959DB3;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 157, 179,.5);
}

/*scss changes*/


[type="checkbox"]:checked.chk-col-red + label:before {
    border-right: 2px solid #26BBE3;
    border-bottom: 2px solid #26BBE3;
}

[type="checkbox"].filled-in:checked.chk-col-red + label:after {
    border: 2px solid #26BBE3;
    background-color: #26BBE3;
}

.notify .heartbit {
    border: 5px solid #26BBE3;
}

.notify .point {
    background-color: #26BBE3;
}

.progress-bar {
  background-color: #3BA494;
}

a {
    color: #26BBE3;
}

a:hover {
    color: #3BA494;
    text-decoration: underline;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #353E57 !important;
}

.alert-danger {
    color: #26BBE3;
    background-color: #e2fffb;
    border-color: #a8f9ee;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff !important;
    background-color: #286E63 !important;
}

.switch label input[type=checkbox]:checked + .lever.switch-col-light-green {
    background-color: rgba(38, 187, 227, 0.5) !important;
}
.switch label input[type=checkbox]:checked + .lever.switch-col-light-green:after {
    background-color: #26BBE3 !important;
}


.alert-info {
    color: #353E57;
    background-color: #AEE5F4;
    border-color: #AEE5F4;
}