/* theme.css */


/* celestra color scheme */
:root {
--body: #F7F7F7;
--body-font-size: 16px;
--navbar-font-size: 16px;
--navbar-line: #4d4e4e;
--navbar-color: #EFEFEF;
--navbar-color-hover: #07e1be;
--navbar-bg: #111213;
--navbar-bg-hover: #0f1011;
--trail: #EFEFEF;
--text-muted: #888888;
--primary: #07e1be;
--secondary: #008081;
--light-plus: #e5e5e5;
--light-plus-hover: #cecece;
--light: #EFEFEF;
--dark: #111213;
--success: #07e1be;
--info: #0dcaf0;
--warning: #FEB241;
--danger: #EF3D3D;
--default: #008081;
}
html, body {font-size: 16px;}
body, h1, h2, h3, h4, h5, h6 {color:#111213; font-family: 'Open Sans', sans-serif;}
.nav-item {font-size: 16px;}
.bg-body {background-color:#F7F7F7  !important;}
.bg-navbar {background-color:#111213; color:#EFEFEF; font-size: 16px;}
.nav-item > a {color:#EFEFEF !important;}
.nav-item.active, .nav-item:hover, .nav-item:focus {background-color: #0f1011;}a.logo, a.logo:hover, a.logo:visited, a.logo:active {color:#EFEFEF;}
.btn-header {border-color:#EFEFEF !important; color:#EFEFEF !important;} 
.btn-header:hover {border-color:#EFEFEF !important; color:#111213 !important; background-color:#EFEFEF;} 
.btn-header-outline {border-color:#EFEFEF !important; color:#EFEFEF !important;} 
.btn-header-outline:hover {border-color:#EFEFEF !important; color:#111213 !important; background-color:#EFEFEF;} 
.bg-footer {background-color:#F7F7F7;}
.bg-trail {background-color:#EFEFEF;}
.text-muted {color:#888888  !important;}
A, .btn-link {color:#111213;}
A:hover, .btn-link:hover {color:#0f1011;}
 .btn-check:focus + .btn, .btn:focus {color: #fff;} 
 .btn-check:focus + .btn.btn-light, .btn.btn-light:focus {color: #111213;} 
 .btn-check:focus + .btn.btn-trans, .btn.btn-trans:focus {color: #111213;} 
.bg-primary {  color: #fff;  border-color:#07e1be !important; background-color:#07e1be !important}
a.bg-primary:hover {  color: #fff;  border-color:#06cbab !important; background-color:#06cbab !important}
.text-primary {color:#07e1be !important;}
.link-primary {color:#07e1be !important;}
.link-primary:hover {color:#07e1be !important;}
.btn-primary { color: #fff;  border-color:#07e1be !important; background-color:#07e1be !important}
.btn-primary:hover { color: #fff; border-color:#06cbab !important; background-color:#06cbab !important}
.btn-primary.active { color: #fff;  border-color:#06cbab !important; background-color:#06cbab !important}
.btn-outline-primary {border-color:#07e1be !important; color: color: primary;  !important;} 
.btn-outline-primary:hover
                    , .btn-outline-primary:active
                    , .btn-outline-primary.active
                    , .btn-outline-primary.dropdown-toggle.show { color: #fff;  border-color:#06cbab !important; background-color:#06cbab !important}
.bg-secondary {  color: #fff;  border-color:#008081 !important; background-color:#008081 !important}
a.bg-secondary:hover {  color: #fff;  border-color:#007374 !important; background-color:#007374 !important}
.text-secondary {color:#008081 !important;}
.link-secondary {color:#008081 !important;}
.link-secondary:hover {color:#008081 !important;}
.btn-secondary { color: #fff;  border-color:#008081 !important; background-color:#008081 !important}
.btn-secondary:hover { color: #fff; border-color:#007374 !important; background-color:#007374 !important}
.btn-secondary.active { color: #fff;  border-color:#007374 !important; background-color:#007374 !important}
.btn-outline-secondary {border-color:#008081 !important; color: color: secondary;  !important;} 
.btn-outline-secondary:hover
                    , .btn-outline-secondary:active
                    , .btn-outline-secondary.active
                    , .btn-outline-secondary.dropdown-toggle.show { color: #fff;  border-color:#007374 !important; background-color:#007374 !important}
.bg-light {  color:#111213; border-color:#EFEFEF !important; background-color:#EFEFEF !important}
a.bg-light:hover {  color:#111213; border-color:#d7d7d7 !important; background-color:#d7d7d7 !important}
.text-light {color:#EFEFEF !important;}
.link-light {color:#EFEFEF !important;}
.link-light:hover {color:#EFEFEF !important;}
.btn-light { color:#111213; border-color:#EFEFEF !important; background-color:#EFEFEF !important}
.btn-light:hover { color:#111213;border-color:#d7d7d7 !important; background-color:#d7d7d7 !important}
.btn-light.active { color:#111213; border-color:#d7d7d7 !important; background-color:#d7d7d7 !important}
.btn-outline-light {border-color:#EFEFEF !important; color: color:#111213; !important;} 
.btn-outline-light:hover
                    , .btn-outline-light:active
                    , .btn-outline-light.active
                    , .btn-outline-light.dropdown-toggle.show { color:#111213; border-color:#d7d7d7 !important; background-color:#d7d7d7 !important}
.cke_toolgroup,.cke_combo_button,a.cke_path_item { color:#111213; box-shadow:none !important;border: 0 !important; background:#EFEFEF !important}
.cke_combo_button:not(.cke_button_disabled):hover,.cke_button:not(.cke_button_disabled):hover,a.cke_path_item:hover { color:#111213; box-shadow:none !important; border: 0 !important; background:#d7d7d7 !important}
.cke_toolgroup.active,.cke_button_on,.cke_combo_on .cke_combo_button,.cke_combo_on .cke_button { color:#111213; box-shadow:none !important; border-color:#d7d7d7 !important; background:#d7d7d7 !important}
.cke_top, .cke_bottom{background: #EFEFEF !important;}

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


.bg-dark {  color: #fff;  border-color:#111213 !important; background-color:#111213 !important}
a.bg-dark:hover {  color: #fff;  border-color:#0f1011 !important; background-color:#0f1011 !important}
.text-dark {color:#111213 !important;}
.link-dark {color:#111213 !important;}
.link-dark:hover {color:#111213 !important;}
.btn-dark { color: #fff;  border-color:#111213 !important; background-color:#111213 !important}
.btn-dark:hover { color: #fff; border-color:#0f1011 !important; background-color:#0f1011 !important}
.btn-dark.active { color: #fff;  border-color:#0f1011 !important; background-color:#0f1011 !important}
.btn-outline-dark {border-color:#111213 !important; color: color: dark;  !important;} 
.btn-outline-dark:hover
                    , .btn-outline-dark:active
                    , .btn-outline-dark.active
                    , .btn-outline-dark.dropdown-toggle.show { color: #fff;  border-color:#0f1011 !important; background-color:#0f1011 !important}
.bg-success {  color: #fff;  border-color:#07e1be !important; background-color:#07e1be !important}
a.bg-success:hover {  color: #fff;  border-color:#06cbab !important; background-color:#06cbab !important}
.text-success {color:#07e1be !important;}
.link-success {color:#07e1be !important;}
.link-success:hover {color:#07e1be !important;}
.btn-success { color: #fff;  border-color:#07e1be !important; background-color:#07e1be !important}
.btn-success:hover { color: #fff; border-color:#06cbab !important; background-color:#06cbab !important}
.btn-success.active { color: #fff;  border-color:#06cbab !important; background-color:#06cbab !important}
.btn-outline-success {border-color:#07e1be !important; color: color: success;  !important;} 
.btn-outline-success:hover
                    , .btn-outline-success:active
                    , .btn-outline-success.active
                    , .btn-outline-success.dropdown-toggle.show { color: #fff;  border-color:#06cbab !important; background-color:#06cbab !important}
.bg-info {  color:#111213; border-color:#0dcaf0 !important; background-color:#0dcaf0 !important}
a.bg-info:hover {  color:#111213; border-color:#0cb6d8 !important; background-color:#0cb6d8 !important}
.text-info {color:#0dcaf0 !important;}
.link-info {color:#0dcaf0 !important;}
.link-info:hover {color:#0dcaf0 !important;}
.btn-info { color:#111213; border-color:#0dcaf0 !important; background-color:#0dcaf0 !important}
.btn-info:hover { color:#111213;border-color:#0cb6d8 !important; background-color:#0cb6d8 !important}
.btn-info.active { color:#111213; border-color:#0cb6d8 !important; background-color:#0cb6d8 !important}
.btn-outline-info {border-color:#0dcaf0 !important; color: color:#111213; !important;} 
.btn-outline-info:hover
                    , .btn-outline-info:active
                    , .btn-outline-info.active
                    , .btn-outline-info.dropdown-toggle.show { color:#111213; border-color:#0cb6d8 !important; background-color:#0cb6d8 !important}
.bg-warning {  color: #fff;  border-color:#FEB241 !important; background-color:#FEB241 !important}
a.bg-warning:hover {  color: #fff;  border-color:#e5a03b !important; background-color:#e5a03b !important}
.text-warning {color:#FEB241 !important;}
.link-warning {color:#FEB241 !important;}
.link-warning:hover {color:#FEB241 !important;}
.btn-warning { color: #fff;  border-color:#FEB241 !important; background-color:#FEB241 !important}
.btn-warning:hover { color: #fff; border-color:#e5a03b !important; background-color:#e5a03b !important}
.btn-warning.active { color: #fff;  border-color:#e5a03b !important; background-color:#e5a03b !important}
.btn-outline-warning {border-color:#FEB241 !important; color: color: warning;  !important;} 
.btn-outline-warning:hover
                    , .btn-outline-warning:active
                    , .btn-outline-warning.active
                    , .btn-outline-warning.dropdown-toggle.show { color: #fff;  border-color:#e5a03b !important; background-color:#e5a03b !important}
.bg-danger {  color: #fff;  border-color:#EF3D3D !important; background-color:#EF3D3D !important}
a.bg-danger:hover {  color: #fff;  border-color:#d73737 !important; background-color:#d73737 !important}
.text-danger {color:#EF3D3D !important;}
.link-danger {color:#EF3D3D !important;}
.link-danger:hover {color:#EF3D3D !important;}
.btn-danger { color: #fff;  border-color:#EF3D3D !important; background-color:#EF3D3D !important}
.btn-danger:hover { color: #fff; border-color:#d73737 !important; background-color:#d73737 !important}
.btn-danger.active { color: #fff;  border-color:#d73737 !important; background-color:#d73737 !important}
.btn-outline-danger {border-color:#EF3D3D !important; color: color: danger;  !important;} 
.btn-outline-danger:hover
                    , .btn-outline-danger:active
                    , .btn-outline-danger.active
                    , .btn-outline-danger.dropdown-toggle.show { color: #fff;  border-color:#d73737 !important; background-color:#d73737 !important}
.bg-default {  color: #fff;  border-color:#008081 !important; background-color:#008081 !important}
a.bg-default:hover {  color: #fff;  border-color:#007374 !important; background-color:#007374 !important}
.text-default {color:#008081 !important;}
.link-default {color:#008081 !important;}
.link-default:hover {color:#008081 !important;}
.btn-default { color: #fff;  border-color:#008081 !important; background-color:#008081 !important}
.btn-default:hover { color: #fff; border-color:#007374 !important; background-color:#007374 !important}
.btn-default.active { color: #fff;  border-color:#007374 !important; background-color:#007374 !important}
.btn-outline-default {border-color:#008081 !important; color: color: default;  !important;} 
.btn-outline-default:hover
                    , .btn-outline-default:active
                    , .btn-outline-default.active
                    , .btn-outline-default.dropdown-toggle.show { color: #fff;  border-color:#007374 !important; background-color:#007374 !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);
    }
}