/*
 *  Document   : blue.scss
 *  Author     : pixelcave
 *  Description: THEME BLUE
 *
 */

/* Dark Colors */

body, .navbar-default .navbar-nav > li > a, .nav.navbar-nav-custom > li > a, .form-control {
  color: #444444;
}

.nav-tabs > li.active > a {
  color: #444444;
  &:hover, &:focus {
    color: #444444;
  }
}

li.dropdown-header, .chosen-container-single .chosen-single {
  color: #444444;
}

.themed-color-dark {
  color: #444444 !important;
}

.preloader, body, #page-container, #sidebar, #sidebar-alt, #page-content + footer.footer-inverse, .calendar-events li {
  background-color: #444444;
}

code {
  &[class^="language-"], &[class*=" language-"] {
    background-color: #444444;
  }
}

pre {
  &[class^="language-"], &[class*=" language-"] {
    background-color: #444444;
  }
}

.themed-background-dark {
  background-color: #444444 !important;
}

.navbar.navbar-inverse {
  background-color: #363636;
}

.sidebar-nav a, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small, .nav-users a {
  color: #d0cfcf;
}

/* Light Colors */

#page-content + footer, .navbar.navbar-default, .form-bordered .form-group.form-actions {
  background-color: #fafbfc;
}

.table tfoot > tr > {
  th, td {
    background-color: #fafbfc;
  }
}

a.list-group-item {
  &:hover, &:focus {
    background-color: #fafbfc;
  }
}

.nav > li > a {
  &:hover, &:focus {
    background-color: #fafbfc;
  }
}

.dropzone, .chosen-container-multi .chosen-choices li.search-choice, .dataTables_wrapper > div {
  background-color: #fafbfc;
}

#page-content, .timeline-list:after, blockquote, fieldset legend {
  background-color: #ebeff2;
}

.table-hover > tbody > tr:hover > {
  td, th {
    background-color: #ebeff2;
  }
}

li.dropdown-header, .slider-track, .fc-unthemed .fc-today, .fc-state-highlight {
  background-color: #ebeff2;
}

.form-bordered .form-group {
  border-color: #ebeff2;
}

.table {
  thead > tr > th, tbody > tr > th, tfoot > tr > th, thead > tr > td, tbody > tr > td, tfoot > tr > td, tbody + tbody {
    border-color: #ebeff2;
  }
}

.table-bordered {
  border-color: #ebeff2;
  > {
    thead > tr > th, tbody > tr > th, tfoot > tr > th, thead > tr > td, tbody > tr > td, tfoot > tr > td {
      border-color: #ebeff2;
    }
  }
}

.list-group-item {
  border-color: #ebeff2;
}

.nav-tabs > li {
  > a:hover {
    border-color: #ebeff2;
  }
  &.active > a {
    border-color: #ebeff2;
    &:hover, &:focus {
      border-color: #ebeff2;
    }
  }
}

pager > li > a {
  border-color: #ebeff2;
}

.pager > li {
  > span, &.disabled > a:hover {
    border-color: #ebeff2;
  }
}

.dropzone, .dataTables_wrapper > div {
  border-color: #ebeff2;
}

.timeline-header, .nav-tabs {
  border-bottom-color: #ebeff2;
}

.btn-default {
  background-color: #c2cacf;
  border-color: #c2cacf;
}

.block-title .nav-tabs > li.active > a {
  background-color: #dae2e8;
  &:hover, &:focus {
    background-color: #dae2e8;
  }
}

.switch-default input:checked + span, .btn-default:hover, thead th.fc-widget-header {
  background-color: #dae2e8;
}

.block .block, .form-control, .input-group-addon, .dropdown-menu, .btn-default:hover, .fc-widget-header, .fc-widget-content {
  border-color: #dae2e8;
}

.chosen-container-single {
  .chosen-single, .chosen-search input[type="text"] {
    border-color: #dae2e8;
  }
}

.chosen-container-multi .chosen-choices, div.tagsinput {
  border-color: #dae2e8;
}

.fc-unthemed {
  th, td, hr, thead, tbody, .fc-row, .fc-popover {
    border-color: #dae2e8;
  }
}

.block-title, thead th.fc-widget-header {
  border-bottom-color: #dae2e8;
}

.btn-default {
  &:focus, &:active, &.active {
    background-color: #aab1b5;
    border-color: #aab1b5;
  }
}

.open .btn-default.dropdown-toggle, ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background-color: #aab1b5;
  border-color: #aab1b5;
}

/* Highlight Colors */

.text-primary {
  color: #3498db;
  &:hover {
    color: #3498db;
  }
}

a {
  color: #3498db;
  &:hover, &:focus {
    color: #3498db;
  }
  &.text-primary {
    color: #3498db;
    &:hover, &:focus {
      color: #3498db;
    }
  }
}

.nav-pills > .active > a > .badge {
  color: #3498db;
}

.pagination > li > {
  a, span {
    color: #3498db;
  }
}

.btn-primary.btn-alt {
  color: #3498db;
}

.btn-link {
  color: #3498db;
  &:hover, &:focus {
    color: #3498db;
  }
}

.btn-primary.btn-alt:hover {
  color: #ffffff;
}

.themed-color {
  color: #3498db !important;
}

.navbar-default .navbar-nav > {
  li > a {
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
  .active > a {
    background-color: #3498db;
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
  .open > a {
    background-color: #3498db;
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
}

.navbar-inverse .navbar-nav > {
  li > a {
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
  .active > a {
    background-color: #3498db;
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
  .open > a {
    background-color: #3498db;
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
}

.nav.navbar-nav-custom > li {
  &.open > a {
    background-color: #3498db;
  }
  > a {
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
}

a.sidebar-title {
  &:hover, &:focus {
    background-color: #3498db;
  }
}

.sidebar-nav {
  a.active {
    background-color: #3498db;
  }
  ul a.active {
    background-color: #3498db;
    &:hover {
      background-color: #3498db;
    }
  }
}

#to-top:hover, .timeline-icon, .table.table-pricing th {
  background-color: #3498db;
}

a.list-group-item.active {
  background-color: #3498db;
  &:hover, &:focus {
    background-color: #3498db;
  }
}

.nav-pills > li.active > a {
  background-color: #3498db;
  &:hover, &:focus {
    background-color: #3498db;
  }
}

.dropdown-menu > {
  li > a {
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
  .active > a {
    background-color: #3498db;
    &:hover, &:focus {
      background-color: #3498db;
    }
  }
}

.nav .open > a {
  background-color: #3498db;
  &:hover, &:focus {
    background-color: #3498db;
  }
}

.nav-users a:hover {
  background-color: #3498db;
}

.pagination > .active > {
  a, span, a:hover, span:hover, a:focus, span:focus {
    background-color: #3498db;
  }
}

.pager > li > a:hover, .pagination > li > a:hover {
  background-color: #3498db;
}

.btn-primary {
  background-color: #3498db;
  &.disabled {
    background-color: #3498db;
    &:hover, &:focus, &:active, &.active {
      background-color: #3498db;
    }
  }
  &[disabled] {
    &:hover, &:focus, &:active, &.active {
      background-color: #3498db;
    }
  }
}

fieldset[disabled] .btn-primary {
  &:hover, &:focus, &:active, &.active {
    background-color: #3498db;
  }
}

.label-primary, .fc-highlight, .fc-event, .fc-state-default, .fc-state-disabled, .chosen-container .chosen-results li.highlighted, .chosen-container-multi .chosen-choices li.search-choice {
  background-color: #3498db;
}

.datepicker table tr td {
  &.active {
    background-color: #3498db;
    &:hover {
      background-color: #3498db;
    }
    &.disabled {
      background-color: #3498db;
      &:hover {
        background-color: #3498db;
      }
    }
    &:hover, &.disabled:hover, &:active, &:hover:active {
      background-color: #3498db;
    }
    &.disabled {
      &:active, &:hover:active {
        background-color: #3498db;
      }
    }
    &.active, &:hover.active {
      background-color: #3498db;
    }
    &.disabled {
      &.active, &:hover.active {
        background-color: #3498db;
      }
      background-color: #3498db;
    }
    &:hover.disabled {
      background-color: #3498db;
    }
    &.disabled {
      &.disabled, &:hover.disabled {
        background-color: #3498db;
      }
    }
    &[disabled], &:hover[disabled] {
      background-color: #3498db;
    }
    &.disabled {
      &[disabled], &:hover[disabled] {
        background-color: #3498db;
      }
    }
  }
  span.active {
    &:hover, &.disabled:hover, &:active, &:hover:active {
      background-color: #3498db;
    }
    &.disabled {
      &:active, &:hover:active {
        background-color: #3498db;
      }
    }
    &.active, &:hover.active {
      background-color: #3498db;
    }
    &.disabled {
      &.active, &:hover.active {
        background-color: #3498db;
      }
      background-color: #3498db;
    }
    &:hover.disabled {
      background-color: #3498db;
    }
    &.disabled {
      &.disabled, &:hover.disabled {
        background-color: #3498db;
      }
    }
    &[disabled], &:hover[disabled] {
      background-color: #3498db;
    }
    &.disabled {
      &[disabled], &:hover[disabled] {
        background-color: #3498db;
      }
    }
  }
}

.bootstrap-timepicker-widget table td a:hover, div.tagsinput span.tag, .slider-selection, #nprogress .bar, .switch-primary input:checked + span {
  background-color: #3498db;
}

.themed-background {
  background-color: #3498db !important;
}

.label-primary[href] {
  &:hover, &:focus {
    background-color: #3baaf5;
  }
}

.table.table-pricing {
  &.table-featured, &:hover {
    border-color: #3498db;
  }
}

.form-control:focus {
  border-color: #3498db;
}

.btn-primary {
  border-color: #3498db;
  &.disabled {
    border-color: #3498db;
    &:hover, &:focus, &:active, &.active {
      border-color: #3498db;
    }
  }
  &[disabled] {
    &:hover, &:focus, &:active, &.active {
      border-color: #3498db;
    }
  }
}

fieldset[disabled] .btn-primary {
  &:hover, &:focus, &:active, &.active {
    border-color: #3498db;
  }
}

a.list-group-item.active {
  border-color: #3498db;
  &:hover, &:focus {
    border-color: #3498db;
  }
}

.pager > li > a:hover, .pagination > li > a:hover, .chosen-container .chosen-drop, .chosen-container-multi .chosen-choices li.search-choice {
  border-color: #3498db;
}

.chosen-container-active {
  .chosen-single, &.chosen-with-drop .chosen-single, .chosen-choices {
    border-color: #3498db;
  }
}

div.tagsinput span.tag, .fc-event, .fc-state-default {
  border-color: #3498db;
}

.btn-primary:hover, .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
  background-color: #3baaf5;
  border-color: #3baaf5;
}

.btn-primary {
  &:focus, &:active, &.active {
    background-color: #2f87c2;
    border-color: #2f87c2;
    color: #ffffff;
  }
}

.open .btn-primary.dropdown-toggle, .fc-state-down, .fc-state-active {
  background-color: #2f87c2;
  border-color: #2f87c2;
  color: #ffffff;
}

.nav {
  .caret {
    border-top-color: #3498db;
    border-bottom-color: #3498db;
  }
  a {
    &:hover .caret, &:focus .caret {
      border-top-color: #3498db;
      border-bottom-color: #3498db;
    }
  }
}

.preloader-spinner {
  border-left-color: #3498db;
  border-right-color: #3498db;
}

#nprogress {
  .spinner-icon {
    border-left-color: #3498db;
    border-right-color: #3498db;
  }
  .peg {
    box-shadow: 0 0 10px #3498db, 0 0 5px #3498db;
  }
}