:root {
  --muted: #acacac;
  --def-clr: #fff;
  --def-clrbdr: #363636;
  --pri-clr: #000;
  --pri-clrhov: #00000060;
  --pri-clrfoc: #292929;
  --inf-clr: #0090e3;
  --inf-clrhov: #0090e360;
  --inf-clrfoc: #0081cc;
  --suc-clr: #48ef9b;
  --suc-clrhov: #48ef9b60;
  --suc-clrfoc: #68ef9b;
  --wrn-clr: #E09900;
  --wrn-clrhov: #e09900cb;
  --wrn-clrfoc: #ffac3a;
  --dgr-clr: #f11941;
  --dgr-clrhov: #f1194160;
  --dgr-clrfoc: #ff1941;
  --nav-clrbck: #ffad3a34;
  --nav-clrbdr: #3a3a3ad1;
  --nav-clrtxt: #E09900;
  --drpdwn-clrbck: #2e2e2e09;
  --drpdwn-clrbdr: #2b2b2b;
  --tbl-clrstrp: #2b2b2b;
  --tbl-clrhov: #363636;
  --tbl-pg-clrbck: #ebebeb;
  --tbl-pg-clrbdr: #ffffff;
  --tbl-pg: #ffffff;
  --tbl-pgfoc: #aaaaaa25;
  --pnl-rad: 7px;
  --brd-rad: 6px;
  --ani-trns: 0.3s;
  --ani-zoom: 1.03;
  --bt-shadow: ;
}

div.navbar-default>div.container-fluid>div.navbar-collapse {
  padding-left: 3.2em;
}

body>form.page #jump-to-top {
  background-color: var(--nav-clrbdr);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--def-clr)!important;
}

p, body {
  color: var(--muted);
}

cite {
  color: var(--def-clr)!important;
  
}

a {
  color: var(--inf-clr);
}

a:hover, a:focus {
  color: var(--muted);
}

.btn-link {
  color: var(--inf-clr);
}

.nav>li>a:hover, .nav>li>a:focus {
  background-color: var(--pri-clrfoc);
}

.nav>li.disabled>a {
  color: var(--muted);
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
  color: var(--muted);
  background-color: transparent;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: var(--nav-clrbck);
  border-color: var(--nav-clrbdr);
}

.navbar-default {
  background-color: var(--nav-clrbck);
  border-color: var(--nav-clrbck);
}

.navbar-default .navbar-brand {
  color: var(--def-clr);
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: var(--def-clrfoc);
  background-color: var(--nav-clrbck);
}

.navbar-default .navbar-text {
  color: var(--def-clr);
}

.navbar-default .navbar-nav>li>a {
  color: var(--def-clr);
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: var(--def-clr);
  background-color: var(--pri-clrhov);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: var(--def-clr);
  background-color: var(--pri-clrhov);
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
  color: var(--muted);
  background-color: var(--nav-clrbck);
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: var(--def-clr);
  background-color: var(--nav-clrbdr);
}

div.navbar-default>div.container-fluid>div.navbar-collapse>ul.navbar-nav>li>a:hover, div.navbar-default>div.container-fluid>div.navbar-collapse>ul.navbar-nav>li.active>a {
  background-color: var(--muted);
}

div.navbar-default>div.container-fluid>div.navbar-collapse>ul.navbar-nav>li>ul.dropdown-menu>li a {
  background-color: var(--def-clr);
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: var(--def-clr);
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: var(--def-clr);
    background-color: var(--nav-clrbdr)
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: var(--def-clr);
    background-color: var(--nav-clrbdr)
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: var(--def-clrfoc);
    background-color: var(--nav-clrbck)
  }
}

.navbar-default .navbar-toggle {
  border-color: var(--def-clr);
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: var(--def-clr);
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--def-clr);
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;
}

.navbar-default .navbar-link {
  color: var(--def-clr);
}

.navbar-default .navbar-link:hover {
  color: var(--def-clr);
}

.navbar-default .btn-link {
  color: var(--def-clr);
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: var(--def-clr);
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
  color: var(--muted);
}

.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: var(--def-clr);
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: var(--def-clr);
  background-color: var(--def-clrhov);
}

.navbar-inverse .navbar-text {
  color: var(--def-clr);
}

.navbar-inverse .navbar-nav>li>a {
  color: var(--def-clr);
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color: var(--def-clr);
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: var(--def-clr);
  background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  color: white;
  background-color: #080808;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: white;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: white;
    background-color: var(--nav-clrbdr)
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: var(--muted);
    background-color: transparent;
  }
}

.navbar-inverse .navbar-toggle {
  border-color: var(--nav-clrbdr)
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: var(--nav-clrbdr)
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--def-clr)
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: var(--nav-clrbdr)
}

.navbar-inverse .navbar-link {
  color: var(--nav-clr)
}

.navbar-inverse .navbar-link:hover {
  color: var(--nav-clr)
}

.navbar-inverse .btn-link {
  color: var(--nav-clr)
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: var(--nav-clrbdr)
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: var(--muted)
}

div.navbar-default {
  background-color: var(--nav-clrbck);
}

div.navbar-default .navbar-toggle {
  background-color: var(--nav-clrbck);
  border-color: var(--nav-clrbdr);
  color: var(--def-clr);
  padding: 0 10px;
  margin: 8px 24px;
}

div.navbar-default .navbar-toggle>span.icon-bar {
  background-color: var(--nav-clrbck);
}

div.navbar-default .navbar-toggle:focus, div.navbar-default .navbar-toggle:hover {
  background-color: var(--nav-clrbck);
  border-color: var(--nav-clrbdr);
}

div.navbar-default .navbar-toggle:focus>span.icon-bar, div.navbar-default .navbar-toggle:hover>span.icon-bar {
  background-color: var(--nav-clrbdr);
}

div.navbar-default .navbar-toggle:focus>span.icon-bar, div.navbar-default .navbar-toggle:hover>span.icon-bar {
  background-color: var(--nav-clrbdr);
}

div.navbar-default>div.container-fluid>div.navbar-collapse>ul.navbar-nav>li>a:hover, div.navbar-default>div.container-fluid>div.navbar-collapse>ul.navbar-nav>li.active>a {
  background-color: var(--nav-clrbdr) !important;
  color: var(--nav-clrtxt) !important;
}

.left-menu-wrapper nav>ul li a:hover {
  background-color: var(--nav-clrbdr) !important;
  color: var(--nav-clrtxt);
}

.left-menu-wrapper nav > ul li.active a {
    background-color: var(--nav-clrbck) !important;
    color: var(--nav-clrtxt) !important;
}

.left-menu-wrapper nav>ul li.active>span>a {
  background-color: var(--nav-clrbdr) !important;
  color: white;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-color: var(--drpdwn-clrbck);
  border-color: var(--drpdwn-clrbdr);
}

div.dropdown>a.btn-link:first-child+a.btn-link.dropdown-toggle {
  border-left: 1px solid #dadada;
}

div.dropdown>ul.dropdown-menu {
  min-width: 90px;
}

.div-style-1, .div-style-2, .div-style-3, .div-style-4 {
  padding: 15px;
  margin-bottom: 18px;
  transition: var(--ani-trns);
}

.div-style-1> :first-child, .div-style-2> :first-child, .div-style-3> :first-child, .div-style-4> :first-child {
  margin-top: 0;
}

.div-style-1> :last-child, .div-style-2> :last-child, .div-style-3> :last-child, .div-style-4> :last-child {
  margin-bottom: 0;
}

.div-style-1.clickable:hover, .div-style-2.clickable:hover, .div-style-3.clickable:hover, .div-style-4.clickable:hover {
  cursor: pointer;
  transform: scale(var(--ani-zoom));
  transition: var(--ani-trns);
}

div.div-style-1 {
  background-color: #eeeeee;
}

div.div-style-1.clickable:hover {
  cursor: pointer;
  background-color: #d4d4d4;
  transform: scale(var(--ani-zoom));
  transition: var(--ani-trns);
}

div.div-style-2 {
  cursor: pointer;
  background-color: #54a6fa;
  color: white;
}

div.div-style-2>p, div.div-style-2>h1, div.div-style-2>h2, div.div-style-2>h3, div.div-style-2>h4, div.div-style-2>h5, div.div-style-2>h6, div.div-style-2>a {
  color: white;
}

div.div-style-2>p>a, div.div-style-2>h1>a, div.div-style-2>h2>a, div.div-style-2>h3>a, div.div-style-2>h4>a, div.div-style-2>h5>a, div.div-style-2>h6>a, div.div-style-2>a>a, div.div-style-2>p>b>a, div.div-style-2>h1>b>a, div.div-style-2>h2>b>a, div.div-style-2>h3>b>a, div.div-style-2>h4>b>a, div.div-style-2>h5>b>a, div.div-style-2>h6>b>a, div.div-style-2>a>b>a, div.div-style-2>p>i>a, div.div-style-2>h1>i>a, div.div-style-2>h2>i>a, div.div-style-2>h3>i>a, div.div-style-2>h4>i>a, div.div-style-2>h5>i>a, div.div-style-2>h6>i>a, div.div-style-2>a>i>a {
  color: white;
}

div.div-style-2.clickable:hover {
  background-color: #86c0fb;
  cursor: pointer;
  transform: scale(var(--ani-zoom));
  transition: var(--ani-trns);
}

div.div-style-3 {
  cursor: pointer;
  background-color: #69bc5d;
  color: white;
  transition: var(--ani-trns);
}

div.div-style-3>p, div.div-style-3>h1, div.div-style-3>h2, div.div-style-3>h3, div.div-style-3>h4, div.div-style-3>h5, div.div-style-3>h6, div.div-style-3>a {
  color: white;
}

div.div-style-3>p>a, div.div-style-3>h1>a, div.div-style-3>h2>a, div.div-style-3>h3>a, div.div-style-3>h4>a, div.div-style-3>h5>a, div.div-style-3>h6>a, div.div-style-3>a>a, div.div-style-3>p>b>a, div.div-style-3>h1>b>a, div.div-style-3>h2>b>a, div.div-style-3>h3>b>a, div.div-style-3>h4>b>a, div.div-style-3>h5>b>a, div.div-style-3>h6>b>a, div.div-style-3>a>b>a, div.div-style-3>p>i>a, div.div-style-3>h1>i>a, div.div-style-3>h2>i>a, div.div-style-3>h3>i>a, div.div-style-3>h4>i>a, div.div-style-3>h5>i>a, div.div-style-3>h6>i>a, div.div-style-3>a>i>a {
  color: white;
}

div.div-style-3.clickable:hover {
  background-color: #4fa343;
  cursor: pointer;
  transform: scale(var(--ani-zoom));
  transition: var(--ani-trns);
}

div.div-style-4 {
  background-color: #309bc7;
  color: white;
  cursor: pointer;
  transition: var(--ani-trns);
}

div.div-style-4>p, div.div-style-4>h1, div.div-style-4>h2, div.div-style-4>h3, div.div-style-4>h4, div.div-style-4>h5, div.div-style-4>h6, div.div-style-4>a {
  color: white;
}

div.div-style-4>p>a, div.div-style-4>h1>a, div.div-style-4>h2>a, div.div-style-4>h3>a, div.div-style-4>h4>a, div.div-style-4>h5>a, div.div-style-4>h6>a, div.div-style-4>a>a, div.div-style-4>p>b>a, div.div-style-4>h1>b>a, div.div-style-4>h2>b>a, div.div-style-4>h3>b>a, div.div-style-4>h4>b>a, div.div-style-4>h5>b>a, div.div-style-4>h6>b>a, div.div-style-4>a>b>a, div.div-style-4>p>i>a, div.div-style-4>h1>i>a, div.div-style-4>h2>i>a, div.div-style-4>h3>i>a, div.div-style-4>h4>i>a, div.div-style-4>h5>i>a, div.div-style-4>h6>i>a, div.div-style-4>a>i>a {
  color: white;
}

div.div-style-4.clickable:hover {
  background-color: #267b9e;
  cursor: pointer;
  transform: scale(var(--ani-zoom));
  transition: var(--ani-trns);
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: var(--tbl-clrstrp);
}

.table-hover>tbody>tr:hover {
  background-color: var(--tbl-clrhov);
}

div.form-horizontal .cke_chrome .cke_button_on {
  background-color: #309bc7;
}

div.form-horizontal .cke_chrome .cke_combo_on .cke_combo_button {
  border-color: #309bc7;
}

div.form-horizontal>div.form-group textarea.form-control:focus, div.panel textarea.form-control:focus {
  border-color: #309bc7;
  box-shadow: none;
}

div.form-horizontal>div.form-group input[type='text'].form-control:focus, div.panel input[type='text'].form-control:focus, div.form-horizontal>div.form-group input[type='number'].form-control:focus, div.panel input[type='number'].form-control:focus, div.form-horizontal>div.form-group input[type='password'].form-control:focus, div.panel input[type='password'].form-control:focus, div.form-horizontal>div.form-group input[type='email'].form-control:focus, div.panel input[type='email'].form-control:focus, div.form-horizontal>div.form-group select.form-control:focus, div.panel select.form-control:focus, div.form-horizontal>div.form-group .input-group>span.form-control:focus, div.panel .input-group>span.form-control:focus, div.form-horizontal>div.form-group .input-group>a.form-control:focus, div.panel .input-group>a.form-control:focus, div.form-horizontal>div.form-group .input-group .btn-file:focus, div.panel .input-group .btn-file:focus {
  border-color: #309bc7;
  box-shadow: none;
}

div.form-horizontal>div.form-group.is-required>label.control-label {
  color: #fff;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    color: var(--def-clr);
  }
}

.radio label, .checkbox label {
  color: var(--def-clr);
}

button, input, optgroup, select, textarea {
  border-radius: var(--brd-rad) !important;
}

div.form-horizontal>div.form-group input[type='text'].form-control, div.panel input[type='text'].form-control, div.form-horizontal>div.form-group input[type='number'].form-control, div.panel input[type='number'].form-control, div.form-horizontal>div.form-group input[type='password'].form-control, div.panel input[type='password'].form-control, div.form-horizontal>div.form-group input[type='email'].form-control, div.panel input[type='email'].form-control, div.form-horizontal>div.form-group select.form-control, div.panel select.form-control, div.form-horizontal>div.form-group .input-group>span.form-control, div.panel .input-group>span.form-control, div.form-horizontal>div.form-group .input-group>a.form-control, div.panel .input-group>a.form-control, div.form-horizontal>div.form-group .input-group .btn-file, div.panel .input-group .btn-file {
  border-color: var(--pri-clrhov);
  background-color: white;
  cursor: pointer;
}

div.form-horizontal>div.form-group .input-group-btn .btn-default, div.panel .input-group-btn .btn-default {
  border-color: var(--pri-clrhov);
  background-color: white;
  cursor: pointer;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn:focus {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group-addon {
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

@media (min-width: 992px){
  .modal-lg {
      width: 90%;
  }
  .modal-md {
      width: 60%;
  }
  .modal-sm {
      width: 40%;
  }
  }

.modal-content {
  background-color: var(--def-clrbdr);
}

.modal-header {
  border-bottom: 1px solid #000;
}

.modal-footer {
  border-top: 1px solid #000;
}

.modal.fade .modal-dialog {
  border: 1px solid var(--wrn-clr);
  border-radius: 7px;
}

.modal-backdrop.in {
  opacity: 0.8;
}

.modal.fade .modal-dialog {
  border-radius: var(--pnl-rad);
}

.panel-body {
  background-color: var(--nav-clrbdr);
}

.form-control:focus {
  border: 2px solid var(--inf-clrfoc) !important;
  -webkit-box-shadow: inset 0 1px 1px #00000013, 0 0 8px var(--inf-clrhov);
  box-shadow: inset 0 1px 1px #00000013, 0 0 8px var(--inf-clrhov);
}

.btn {
  border-radius: var(--brd-rad);
}

.btn:hover {
  background-color: var(--nav-clrbck);
  -webkit-box-shadow: inset 0 1px 1px #00000013, 0 0 8px var(--inf-clrhov);
  box-shadow: inset 0 1px 1px #00000013, 0 0 8px var(--inf-clrhov);
  color: white;
  /* transform: scale(var(--ani-zoom));
  -webkit-transition: var(--ani-trns);
  -moz-transition: var(--ani-trns);
  -o-transition: var(--ani-trns);
  -ms-transition: var(--ani-trns);
  transition: var(--ani-trns); */
}

.btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active {
  color: var(--muted);
}

.btn-default {
  background-color: var(--def-clr);
  border-color: var(--def-clrbdr);
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: var(--tbl-pg-clrbck);
  border-color: var(--tbl-pg-clrbdr);
}

.pagination>li>a, .pagination>li>span {
  color: var(--tbl-pg);
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  background-color: var(--tbl-pgfoc);
}

.pagination-wem>li.dots:before {
  color: #1e617d;
  background-color: white;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 3;
  color: white;
  cursor: default;
  background-color: #309bc7;
  border-color: #309bc7;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: white;
  border-color: #dddddd;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: #1e617d;
  text-decoration: none;
  background-color: white;
  border: 1px solid #dddddd;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  z-index: 2;
  color: #051116;
  background-color: #7dc3e0;
  border-color: #dddddd;
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li>a:hover, .pager li>a:focus {
  text-decoration: none;
  background-color: #7dc3e0;
}

.panel {
  border-radius: var(--brd-rad);
}

.panel-heading {
  border-top-left-radius: var(--brd-rad);
  border-top-right-radius: var(--brd-rad);
}

.panel-footer {
  background-color: var(--pnl-ftr-clr);
  border-top: 1px solid var(--pnl-ftr-clrbdr);
  border-bottom-right-radius: var(--brd-rad);
  border-bottom-left-radius: var(--brd-rad);
}

.dhx_mini_calendar .dhx_calendar_click {
  background-color: var(--nav-clrbck);
}

div.custom-calendar-root>div.cell.border-primary {
  border: 1px solid var(--pri-clr);
}

div.custom-calendar-root>div.cell.border-success {
  border: 1px solid var(--suc-clr);
}

div.custom-calendar-root>div.cell.border-info {
  border: 1px solid var(--inf-clr);
}

div.custom-calendar-root>div.cell.border-warning {
  border: 1px solid var(--wrn-clr);
}

div.custom-calendar-root>div.cell.border-danger {
  border: 1px solid var(--dgr-clr);
}

div.custom-calendar-root>div.cell.disabled {
  opacity: 0.4;
}

div.custom-calendar-root>div.cell:not(.disabled):not(.selected-date):hover {
  background-color: #f0f0f0 !important;
  border-color: white !important;
  color: #444444 !important;
}

div.custom-calendar-root>div.calendar-heading {
  border-bottom: 1px solid #f0f0f0;
  float: left;
  width: 100%;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: var(--pri-clr);
}

a.text-primary:hover, a.text-primary:focus {
  color: var(--pri-clrfoc);
}

.text-success {
  color: var(--suc-clr);
}

a.text-success:hover, a.text-success:focus {
  color: var(--suc-clrfoc);
}

.text-info {
  color: var(--inf-clr);
}

a.text-info:hover, a.text-info:focus {
  color: var(--inf-clrfoc);
}

.text-warning {
  color: var(--wrn-clr);
}

a.text-warning:hover, a.text-warning:focus {
  color: var(--wrn-clrfoc);
}

.text-danger {
  color: var(--dgr-clr);
}

a.text-danger:hover, a.text-danger:focus {
  color: var(--dgr-clrfoc);
}

.bg-primary {
  background-color: var(--pri-clr);
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color: var(--pri-clrfoc);
}

.bg-success {
  background-color: var(--suc-clr);
}

a.bg-success:hover, a.bg-success:focus {
  background-color: var(--suc-clrfoc);
}

.bg-info {
  background-color: var(--inf-clr);
}

a.bg-info:hover, a.bg-info:focus {
  background-color: var(--inf-clrfoc);
}

.bg-warning {
  background-color: var(--wrn-clr);
}

a.bg-warning:hover, a.bg-warning:focus {
  background-color: var(--wrn-clrfoc);
}

.bg-danger {
  background-color: var(--dgr-clr);
}

a.bg-danger:hover, a.bg-danger:focus {
  background-color: var(--dgr-clrfoc);
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: white;
  background-color: #54a6fa;
  border-color: #54a6fa;
}

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
  color: #1e617d;
  background-color: white;
}

.dropdown-header {
  color: #777777;
  white-space: nowrap;
}

.dropdown-menu {
  text-align: left;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu .divider {
  background-color: #e5e5e5;
}

.dropdown-menu>li>a {
  color: #333333;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #262626;
  background-color: whitesmoke;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: white;
  background-color: #54a6fa;
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  color: #777777;
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  background-color: transparent;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  border-radius: 3px;
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td.cw {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.today:before {
  border: solid transparent;
  border-bottom-color: #54a6fa;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #54a6fa;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: white;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
}

.bootstrap-datetimepicker-widget table td span {
  border-radius: 3px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #54a6fa;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
}

.progress {
  background-color: whitesmoke;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 18px;
  color: white;
  background-color: #54a6fa;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar, .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #69bc5d;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #309bc7;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #ed9d4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #da5939;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.alert-success {
  color: #23491e;
  background-color: #c3e4be;
  border-color: #acdaa5;
}

.alert-success hr {
  border-top-color: #9bd293;
}

.alert-success .alert-link {
  color: #12240f;
}

.alert-info {
  color: #0d2b37;
  background-color: #bbe0ef;
  border-color: #a2d4e9;
}

.alert-info hr {
  border-top-color: #8ecbe4;
}

.alert-info .alert-link {
  color: #030b0e;
}

.alert-warning {
  color: #8a4c0e;
  background-color: #f9ddc2;
  border-color: #f6d0ab;
}

.alert-warning hr {
  border-top-color: #f4c393;
}

.alert-warning .alert-link {
  color: #5b3209;
}

.alert-danger {
  color: var(--def-clr);
  background-color: #f4ccc3;
  border-color: var(--dgr-clrfoc);
}

.alert-danger hr {
  border-top-color: var(--dgr-clr);
}

.alert-danger .alert-link {
  color: var(--dgr-clrfoc);
}

.thumbnail {
  background-color: var(--def-clr);
  border: 1px solid var(--def-clrfoc);
  border-radius: 3px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: var(--def-clrfoc);
}

.thumbnail .caption {
  padding: 9px;
  color: var(--def-clr);
}

.badge {
  color: var(--def-clr);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: var(--def-clrhov);
  border-radius: 10px;
}

.label {
  color: var(--def-clr);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

a.label:hover, a.label:focus {
  color: var(--def-clrhov);
}

.label-default {
  background-color: var(--def-clr);
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: var(--def-clrhov);
}

.label-primary {
  background-color: var(--pri-clr);
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: var(--pri-clrhov);
}

.label-success {
  background-color: var(--suc-clr);
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: var(--suc-clrhov);
}

.label-info {
  background-color: var(--inf-clr);
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: var(--inf-clrhov);
}

.label-warning {
  background-color: var(--wrn-clr);
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: var(--wrn-clrhov);
}

.label-danger {
  background-color: var(--dgr-clr);
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: var(--dgr-clrhov);
}