a, .btn-link {
    color: #08c
}

    a:hover, a:focus, .btn-link:hover, .btn-link:focus {
        color: #0099e6
    }

    a:active, .btn-link:active {
        color: #0077b3
    }

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
    color: #08c
}

@media only screen and (min-width:768px) {
    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
        color: #08c
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.label, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.label {
        background-color: #08c
    }
}

@media only screen and (max-width:1199px) {
    html.boxed .header {
        border-top-color: #08c
    }
}

@media only screen and (min-width:1200px) {
    html.boxed .header {
        border-top-color: #08c
    }

    html.boxed .sidebar-right {
        border-top-color: #08c;
        min-height: 0
    }
}

.userbox.open .dropdown-menu a:hover {
    background: #08c
}

.mailbox .mailbox-mail-list li.active {
    background: #08c
}

.mailbox .mailbox-mail .mailbox-close-mail {
    color: #08c
}

    .mailbox .mailbox-mail .mailbox-close-mail:hover {
        color: #0099e6
    }

.mailbox .mailbox-mail .panel .panel-heading .panel-actions a:hover {
    color: #08c
}

.media-gallery ul.mg-tags > li a:hover {
    background-color: #08c
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
    background-color: #08c
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
    background-color: #08c
}

.media-gallery .mg-files .thumbnail.thumbnail-selected {
    box-shadow: 0 0 8px -1px #08c
}

.body-sign .panel-sign .panel-title-sign .title {
    background-color: #08c
}

.body-sign .panel-sign .panel-body {
    border-top-color: #08c
}

.body-locked .current-user .user-image {
    border-color: #08c
}

blockquote.primary {
    border-color: #08c
}

.nav-pills-primary > li a:hover, .nav-pills-primary > li a:focus {
    color: #08c;
    background-color: #cef
}

.nav-pills-primary > li.active > a, .nav-pills-primary > li.active > a:hover, .nav-pills-primary > li.active > a:active, .nav-pills-primary > li.active > a:focus {
    background-color: #08c
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #08c
}

.open > .dropdown-toggle.btn-primary {
    background: #08c;
    border-color: #0077b3
}

body .btn-primary.dropdown-toggle {
    border-left-color: #00a3f5
}

body .btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #08c;
    border-color: #08c
}

    body .btn-primary:hover {
        border-color: #0099e6 !important;
        background-color: #0099e6
    }

    body .btn-primary:active, body .btn-primary:focus {
        border-color: #0077b3 !important;
        background-color: #0077b3
    }

    body .btn-primary[disabled] {
        border-color: #3bf !important;
        background-color: #3bf
    }

body .btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #47a447;
    border-color: #47a447
}

    body .btn-success:hover {
        border-color: #51b451 !important;
        background-color: #51b451
    }

    body .btn-success:active, body .btn-success:focus {
        border-color: #3f923f !important;
        background-color: #3f923f
    }

    body .btn-success[disabled] {
        border-color: #86cb86 !important;
        background-color: #86cb86
    }

body .btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #ed9c28;
    border-color: #ed9c28
}

    body .btn-warning:hover {
        border-color: #efa740 !important;
        background-color: #efa740
    }

    body .btn-warning:active, body .btn-warning:focus {
        border-color: #e89113 !important;
        background-color: #e89113
    }

    body .btn-warning[disabled] {
        border-color: #f5c786 !important;
        background-color: #f5c786
    }

body .btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #d2322d;
    border-color: #d2322d
}

    body .btn-danger:hover {
        border-color: #d64742 !important;
        background-color: #d64742
    }

    body .btn-danger:active, body .btn-danger:focus {
        border-color: #bd2d29 !important;
        background-color: #bd2d29
    }

    body .btn-danger[disabled] {
        border-color: #e48481 !important;
        background-color: #e48481
    }

body .btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #5bc0de;
    border-color: #5bc0de
}

    body .btn-info:hover {
        border-color: #70c8e2 !important;
        background-color: #70c8e2
    }

    body .btn-info:active, body .btn-info:focus {
        border-color: #46b8da !important;
        background-color: #46b8da
    }

    body .btn-info[disabled] {
        border-color: #b0e1ef !important;
        background-color: #b0e1ef
    }

body .btn-dark {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #171717;
    border-color: #171717
}

    body .btn-dark:hover {
        border-color: #242424 !important;
        background-color: #242424
    }

    body .btn-dark:active, body .btn-dark:focus {
        border-color: #0a0a0a !important;
        background-color: #0a0a0a
    }

    body .btn-dark[disabled] {
        border-color: #4a4a4a !important;
        background-color: #4a4a4a
    }

body .btn-basic-danger {
    color: black;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #f5f5f5;
    border-color: #bd9c9c
}

    body .btn-basic-danger:hover {
        color: #fff;
        border-color: #d64742 !important;
        background-color: #d64742
    }

    body .btn-basic-danger:active, body .btn-basic-danger:focus {
        color: #fff;
        border-color: #bd2d29 !important;
        background-color: #bd2d29
    }

    body .btn-basic-danger[disabled] {
        color: black;
        border-color: #e48481 !important;
        background-color: #e48481
    }

.switch.switch-primary .ios-switch .on-background {
    background: #08c
}

.label-primary {
    background: #08c
}

.text-primary {
    color: #08c !important
}

.bg-primary {
    background: #08c
}

.alternative-font {
    color: #08c
}

.highlight {
    background-color: #08c
}

p.drop-caps.colored:first-child:first-letter {
    color: #08c
}

p.drop-caps.colored.secundary:first-child:first-letter {
    background-color: #08c
}

.well.primary {
    background: #08c;
    border-color: #069
}

.form-control:focus {
    border-color: #3bf;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(0,136,204,.3)
}

.header .toggle-sidebar-left {
    background: #08c
}

.page-header h2 {
    border-bottom-color: #08c
}

.page-header .sidebar-right-toggle:hover {
    color: #08c
}

ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #08c inset
}

ul.nav-main > li.nav-active > i {
    color: #08c
}

ul.nav-main li .nav-children li.nav-active > a {
    color: #08c
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #08c
}

.nav-pills > .active a, .nav-pills > .active a:hover, .nav-pills > .active a:focus {
    background-color: #08c
}

.pagination > li a {
    color: #08c
}

    .pagination > li a:hover, .pagination > li a:focus {
        color: #0099e6
    }

.pagination > li.active a, .pagination > li.active span, .pagination > li.active a:hover, .pagination > li.active span:hover, .pagination > li.active a:focus, .pagination > li.active span:focus {
    background-color: #08c;
    border-color: #08c
}

.pagination > li.active a {
    background-color: #08c
}

html .pagination > li.active a, html.dark .pagination > li.active a, html .pagination > li.active span, html.dark .pagination > li.active span, html .pagination > li.active a:hover, html.dark .pagination > li.active a:hover, html .pagination > li.active span:hover, html.dark .pagination > li.active span:hover, html .pagination > li.active a:focus, html.dark .pagination > li.active a:focus, html .pagination > li.active span:focus, html.dark .pagination > li.active span:focus {
    background-color: #08c;
    border-color: #08c
}

html .pagination > li.active a, html.dark .pagination > li.active a {
    background-color: #08c
}

.fc .fc-widget-header {
    background: #08c;
    border-color: #08c
}

.fc .fc-header-title h2:before {
    color: #08c
}

.fc-event {
    background: #08c;
    border-color: #08c
}

    .fc-event.fc-event-primary {
        background: #08c;
        border-color: #08c
    }

.jqvmap-zoomin, .jqvmap-zoomout {
    background: #08c
}

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #08c
}

.timeline .tm-items > li .tm-icon {
    border-color: #08c;
    color: #08c
}

.timeline.timeline-simple .tm-body .tm-items > li:before {
    background: #08c;
    box-shadow: 0 0 0 3px #fff,0 0 0 6px #08c
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
    background: #08c;
    box-shadow: 0 0 0 3px #2e353e,0 0 0 6px #08c
}

.pricing-table h3 span {
    color: #08c
}

.pricing-table .most-popular h3 {
    background-color: #08c !important;
    color: #fff !important
}

.dataTables_processing {
    /*background-color: #08c*/
    z-index: 11000 !important;
}

.dt-buttons {
    /*background-color: #08c*/
    float: right !important;
}

.panel-group .panel-accordion .panel-heading a {
    color: #08c
}

.alert-primary {
    background-color: #08c;
    border-color: #007ebd
}

    .alert-primary .alert-link {
        color: #046
    }

.dd-handle:hover {
    color: #08c !important
}

.dd-placeholder {
    background: #e6f7ff;
    border-color: #08c
}

.panel-highlight .panel-heading {
    background-color: #08c;
    border-color: #08c
}

.panel-highlight .panel-body {
    background-color: #08c
}

html .panel-primary .panel-heading {
    background: #08c;
    border-color: #08c
}

.panel-heading.bg-primary {
    background: #08c
}

.panel-body.bg-primary {
    background: #08c
}

.panel-featured-primary {
    border-color: #08c
}

    .panel-featured-primary .panel-title {
        color: #08c
    }

.panel-heading-icon.bg-primary {
    background: #08c
}

.panel-group .panel-accordion-primary .panel-heading .panel-title a {
    background: #08c
}

.progress-bar {
    background-color: #08c
}

.progress .progress-bar-primary {
    background-color: #08c
}

.toggle label {
    border-left-color: #08c;
    color: #08c
}

.toggle.active > label {
    background: #08c !important;
    border-color: #08c
}

.jstree-default .jstree-hovered {
    background-color: #e6f7ff !important
}

.jstree-default .jstree-clicked {
    background-color: #b3e5ff !important
}

.jstree-default .colored {
    color: #08c !important
}

    .jstree-default .colored .jstree-icon {
        color: #08c !important
    }

.jstree-default .colored-icon .jstree-icon {
    color: #08c !important
}

.sidebar-widget.widget-tasks ul li:before {
    border-color: #08c
}

.widget-twitter-profile {
    background-color: #08c
}

    .widget-twitter-profile .profile-quote {
        background-color: #0096e0
    }

        .widget-twitter-profile .profile-quote .quote-footer {
            border-top-color: rgba(0,170,255,.7)
        }

.widget-profile-info .profile-info .profile-footer {
    border-top-color: rgba(0,170,255,.7)
}

.thumb-info .thumb-info-type {
    background-color: #08c
}

.social-icons-list a {
    background: #08c
}

.notifications .notification-menu .notification-title {
    background: #08c
}

    .notifications .notification-menu .notification-title .label-default {
        background-color: #069
    }

.notifications .notification-menu:before, .notifications .notification-icon:before {
    border-bottom-color: #08c
}

.ui-pnotify .notification-primary {
    background: rgba(0,136,204,.95)
}

.ui-pnotify.stack-bar-top .notification-primary, .ui-pnotify.stack-bar-bottom .notification-primary {
    background: #08c
}

.ui-pnotify.notification-primary .notification, .ui-pnotify.notification-primary .notification-primary {
    background: rgba(0,136,204,.95)
}

.ui-pnotify.notification-primary.stack-bar-top .notification, .ui-pnotify.notification-primary.stack-bar-bottom .notification, .ui-pnotify.notification-primary.stack-bar-top .notification-primary, .ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
    background: #08c
}

.modal-block-primary .fa {
    color: #08c
}

.modal-block-primary.modal-header-color .panel-heading {
    background-color: #08c
}

.modal-block-primary.modal-full-color .panel {
    background-color: #00a3f5
}

.modal-block-primary.modal-full-color .panel-heading {
    background-color: #08c
}

.modal-block-primary.modal-full-color .panel-footer {
    background-color: #00a3f5
}

.modal-block-primary .modal-icon .fa {
    color: #08c
}

html body .tabs-primary .nav-tabs li a, html.dark body .tabs-primary .nav-tabs li a, html body .tabs-primary .nav-tabs.nav-justified li a, html.dark body .tabs-primary .nav-tabs.nav-justified li a, html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
    color: #08c
}

    html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
        border-top-color: #08c
    }

html body .tabs-primary .nav-tabs li.active a, html.dark body .tabs-primary .nav-tabs li.active a, html body .tabs-primary .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a, html body .tabs-primary .nav-tabs li.active a:hover, html.dark body .tabs-primary .nav-tabs li.active a:hover, html body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary .nav-tabs li.active a:focus, html.dark body .tabs-primary .nav-tabs li.active a:focus, html body .tabs-primary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #08c;
    color: #08c
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #08c
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #fff;
    border-bottom-color: #08c
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
    border-left-color: #08c
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a, html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #08c
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
    border-right-color: #08c
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a, html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #08c
}

ul.simple-bullet-list li:before {
    border-color: #08c
}

.simple-card-list li.primary {
    background: #08c
}

.search-content .search-toolbar .nav-pills li.active a {
    color: #08c;
    border-bottom-color: #08c
}

.search-results-list .result-thumb .fa {
    background: #08c
}

html.dark .search-content .search-toolbar .nav-pills li.active a, html.dark .search-content .search-toolbar .nav-pills li.active a:hover, html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
    color: #08c;
    border-bottom-color: #08c
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: #08c
}

html.dark .checkbox-primary label:before, .checkbox-primary label:before {
    background: #08c;
    border-color: #0077b3
}

html.dark .checkbox-text-primary input[type=checkbox]:checked + label:after, .checkbox-text-primary input[type=checkbox]:checked + label:after {
    color: #08c
}

html.dark .radio-primary input[type=radio]:checked + label:after, .radio-primary input[type=radio]:checked + label:after {
    background: #08c;
    -webkit-box-shadow: 0 0 1px #08c;
    box-shadow: 0 0 1px #08c
}

.switch.switch-primary .ios-switch .on-background {
    background: #08c
}

.progress-bar {
    background-color: #08c
}

.progress .progress-bar-primary {
    background-color: #08c
}

.slider-primary .ui-slider-range, .slider-primary .ui-slider-handle {
    background: #08c
}

.slider-gradient.slider-primary .ui-slider-range, .slider-gradient.slider-primary .ui-slider-handle {
    background-image: -webkit-linear-gradient(left,#00aaff 0,#0088cc 50%,#006699 100%);
    background-image: linear-gradient(left,#00aaff 0,#0088cc 50%,#006699 100%)
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
    background-image: -webkit-linear-gradient(to right,#00aaff 0,#0088cc 50%,#006699 100%);
    background-image: linear-gradient(to right,#00aaff 0,#0088cc 50%,#006699 100%)
}

.datepicker table {
    width: 100%
}

    .datepicker table thead tr th.prev:hover, .datepicker table thead tr th.next:hover {
        background: #08c
    }

    .datepicker table thead tr:first-child th:hover {
        background: #08c
    }

    .datepicker table tr td span:hover {
        background: #08c
    }

    .datepicker table tr td.day:hover {
        background: #08c
    }

    .datepicker table tfoot tr th:hover {
        background: #08c
    }

html.dark .datepicker.datepicker-primary table thead tr th.prev:hover, .datepicker.datepicker-dark table thead tr th.prev:hover, html.dark .datepicker.datepicker-primary table thead tr th.next:hover, .datepicker.datepicker-dark table thead tr th.next:hover {
    background: #08c
}

html.dark .datepicker.datepicker-primary table tbody tr td.day:hover, .datepicker.datepicker-dark table tbody tr td.day:hover {
    background: #08c
}

html.dark .datepicker.datepicker-primary table tbody tr td.day.active, .datepicker.datepicker-dark table tbody tr td.day.active {
    background: #08c
}

.datepicker.datepicker-primary table thead tr:first-child {
    background-color: #08c
}

    .datepicker.datepicker-primary table thead tr:first-child th:hover {
        background-color: #069
    }

.datepicker.datepicker-primary table thead tr:last-child {
    background-color: #0099e6
}

    .datepicker.datepicker-primary table thead tr:last-child th:hover {
        background-color: #08c
    }

.datepicker.datepicker-primary table tbody tr td.day:hover {
    background: #08c
}

.datepicker.datepicker-primary table tbody tr td.day.active {
    background: #08c
}

.select2-container-multi .select2-choices .select2-search-choice {
    background: #08c
}

.wizard-steps > li.active .badge {
    background-color: #08c
}

.wizard-steps > li.active a, .wizard-steps > li.active a:hover, .wizard-steps > li.active a:focus {
    border-top-color: #08c
}

.wizard-tabs ul > li.active .badge {
    background-color: #08c
}

html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator {
    background: #08c
}

html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span {
    border-color: #08c;
    background: #08c
}

html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {
    color: #08c;
    border-color: #08c
}

.table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th {
    background-color: #08c
}

.liquid-meter-wrapper .liquid-meter-selector a.active {
    color: #08c
}
