@charset "UTF-8";

/****************************************************************************/
/* THEME CUSTOMIZATIONS */

:root
{
    --indigo: #09567E;
    --blue: #337ab7;
    --primary: #337ab7;
}
.bg-indigo { background-color: #09567E !important; }
.text-indigo { color: #09567E !important; }
[data-ma-theme="indigo"] .header,
[data-ma-theme="indigo"] .login__block__header,
[data-ma-theme="indigo"] .login__block__btn,
[data-ma-theme="indigo"] .top-menu { background-color: #09567E; }
[data-ma-theme="indigo"] .navigation__sub--active > a,
[data-ma-theme="indigo"] .navigation__active > a,
[data-ma-theme="indigo"] .navigation__active:before { color: #09567E; }

a { color: #337ab7; }

.btn-primary {
  background-color: #337ab7;
  border-color: #337ab7;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12); }
  .btn-primary:hover {
      background-color: #2e6da4;
    border-color: #2e6da4; }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #337ab7;
    border-color: #337ab7;
    box-shadow: none; }
  .btn-primary:active, .btn-primary.active,
  .show > .btn-primary.dropdown-toggle {
    background-color: #2e6da4;
    background-image: none;
    border-color: #2e6da4; }

.btn-outline-primary {
  color: #337ab7;
  background-color: transparent;
  background-image: none;
  border-color: #337ab7; }
  .btn-outline-primary:hover {
    color: #FFFFFF;
    background-color: #337ab7;
    border-color: #337ab7; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: none; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #337ab7;
    background-color: transparent; }
  .btn-outline-primary:active, .btn-outline-primary.active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #337ab7;
    border-color: #337ab7; }

.btn-link { color: #337ab7; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #337ab7; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #FFFFFF;
  background-color: #337ab7; }

.page-item.active .page-link {
  z-index: 1;
  color: #FFFFFF;
  background-color: #03A9F4;
  border-color: #337ab7; }

.badge-primary {
  color: #FFFFFF;
  background-color: #337ab7; }
  .badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #0c7cd5; }

.progress-bar {
  color: #337ab7;
  background-color: #337ab7;
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #868e96;
    background-color: transparent; }

.list-group-item.active {
    color: #FFFFFF;
    background-color: #337ab7;
    border-color: #337ab7; }

.bg-primary {
  background-color: #337ab7 !important; }

.border-primary {
  border-color: #337ab7 !important; }

.text-primary {
  color: #337ab7 !important; }

.form-group__bar:before, .form-group__bar:after {
    background-color: #337ab7; }

.alert-primary {
  background-color: rgba(33, 150, 243, 0.95);
  border-color: #337ab7; }

.nav-tabs .nav-link:before {
    background-color: #337ab7; }

.bg-blue {
  background-color: #337ab7 !important; }

.text-blue {
  color: #337ab7 !important; }

.toggle-switch--blue .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
  background-color: #337ab7; }






.page-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f3f3f3;
  z-index: 999999999;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.page-loader__spinner {
  position: relative;
  width: 50px;
  height: 50px; }
  .page-loader__spinner svg {
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .page-loader__spinner svg circle {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
      -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
              animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
      stroke-linecap: round; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }









@-webkit-keyframes color {
  100%,
  0% {
    stroke: #337ab7; }
  40% {
    stroke: #337ab7; }
  66% {
    stroke: #337ab7; }
  80%,
  90% {
    stroke: #337ab7; } }

@keyframes color {
  100%,
  0% {
    stroke: #337ab7; }
  40% {
    stroke: #337ab7; }
  66% {
    stroke: #337ab7; }
  80%,
  90% {
    stroke: #337ab7; } }




.messages__item--right .messages__details > p {
      background-color: #337ab7;
      color: #FFFFFF;
      margin-left: auto; }

[data-ma-theme="blue"] .header,
[data-ma-theme="blue"] .login__block__header,
[data-ma-theme="blue"] .login__block__btn,
[data-ma-theme="blue"] .top-menu {
  background-color: #337ab7; }

[data-ma-theme="blue"] .navigation__sub--active > a,
[data-ma-theme="blue"] .navigation__active > a,
[data-ma-theme="blue"] .navigation__active:before {
  color: #337ab7; }

.select2-container--default .selection:before, .select2-container--default .selection:after {
    background-color: #337ab7; }

.input-slider--blue .noUi-connect {
  background: #337ab7; }

.input-slider--blue.noUi-horizontal .noUi-handle, .input-slider--blue.noUi-vertical .noUi-handle {
  background-color: #337ab7; }

.dataTables_filter > label:before, .dataTables_filter > label:after {
    background-color: #337ab7; }


/* END THEME CUSTOMIZATIONS */
/****************************************************************************/