:root {
  --cerulean: #5f9ace;
  --cerulean-border: #4889c1;
  --cerulean-dark: #3278b4;
  --cerulean-medium: #83bbeb;
  --cerulean-medium-border: #73a5d1;
  --cerulean-light: #bed5e8;
  --cerulean-lighter: #e7eff8;
  --cerulean-lighter-border: #aec3dc;
  --cerulean-lightest: #f6fafd;
  --cerulean-lightest-border: #bcd7f1;
}

/* Navigation bar */
body.ui-cerulean .navbar {
  background-color: var(--cerulean);
  border: none;
}
body.ui-cerulean .navbar .navbar-brand {
  /* Permalink - use to edit and share this gradient: https://www.westciv.com/tools/radialgradients/index.html#background-image:%20radial-gradient(46%25%2030%25,%20circle%20farthest-corner,%20#ffffff,%20#5f9ace%20100%25) */
  background: transparent; /* Old browsers */
  background: -moz-radial-gradient(46% 30%, circle farthest-corner, #ffffff 60px, transparent 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(46% 30%, circle farthest-corner, #ffffff 60px, transparent 90%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(46% 30%, circle farthest-corner, #ffffff 60px, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9ace', endColorstr='#5f9ace', GradientType=1); /* IE6-9 */
}
body.ui-cerulean .navbar .navbar-text,
body.ui-cerulean .navbar .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.85);
  background-color: transparent;
}
body.ui-cerulean .navbar .navbar-nav > li > a:hover,
body.ui-cerulean .navbar .navbar-nav > li > a:focus {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(50, 120, 180, 0.5);
}
body.ui-cerulean .navbar .navbar-nav > .active > a,
body.ui-cerulean .navbar .navbar-nav > .active > a:active,
body.ui-cerulean .navbar .navbar-nav > .active > a:hover,
body.ui-cerulean .navbar .navbar-nav > .active > a:focus {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(50, 120, 180, 0.8);
}
body.ui-cerulean .navbar .navbar-nav > .disabled > a,
body.ui-cerulean .navbar .navbar-nav > .disabled > a:hover,
body.ui-cerulean .navbar .navbar-nav > .disabled > a:focus {
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
body.ui-cerulean .navbar .navbar-toggle {
  background-color: rgba(50, 120, 180, 0.5);
  border-color: rgba(50, 120, 180, 0.8);
}
body.ui-cerulean .navbar .navbar-toggle:hover,
body.ui-cerulean .navbar .navbar-toggle:focus {
  background-color: rgba(50, 120, 180, 0.8);
}
body.ui-cerulean .navbar .navbar-toggle .icon-bar {
  background-color: var(--white);
}
body.ui-cerulean .navbar .navbar-collapse,
body.ui-cerulean .navbar .navbar-form {
  border-color: rgba(50, 120, 180, 0.8);
}
body.ui-cerulean .navbar .navbar-nav > .open > a,
body.ui-cerulean .navbar .navbar-nav > .open > a:hover,
body.ui-cerulean .navbar .navbar-nav > .open > a:focus {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(50, 120, 180, 0.5);
}
@media (max-width: 767px) {
  body.ui-cerulean .navbar .navbar-nav .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.85);
  }
  body.ui-cerulean .navbar .navbar-nav .dropdown-menu > li > a:hover,
  body.ui-cerulean .navbar .navbar-nav .dropdown-menu > li > a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.1);
  }
}

/* Navigation sidebar */
body.ui-cerulean .nav-sidebar .context-header .avatar-container .avatar.avatar-name {
  background-color: var(--cerulean-light);
}
body.ui-cerulean .nav-sidebar li.active {
  box-shadow: inset 4px 0 0 var(--cerulean-border);
}
body.ui-cerulean .nav-sidebar li.active > a {
  color: var(--cerulean-dark);
}

/* Table */
.table > thead > tr > td.cerulean,
.table > tbody > tr > td.cerulean,
.table > tfoot > tr > td.cerulean,
.table > thead > tr > th.cerulean,
.table > tbody > tr > th.cerulean,
.table > tfoot > tr > th.cerulean,
.table > thead > tr.cerulean > td,
.table > tbody > tr.cerulean > td,
.table > tfoot > tr.cerulean > td,
.table > thead > tr.cerulean > th,
.table > tbody > tr.cerulean > th,
.table > tfoot > tr.cerulean > th {
  color: var(--cerulean-dark);
  background-color: var(--cerulean-lighter);
  border-color: var(--cerulean-lighter-border);
}
.table-bordered > thead:first-child > tr.cerulean:first-child > th {
  border-top: 1px solid var(--cerulean-lighter-border);
}
.table-hover > tbody > tr > td.cerulean:hover,
.table-hover > tbody > tr > th.cerulean:hover,
.table-hover > tbody > tr.cerulean:hover > td,
.table-hover > tbody > tr:hover > .cerulean,
.table-hover > tbody > tr.cerulean:hover > th {
  background-color: var(--cerulean-lightest);
  border-color: var(--cerulean-lightest-border);
}
@media screen and (max-width: 767px) {
  .table-responsive > .table-bordered > thead > tr.cerulean > th:first-child,
  .table-responsive > .table-bordered > tbody > tr.cerulean > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr.cerulean > th:first-child,
  .table-responsive > .table-bordered > thead > tr.cerulean > td:first-child,
  .table-responsive > .table-bordered > tbody > tr.cerulean > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr.cerulean > td:first-child {
    border-color: var(--cerulean-lighter-border);
  }
  .table-responsive > .table-bordered > thead > tr.cerulean > th:last-child,
  .table-responsive > .table-bordered > tbody > tr.cerulean > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr.cerulean > th:last-child,
  .table-responsive > .table-bordered > thead > tr.cerulean > td:last-child,
  .table-responsive > .table-bordered > tbody > tr.cerulean > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr.cerulean > td:last-child {
    border-color: var(--cerulean-lighter-border);
  }
  .table-responsive > .table-bordered > tbody > tr.cerulean:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr.cerulean:last-child > th,
  .table-responsive > .table-bordered > tbody > tr.cerulean:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr.cerulean:last-child > td {
    border-color: var(--cerulean-lighter-border);
  }
}

/* Panel */
.panel-cerulean {
  border-color: var(--cerulean-medium-border);
}
.panel-cerulean > .panel-heading {
  color: var(--white);
  background-color: var(--cerulean-medium);
  border-color: var(--cerulean-medium-border);
}
.panel-cerulean > .panel-heading .badge {
  color: var(--cerulean-medium);
  background-color: var(--white);
}
.panel-cerulean .panel-footer {
  color: var(--white);
  background-color: var(--cerulean-medium);
  border-color: var(--cerulean-medium-border);
}

/* Modal */
.modal-header-cerulean {
  color: var(--white);
  background-color: var(--cerulean);
  border-color: var(--cerulean-border);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Alert */
.alert-cerulean {
  color: var(--cerulean-dark);
  background-color: var(--cerulean-lighter);
  border-color: var(--cerulean-light);
}

/* Section */
.section-default {
  color: #555;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.section-info {
  color: var(--cerulean-dark);
  background-color: var(--cerulean-lighter);
  border-color: var(--cerulean-lighter-border);
}

/* Overlay */
.overlay-cerulean {
  background-color: rgba(95, 154, 206, 0.5);
}

/* TODO: remove this
body.ui-cerulean .panel {
  border-color: var(--cerulean-medium-border);
}
body.ui-cerulean .panel > .panel-heading {
  color: var(--white);
  background-color: var(--cerulean-medium);
  border-color: var(--cerulean-medium-border);
}
body.ui-cerulean .panel > .panel-footer {
  color: var(--white);
  background-color: var(--cerulean-medium);
  border-color: var(--cerulean-medium-border);
}
*/

/* Color */
.critical {
  color: #e65f5b;
}

/* Button */
.btn-light {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-outline-primary {
  color: #337ab7;
  border-color: #2e6da4;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  color: #286090;
  border-color: #122b40;
}
.btn-outline-primary:hover {
  color: #286090;
  border-color: #204d74;
}
.btn-outline-primary:active,
.btn-outline-primary.active,
.open > .dropdown-toggle.btn-outline-primary {
  color: #286090;
  border-color: #204d74;
}
.btn-outline-primary:active:hover,
.btn-outline-primary.active:hover,
.open > .dropdown-toggle.btn-outline-primary:hover,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.open > .dropdown-toggle.btn-outline-primary:focus,
.btn-outline-primary:active.focus,
.btn-outline-primary.active.focus,
.open > .dropdown-toggle.btn-outline-primary.focus {
  color: #204d74;
  border-color: #122b40;
}
.btn-outline-primary.disabled:hover,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary[disabled]:focus,
fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled.focus,
.btn-outline-primary[disabled].focus,
fieldset[disabled] .btn-outline-primary.focus {
  color: #337ab7;
  border-color: #2e6da4;
}
.btn-outline-success {
  color: #5cb85c;
  border-color: #4cae4c;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  color: #449d44;
  border-color: #255625;
}
.btn-outline-success:hover {
  color: #449d44;
  border-color: #398439;
}
.btn-outline-success:active,
.btn-outline-success.active,
.open > .dropdown-toggle.btn-outline-success {
  color: #449d44;
  border-color: #398439;
}
.btn-outline-success:active:hover,
.btn-outline-success.active:hover,
.open > .dropdown-toggle.btn-outline-success:hover,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.open > .dropdown-toggle.btn-outline-success:focus,
.btn-outline-success:active.focus,
.btn-outline-success.active.focus,
.open > .dropdown-toggle.btn-outline-success.focus {
  color: #398439;
  border-color: #255625;
}
.btn-outline-success.disabled:hover,
.btn-outline-success[disabled]:hover,
fieldset[disabled] .btn-outline-success:hover,
.btn-outline-success.disabled:focus,
.btn-outline-success[disabled]:focus,
fieldset[disabled] .btn-outline-success:focus,
.btn-outline-success.disabled.focus,
.btn-outline-success[disabled].focus,
fieldset[disabled] .btn-outline-success.focus {
  color: #5cb85c;
  border-color: #4cae4c;
}
.btn-outline-info {
  color: #5bc0de;
  border-color: #46b8da;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  color: #31b0d5;
  border-color: #1b6d85;
}
.btn-outline-info:hover {
  color: #31b0d5;
  border-color: #269abc;
}
.btn-outline-info:active,
.btn-outline-info.active,
.open > .dropdown-toggle.btn-outline-info {
  color: #31b0d5;
  border-color: #269abc;
}
.btn-outline-info:active:hover,
.btn-outline-info.active:hover,
.open > .dropdown-toggle.btn-outline-info:hover,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.open > .dropdown-toggle.btn-outline-info:focus,
.btn-outline-info:active.focus,
.btn-outline-info.active.focus,
.open > .dropdown-toggle.btn-outline-info.focus {
  color: #269abc;
  border-color: #1b6d85;
}
.btn-outline-info.disabled:hover,
.btn-outline-info[disabled]:hover,
fieldset[disabled] .btn-outline-info:hover,
.btn-outline-info.disabled:focus,
.btn-outline-info[disabled]:focus,
fieldset[disabled] .btn-outline-info:focus,
.btn-outline-info.disabled.focus,
.btn-outline-info[disabled].focus,
fieldset[disabled] .btn-outline-info.focus {
  color: #5bc0de;
  border-color: #46b8da;
}
.btn-outline-warning {
  color: #f0ad4e;
  border-color: #eea236;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  color: #ec971f;
  border-color: #985f0d;
}
.btn-outline-warning:hover {
  color: #ec971f;
  border-color: #d58512;
}
.btn-outline-warning:active,
.btn-outline-warning.active,
.open > .dropdown-toggle.btn-outline-warning {
  color: #ec971f;
  border-color: #d58512;
}
.btn-outline-warning:active:hover,
.btn-outline-warning.active:hover,
.open > .dropdown-toggle.btn-outline-warning:hover,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.open > .dropdown-toggle.btn-outline-warning:focus,
.btn-outline-warning:active.focus,
.btn-outline-warning.active.focus,
.open > .dropdown-toggle.btn-outline-warning.focus {
  color: #d58512;
  border-color: #985f0d;
}
.btn-outline-warning.disabled:hover,
.btn-outline-warning[disabled]:hover,
fieldset[disabled] .btn-outline-warning:hover,
.btn-outline-warning.disabled:focus,
.btn-outline-warning[disabled]:focus,
fieldset[disabled] .btn-outline-warning:focus,
.btn-outline-warning.disabled.focus,
.btn-outline-warning[disabled].focus,
fieldset[disabled] .btn-outline-warning.focus {
  color: #f0ad4e;
  border-color: #eea236;
}
.btn-outline-danger {
  color: #d9534f;
  border-color: #d43f3a;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  color: #c9302c;
  border-color: #761c19;
}
.btn-outline-danger:hover {
  color: #c9302c;
  border-color: #ac2925;
}
.btn-outline-danger:active,
.btn-outline-danger.active,
.open > .dropdown-toggle.btn-outline-danger {
  color: #c9302c;
  border-color: #ac2925;
}
.btn-outline-danger:active:hover,
.btn-outline-danger.active:hover,
.open > .dropdown-toggle.btn-outline-danger:hover,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.open > .dropdown-toggle.btn-outline-danger:focus,
.btn-outline-danger:active.focus,
.btn-outline-danger.active.focus,
.open > .dropdown-toggle.btn-outline-danger.focus {
  color: #ac2925;
  border-color: #761c19;
}
.btn-outline-danger.disabled:hover,
.btn-outline-danger[disabled]:hover,
fieldset[disabled] .btn-outline-danger:hover,
.btn-outline-danger.disabled:focus,
.btn-outline-danger[disabled]:focus,
fieldset[disabled] .btn-outline-danger:focus,
.btn-outline-danger.disabled.focus,
.btn-outline-danger[disabled].focus,
fieldset[disabled] .btn-outline-danger.focus {
  color: #d9534f;
  border-color: #d43f3a;
}

/* Callout */
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default > h4,
.bs-callout-default > h5 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary > h4,
.bs-callout-primary > h5 {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success > h4,
.bs-callout-success > h5 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger > h4,
.bs-callout-danger > h5 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning > h4,
.bs-callout-warning > h5 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info > h4,
.bs-callout-info > h5 {
  color: #5bc0de;
}

/* Calendar */
.fc.fc-cerulean {
  color: #666;
}
.fc.fc-cerulean th,
.fc.fc-cerulean td,
.fc.fc-cerulean thead,
.fc.fc-cerulean tbody,
.fc.fc-cerulean .fc-divider,
.fc.fc-cerulean .fc-row,
.fc.fc-cerulean .fc-content, /* for gutter border */
.fc.fc-cerulean .fc-popover,
.fc.fc-cerulean .fc-list-view,
.fc.fc-cerulean .fc-list-heading td {
	border-color: #98b8d4;
}

.fc.fc-cerulean thead th {
  font-weight: 400;
  color: #246faf;
  background-color: #dfebf5;
}

.fc.fc-cerulean .fc-popover {
	background-color: #fff;
}

.fc.fc-cerulean .fc-divider,
.fc.fc-cerulean .fc-popover .fc-header,
.fc.fc-cerulean .fc-list-heading td {
	background: #dfebf5;
}

/* Switch */
input.default:checked + .slider {
  background-color: #777777;
}
input.default:focus + .slider {
  box-shadow: 0 0 1px #777777;
}
input.primary:checked + .slider {
  background-color: #337ab7;
}
input.primary:focus + .slider {
  box-shadow: 0 0 1px #337ab7;
}
input.success:checked + .slider {
  background-color: #5cb85c;
}
input.success:focus + .slider {
  box-shadow: 0 0 1px #5cb85c;
}
input.info:checked + .slider {
  background-color: #5bc0de;
}
input.info:focus + .slider {
  box-shadow: 0 0 1px #5bc0de;
}
input.warning:checked + .slider {
  background-color: #f0ad4e;
}
input.warning:focus + .slider {
  box-shadow: 0 0 1px #f0ad4e;
}
input.danger:checked + .slider {
  background-color: #d9534f;
}
input.danger:focus + .slider {
  box-shadow: 0 0 1px #d9534f;
}
input.cerulean:checked + .slider {
  background-color: #5f9ace;
}
input.cerulean:focus + .slider {
  box-shadow: 0 0 1px #5f9ace;
}