:root {
    --ws-blue: #0269CD;
    --ws-blue-light: #0997E4;
    --ws-blue-dark: #0B54B4;
    --ws-orange: #FE9F20;
    --ws-orange-red: #FC6420;
    --ws-red: #E82007;
    --ws-gray-light: #94989E;
    --ws-gray: #767B83;
    --ws-gray-dark: #64686E;
    --ws-black: #140F14;
    --ws-white: #FEFEFE;
    --ws-blue-soft: rgba(2, 105, 205, 0.08);
    --ws-blue-border: rgba(2, 105, 205, 0.22);
    --ws-shadow: rgba(20, 15, 20, 0.12);
}

html,
body {
    color: var(--ws-black);
}

body,
#page-wrapper,
.container-fluid,
.footer,
.white-box,
.panel,
.modal-content,
.dropdown-menu {
    background-color: var(--ws-white);
}

a,
.text-primary,
.text-info,
.breadcrumb a,
.pagination > li > a,
.pagination > li > span {
    color: var(--ws-blue);
}

a:hover,
a:focus,
.text-primary:hover,
.text-info:hover {
    color: var(--ws-blue-dark);
}

.btn-primary,
.btn-info,
.label-primary,
.label-info,
.bg-primary,
.bg-info {
    background-color: var(--ws-blue) !important;
    border-color: var(--ws-blue) !important;
    color: var(--ws-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: var(--ws-blue-dark) !important;
    border-color: var(--ws-blue-dark) !important;
}

.btn-warning,
.label-warning,
.bg-warning {
    background-color: var(--ws-orange) !important;
    border-color: var(--ws-orange) !important;
    color: var(--ws-black) !important;
}

.btn-danger,
.label-danger,
.bg-danger {
    background-color: var(--ws-red) !important;
    border-color: var(--ws-red) !important;
    color: var(--ws-white) !important;
}

.btn-default {
    background-color: var(--ws-white);
    border-color: var(--ws-gray-light);
    color: var(--ws-gray-dark);
}

.btn-default:hover,
.btn-default:focus {
    background-color: var(--ws-blue-soft);
    border-color: var(--ws-blue);
    color: var(--ws-blue-dark);
}

.form-control,
.select2-container .select2-selection {
    border-color: var(--ws-gray-light);
    color: var(--ws-black);
}

.form-control:focus,
.select2-container--focus .select2-selection {
    border-color: var(--ws-blue) !important;
    box-shadow: 0 0 0 3px var(--ws-blue-soft) !important;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.radio-primary input[type="radio"]:checked + label::before,
.switchery,
.onoffswitch-checkbox:checked + .onoffswitch-label,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    background-color: var(--ws-blue) !important;
    border-color: var(--ws-blue) !important;
}

.navbar-header,
.top-left-part {
    background: var(--ws-blue-dark) !important;
}

.navbar-header,
.top-left-part,
.sidebar {
    border-color: var(--ws-blue-border) !important;
}

.navbar-top-links > li > a,
.navbar-top-links > li > a b,
.navbar-header .navbar-toggle {
    color: var(--ws-white) !important;
}

.sidebar .sidebar-head {
    background: var(--ws-blue-dark);
}

.sidebar .sidebar-head h3,
.sidebar .sidebar-head h3 i {
    color: var(--ws-white);
}

.sidebar .nav > li > a {
    color: var(--ws-gray-dark);
}

.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus,
.sidebar .nav > li > a.active,
.sidebar .nav-second-level li a:hover,
.sidebar .nav-second-level li a.active,
.sidebar .nav-third-level li a:hover,
.sidebar .nav-third-level li a.active {
    background: var(--ws-blue-soft);
    color: var(--ws-blue-dark);
}

.sidebar .nav > li > a.active {
    border-left-color: var(--ws-orange);
}

.nav-tabs > li > a {
    color: var(--ws-gray-dark);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover {
    color: var(--ws-blue-dark);
    border-bottom-color: var(--ws-blue) !important;
}

.bg-title {
    border-bottom: 1px solid var(--ws-blue-border);
}

.page-title,
.box-title {
    color: var(--ws-black);
}

.text-muted,
small,
.help-block,
.breadcrumb > .active {
    color: var(--ws-gray);
}

.table > thead > tr > th {
    color: var(--ws-black);
    border-bottom-color: var(--ws-blue);
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-color: rgba(148, 152, 158, 0.35);
}

.table-hover > tbody > tr:hover,
.dataTables_wrapper tbody tr:hover {
    background-color: var(--ws-blue-soft);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--ws-blue) !important;
    border-color: var(--ws-blue) !important;
    color: var(--ws-white) !important;
}

.dropzone,
.upload-box,
[class*="dropzone"] {
    border-color: var(--ws-gray-light) !important;
}

.dropzone:hover,
.upload-box:hover,
[class*="dropzone"]:hover {
    border-color: var(--ws-blue) !important;
}

.upload-box-icon {
    background: var(--ws-blue) !important;
    color: var(--ws-white) !important;
}

.upload-box-title {
    color: var(--ws-black) !important;
}

.upload-box-text,
.upload-box-meta {
    color: var(--ws-gray-dark) !important;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: var(--ws-blue);
    border-color: var(--ws-blue);
    color: var(--ws-white);
}

.alert-info {
    background: var(--ws-blue-soft);
    border-color: var(--ws-blue-border);
    color: var(--ws-blue-dark);
}

.alert-warning {
    background: rgba(254, 159, 32, 0.12);
    border-color: rgba(254, 159, 32, 0.4);
    color: var(--ws-orange-red);
}

.alert-danger,
.text-danger,
.has-error .help-block,
.has-error .control-label {
    color: var(--ws-red) !important;
}

.alert-danger {
    background: rgba(232, 32, 7, 0.08);
    border-color: rgba(232, 32, 7, 0.3);
}

.alert-success {
    background: var(--ws-blue-soft);
    border-color: var(--ws-blue-border);
    color: var(--ws-blue-dark);
}

.sweet-alert button.confirm {
    background-color: var(--ws-blue) !important;
}

.sweet-alert button.confirm:hover,
.sweet-alert button.confirm:focus {
    background-color: var(--ws-blue-dark) !important;
}

.progress-bar,
.progress-bar-info,
.progress-bar-primary {
    background-color: var(--ws-blue);
}

.progress-bar-warning {
    background-color: var(--ws-orange);
}

.progress-bar-danger {
    background-color: var(--ws-red);
}

.preloader .circular .path,
.cssload-speeding-wheel,
.ajax-loader-icon {
    border-top-color: var(--ws-blue) !important;
    stroke: var(--ws-blue) !important;
}

::selection {
    background: var(--ws-orange);
    color: var(--ws-black);
}