/* theme.css */


/* celestra color scheme */
:root {
--body: #F8F9FA;
--body-font-size: 16px;
--navbar-font-size: 16px;
--navbar-line: #65686b;
--navbar-color: #D8D9DA;
--navbar-color-hover: #FFFFFF;
--navbar-bg: #313539;
--navbar-bg-hover: #2c3033;
--trail: #F0F1F2;
--text-muted: #88898A;
--primary: #4C9E98;
--success: #198754;
--secondary: #414549;
--warning: #ffca2c;
--light-plus: #e6e7e8;
--light-plus-hover: #cfd0d1;
--light: #F0F1F2;
--dark: #313539;
--danger: #dc3545;
--default: #414549;
}
html, body {font-size: 16px;}
body, h1, h2, h3, h4, h5, h6 {color:#313539; font-family: 'Open Sans', sans-serif;}
.nav-item {font-size: 16px;}
.bg-body {background-color:#F8F9FA  !important;}
.bg-navbar {background-color:#313539; color:#D8D9DA; font-size: 16px;}
.nav-item > a {color:#D8D9DA !important;}
.nav-item.active, .nav-item:hover, .nav-item:focus {background-color: #2c3033;}a.logo, a.logo:hover, a.logo:visited, a.logo:active {color:#D8D9DA;}
.btn-header {border-color:#D8D9DA !important; color:#D8D9DA !important;} 
.btn-header:hover {border-color:#D8D9DA !important; color:#313539 !important; background-color:#D8D9DA;} 
.btn-header-outline {border-color:#D8D9DA !important; color:#D8D9DA !important;} 
.btn-header-outline:hover {border-color:#D8D9DA !important; color:#313539 !important; background-color:#D8D9DA;} 
.bg-footer {background-color:#F0F1F2;}
.bg-trail {background-color:#F0F1F2;}
.text-muted {color:#88898A  !important;}
A, .btn-link {color:#000;}
A:hover, .btn-link:hover {color:#000;}
A:not(.btn):hover {color:#1570EF;}
A.d-block:hover {color:#000;}
 .btn-check:focus + .btn, .btn:focus {color: #fff;} 
 .btn-check:focus + .btn.btn-light, .btn.btn-light:focus {color: #313539;} 
 .btn-check:focus + .btn.btn-trans, .btn.btn-trans:focus {color: #313539;} 
.bg-primary {  color: #fff;  border-color:#4C9E98 !important; background-color:#4C9E98 !important}
a.bg-primary:hover {  color: #fff;  border-color:#448e89 !important; background-color:#448e89 !important}
.text-primary {color:#4C9E98 !important;}
.link-primary {color:#4C9E98 !important;}
.link-primary:hover {color:#4C9E98 !important;}
.btn-primary { color: #fff;  border-color:#4C9E98 !important; background-color:#4C9E98 !important}
.btn-primary:hover { color: #fff; border-color:#448e89 !important; background-color:#448e89 !important}
.btn-primary.active { color: #fff;  border-color:#448e89 !important; background-color:#448e89 !important}
.btn-outline-primary {border-color:#4C9E98 !important; color:#4C9E98 !important;} 
.btn-outline-primary:hover
                    , .btn-outline-primary:active
                    , .btn-outline-primary.active
                    , .btn-outline-primary.dropdown-toggle.show { color: #fff;  border-color:#448e89 !important; background-color:#448e89 !important}
.bg-success {  color: #fff;  border-color:#198754 !important; background-color:#198754 !important}
a.bg-success:hover {  color: #fff;  border-color:#177a4c !important; background-color:#177a4c !important}
.text-success {color:#198754 !important;}
.link-success {color:#198754 !important;}
.link-success:hover {color:#198754 !important;}
.btn-success { color: #fff;  border-color:#198754 !important; background-color:#198754 !important}
.btn-success:hover { color: #fff; border-color:#177a4c !important; background-color:#177a4c !important}
.btn-success.active { color: #fff;  border-color:#177a4c !important; background-color:#177a4c !important}
.btn-outline-success {border-color:#198754 !important; color:#198754 !important;} 
.btn-outline-success:hover
                    , .btn-outline-success:active
                    , .btn-outline-success.active
                    , .btn-outline-success.dropdown-toggle.show { color: #fff;  border-color:#177a4c !important; background-color:#177a4c !important}
.bg-secondary {  color: #fff;  border-color:#414549 !important; background-color:#414549 !important}
a.bg-secondary:hover {  color: #fff;  border-color:#3b3e42 !important; background-color:#3b3e42 !important}
.text-secondary {color:#414549 !important;}
.link-secondary {color:#414549 !important;}
.link-secondary:hover {color:#414549 !important;}
.btn-secondary { color: #fff;  border-color:#414549 !important; background-color:#414549 !important}
.btn-secondary:hover { color: #fff; border-color:#3b3e42 !important; background-color:#3b3e42 !important}
.btn-secondary.active { color: #fff;  border-color:#3b3e42 !important; background-color:#3b3e42 !important}
.btn-outline-secondary {border-color:#414549 !important; color:#414549 !important;} 
.btn-outline-secondary:hover
                    , .btn-outline-secondary:active
                    , .btn-outline-secondary.active
                    , .btn-outline-secondary.dropdown-toggle.show { color: #fff;  border-color:#3b3e42 !important; background-color:#3b3e42 !important}
.bg-warning {  color: #fff;  border-color:#ffca2c !important; background-color:#ffca2c !important}
a.bg-warning:hover {  color: #fff;  border-color:#e6b628 !important; background-color:#e6b628 !important}
.text-warning {color:#ffca2c !important;}
.link-warning {color:#ffca2c !important;}
.link-warning:hover {color:#ffca2c !important;}
.btn-warning { color: #fff;  border-color:#ffca2c !important; background-color:#ffca2c !important}
.btn-warning:hover { color: #fff; border-color:#e6b628 !important; background-color:#e6b628 !important}
.btn-warning.active { color: #fff;  border-color:#e6b628 !important; background-color:#e6b628 !important}
.btn-outline-warning {border-color:#ffca2c !important; color:#ffca2c !important;} 
.btn-outline-warning:hover
                    , .btn-outline-warning:active
                    , .btn-outline-warning.active
                    , .btn-outline-warning.dropdown-toggle.show { color: #fff;  border-color:#e6b628 !important; background-color:#e6b628 !important}
.bg-light {  color:#313539; border-color:#F0F1F2 !important; background-color:#F0F1F2 !important}
a.bg-light:hover {  color:#313539; border-color:#d8d9da !important; background-color:#d8d9da !important}
.text-light {color:#F0F1F2 !important;}
.link-light {color:#F0F1F2 !important;}
.link-light:hover {color:#F0F1F2 !important;}
.btn-light { color:#313539; border-color:#F0F1F2 !important; background-color:#F0F1F2 !important}
.btn-light:hover { color:#313539;border-color:#d8d9da !important; background-color:#d8d9da !important}
.btn-light.active { color:#313539; border-color:#d8d9da !important; background-color:#d8d9da !important}
.btn-outline-light {border-color:#F0F1F2 !important; color:#F0F1F2 !important;} 
.btn-outline-light:hover
                    , .btn-outline-light:active
                    , .btn-outline-light.active
                    , .btn-outline-light.dropdown-toggle.show { color:#313539; border-color:#d8d9da !important; background-color:#d8d9da !important}
.cke_toolgroup,.cke_combo_button,a.cke_path_item { color:#313539; box-shadow:none !important;border: 0 !important; background:#F0F1F2 !important}
.cke_combo_button:not(.cke_button_disabled):hover,.cke_button:not(.cke_button_disabled):hover,a.cke_path_item:hover { color:#313539; box-shadow:none !important; border: 0 !important; background:#d8d9da !important}
.cke_toolgroup.active,.cke_button_on,.cke_combo_on .cke_combo_button,.cke_combo_on .cke_button { color:#313539; box-shadow:none !important; border-color:#d8d9da !important; background:#d8d9da !important}
.cke_top, .cke_bottom{background: #F0F1F2 !important;}

.user-My .marker {border-color:#e6e7e8 !important; background-color:#e6e7e8 !important}
.user-My .btn-light {border-color:#e6e7e8 !important; background-color:#e6e7e8 !important}
.user-My .btn-light:hover {border-color:#cfd0d1 !important; background-color:#cfd0d1 !important}
.user-My .btn-light.active {border-color:#cfd0d1 !important; background-color:#cfd0d1 !important}


.bg-dark {  color: #fff;  border-color:#313539 !important; background-color:#313539 !important}
a.bg-dark:hover {  color: #fff;  border-color:#2c3033 !important; background-color:#2c3033 !important}
.text-dark {color:#313539 !important;}
.link-dark {color:#313539 !important;}
.link-dark:hover {color:#313539 !important;}
.btn-dark { color: #fff;  border-color:#313539 !important; background-color:#313539 !important}
.btn-dark:hover { color: #fff; border-color:#2c3033 !important; background-color:#2c3033 !important}
.btn-dark.active { color: #fff;  border-color:#2c3033 !important; background-color:#2c3033 !important}
.btn-outline-dark {border-color:#313539 !important; color:#313539 !important;} 
.btn-outline-dark:hover
                    , .btn-outline-dark:active
                    , .btn-outline-dark.active
                    , .btn-outline-dark.dropdown-toggle.show { color: #fff;  border-color:#2c3033 !important; background-color:#2c3033 !important}
.bg-danger {  color: #fff;  border-color:#dc3545 !important; background-color:#dc3545 !important}
a.bg-danger:hover {  color: #fff;  border-color:#c6303e !important; background-color:#c6303e !important}
.text-danger {color:#dc3545 !important;}
.link-danger {color:#dc3545 !important;}
.link-danger:hover {color:#dc3545 !important;}
.btn-danger { color: #fff;  border-color:#dc3545 !important; background-color:#dc3545 !important}
.btn-danger:hover { color: #fff; border-color:#c6303e !important; background-color:#c6303e !important}
.btn-danger.active { color: #fff;  border-color:#c6303e !important; background-color:#c6303e !important}
.btn-outline-danger {border-color:#dc3545 !important; color:#dc3545 !important;} 
.btn-outline-danger:hover
                    , .btn-outline-danger:active
                    , .btn-outline-danger.active
                    , .btn-outline-danger.dropdown-toggle.show { color: #fff;  border-color:#c6303e !important; background-color:#c6303e !important}
.bg-default {  color: #fff;  border-color:#414549 !important; background-color:#414549 !important}
a.bg-default:hover {  color: #fff;  border-color:#3b3e42 !important; background-color:#3b3e42 !important}
.text-default {color:#414549 !important;}
.link-default {color:#414549 !important;}
.link-default:hover {color:#414549 !important;}
.btn-default { color: #fff;  border-color:#414549 !important; background-color:#414549 !important}
.btn-default:hover { color: #fff; border-color:#3b3e42 !important; background-color:#3b3e42 !important}
.btn-default.active { color: #fff;  border-color:#3b3e42 !important; background-color:#3b3e42 !important}
.btn-outline-default {border-color:#414549 !important; color:#414549 !important;} 
.btn-outline-default:hover
                    , .btn-outline-default:active
                    , .btn-outline-default.active
                    , .btn-outline-default.dropdown-toggle.show { color: #fff;  border-color:#3b3e42 !important; background-color:#3b3e42 !important}
 .highlighted{color: #fff !important;border-color:#ffca2c !important;background-color: #ffca2c !important;} 
.reverse-spinner-single {
  position: relative;
/*
  height: 100px;
  width: 100px;
*/
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;


}


@-webkit-keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}