/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #252525;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
  /*font-weight:300;*/
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .3);
  /*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
  
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem .45rem;
  font-weight: 300;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #e30613;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
/*.cover {
  padding: 0 1.75rem;
}*/
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}

.formCenter {
  width: 100%;
  max-width: 550px;
  padding: 15px;
  margin: auto;
}
.formCenter .checkbox {
  font-weight: 400;
}
.formCenter .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.formCenter .form-control:focus {
  z-index: 2;
}
/*.formCenter input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.formCenter input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}*/


/* Show whole week */
@media (min-width: 768px) {
  .seven-days .col {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
@media (max-width: 1200px) and (orientation: landscape) {
  .seven-days .col {
    font-size: .5rem;
  }
}

/* cd colors */
.cd-primary {
  color: #252525;
}
.bg-cd-primary {
  background-color: #252525;
  color: #fff;
}

.cd-secondary {
  color: #e30613;
}
.bg-cd-secondary {
  background-color: #e30613;
  color: #fff;
}

.bg-blue{
  background-color: rgba(0, 123, 255, 1);
  color: #fff;
}
.bg-blue.event{
  text-shadow:  1px 1px 0px rgba(0, 123, 255, 1),
                1px -1px 0px rgba(0, 123, 255, 1),
                -1px 1px 0px rgba(0, 123, 255, 1),
                -1px -1px 0px rgba(0, 123, 255, 1) !important;
}

.bg-indigo{
  background-color: rgba(102, 16, 242, 1);
  color: #fff;
}
.bg-indigo.event{
  text-shadow:  1px 1px 0px rgba(102, 16, 242, 1),
                1px -1px 0px rgba(102, 16, 242, 1),
                -1px 1px 0px rgba(102, 16, 242, 1),
                -1px -1px 0px rgba(102, 16, 242, 1) !important;
}

.bg-purple{
  background-color: rgba(111, 66, 193, 1);
  color: #fff;
}
.bg-purple.event{
  text-shadow:  1px 1px 0px rgba(111, 66, 193, 1),
                1px -1px 0px rgba(111, 66, 193, 1),
                -1px 1px 0px rgba(111, 66, 193, 1),
                -1px -1px 0px rgba(111, 66, 193, 1) !important;
}

.bg-pink{
  background-color: rgba(232, 62, 140, 1);
  color: #fff;
}
.bg-pink.event{
  text-shadow:  1px 1px 0px rgba(232, 62, 140, 1),
                1px -1px 0px rgba(232, 62, 140, 1),
                -1px 1px 0px rgba(232, 62, 140, 1),
                -1px -1px 0px rgba(232, 62, 140, 1) !important;
}

.bg-red{
  background-color: rgba(220, 53, 69, 1);
  color: #fff;
}
.bg-red.event{
  text-shadow:  1px 1px 0px rgba(220, 53, 69, 1),
                1px -1px 0px rgba(220, 53, 69, 1),
                -1px 1px 0px rgba(220, 53, 69, 1),
                -1px -1px 0px rgba(220, 53, 69, 1) !important;
}

.bg-orange{
  background-color: rgba(253, 126, 20, 1);
  color: #000;
  
}
.bg-orange.event{
  text-shadow:  1px 1px 0px rgba(253, 126, 20, 1),
                1px -1px 0px rgba(253, 126, 20, 1),
                -1px 1px 0px rgba(253, 126, 20, 1),
                -1px -1px 0px rgba(253, 126, 20, 1) !important;
}

.bg-yellow{
  background-color: rgba(255, 193, 7, 1);
  color: #000;
}
.bg-yellow.event{
  text-shadow:  1px 1px 0px rgba(255, 193, 7, 1),
                1px -1px 0px rgba(255, 193, 7, 1),
                -1px 1px 0px rgba(255, 193, 7, 1),
                -1px -1px 0px rgba(255, 193, 7, 1) !important;
}

.bg-green{
  background-color: rgba(40, 167, 69, 1);
  color: #fff;
}
.bg-green.event{
  text-shadow:  1px 1px 0px rgba(40, 167, 69, 1),
                1px -1px 0px rgba(40, 167, 69, 1),
                -1px 1px 0px rgba(40, 167, 69, 1),
                -1px -1px 0px rgba(40, 167, 69, 1) !important;
}

.bg-teal{
  background-color: rgba(32, 201, 151, 1);
  color: #fff;
}
.bg-teal.event{
  text-shadow:  1px 1px 0px rgba(32, 201, 151, 1),
                1px -1px 0px rgba(32, 201, 151, 1),
                -1px 1px 0px rgba(32, 201, 151, 1),
                -1px -1px 0px rgba(32, 201, 151, 1) !important;
}

.bg-cyan{
  background-color: rgba(23, 162, 184, 1);
  color: #fff;
}
.bg-cyan.event{
  text-shadow:  1px 1px 0px rgba(23, 162, 184, 1),
                1px -1px 0px rgba(23, 162, 184, 1),
                -1px 1px 0px rgba(23, 162, 184, 1),
                -1px -1px 0px rgba(23, 162, 184, 1) !important;
}


.bg-gray{
  background-color: rgba(108, 117, 125, 1);
  color: #fff;
}
.bg-gray.event{
  text-shadow:  1px 1px 0px rgba(108, 117, 125, 1),
                1px -1px 0px rgba(108, 117, 125, 1),
                -1px 1px 0px rgba(108, 117, 125, 1),
                -1px -1px 0px rgba(108, 117, 125, 1) !important;
}

.bg-gray-dark{
  background-color: rgba(52, 58, 64, 1);
  color: #fff;
}

.bg-gray-dark.event{
  text-shadow:  1px 1px 0px rgba(52, 58, 64, 1),
                1px -1px 0px rgba(52, 58, 64, 1),
                -1px 1px 0px rgba(52, 58, 64, 1),
                -1px -1px 0px rgba(52, 58, 64, 1) !important;
}

.bg-white{
  background-color: rgba(255, 255, 255, 1);
  color: #000;
}
.bg-white.event{
  text-shadow:  1px 1px 0px rgba(255, 255, 255, 1),
                1px -1px 0px rgba(255, 255, 255, 1),
                -1px 1px 0px rgba(255, 255, 255, 1),
                -1px -1px 0px rgba(255, 255, 255, 1) !important;
}

.bg-black{
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
}
.bg-black.event{
  text-shadow:  1px 1px 0px rgba(0, 0, 0, 1),
                1px -1px 0px rgba(0, 0, 0, 1),
                -1px 1px 0px rgba(0, 0, 0, 1),
                -1px -1px 0px rgba(0, 0, 0, 1) !important;
}



.bg-gold{
  background-color: rgba(208, 183, 81, 1);
  color: #000;
}
.bg-gold.event{
  text-shadow:  1px 1px 0px rgba(208, 183, 81, 1),
                1px -1px 0px rgba(208, 183, 81, 1),
                -1px 1px 0px rgba(208, 183, 81, 1),
                -1px -1px 0px rgba(208, 183, 81, 1) !important;
}


/* border */
.border-blue{
  border-color: #007bff;
}

.border-indigo{
  border-color: #6610f2;
}

.border-purple{
  border-color: #6f42c1;
}

.border-pink{
  border-color: #e83e8c;
}

.border-red{
  border-color: #dc3545;
}

.border-orange{
  border-color: #fd7e14;
}

.border-yellow{
  border-color: #ffc107;
}

.border-green{
  border-color: #28a745;
}

.border-teal{
  border-color: #20c997;
}

.border-cyan{
  border-color: #17a2b8;
}

.border-white{
  border-color: #fff;
}

.border-gray{
  border-color: #6c757d;
}

.border-gray-dark{
  border-color: #343a40;
}

.border-white{
  border-color: #fff;
}

.border-black{
  border-color: #000;
}

   

.card > .progress {
  height: 0.1875rem;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.card-body > .progress {
  height: 0.1875rem;
}

.card .card-meta {
  font-size: .6rem;
}



.table-light th a, .table-light td a {
  color: #000 !important;
}




@media (max-width:575px) {
  .display-4 {
      font-size: 1.5rem;
  }
  .day h5 {
      /*background-color: #e30613;*/
      padding: 3px 5px 5px;
      margin: -8px -8px 8px -8px;
  }
  .day.active h5 {
    background-color: #252525;
}
  .date {
      padding-left: 4px;
      color: #fff;
  }
  
}

@media (min-width: 576px) {
  .day {
      min-height: 14.2857vw;
  }
}


@media(max-width: 992px){
  .eventBottom {
    /*font-size: .5rem !important;
    color: #fd0;*/
    display: block !important;
    text-align: center;
  }
}

@media(max-width: 575px){
  .eventBottom {
    /*font-size: .5rem !important;
    color: #fd0;*/
    display: flex !important;
    text-align: auto;
  }
}

.event {
  /*display: block;*/
  position: relative;
  z-index: 1;
  /*text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;*/
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.event:hover
{
     transform: scale(1.05);
     z-index: 2;
}



.event::after {
  content: "";
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  top: 5px;
  left: 5px;
  bottom: 65px;
  right: 5px;
  position: absolute;
  z-index: -1;
  max-height: 50px;
}

.custom-control-label::before {
  /*top: .8rem;*/
  width: 2rem !important;
  height: 1.25rem;
}

.custom-switch .custom-control-label::after {
  top: calc(.45rem + 1px);
  left: calc(-2.15rem + 2px);
}
.modal-open .container-fluid, .modal-open .container {
  -webkit-filter: blur(5px) grayscale(90%)!important;
  -moz-filter: blur(5px) grayscale(90%)!important;
  -o-filter: blur(5px) grayscale(90%)!important;
  -ms-filter: blur(5px) grayscale(90%)!important;
  filter: blur(5px) grayscale(90%)!important;
}

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

/* Maybe even support hover opacity shifts */
.opacity-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
  opacity:1!important;
}

.custom-control-label:before{
  background-color:#f8f9fa;
}
.custom-switch .custom-control-input:checked~.custom-control-label::before{
  background-color:#28a745;
  border-color:#28a745;
}

.jumbotron {
  color: white;
  /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/hero.jpg");*/
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
  max-height: 450px;
}

.jumbotron .highlight {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px;
  /*font-size: 25px;*/
  letter-spacing: 3px;
  line-height: 30px;
  text-transform: uppercase;
}

.highlight.smaller {
  text-transform: none;
  letter-spacing: 1px;
  line-height: 20px;
}

.highlight.highlight-red {
  background-color: rgba(255, 0, 0, 0.5) !important;
}



.coachPhoto {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  border: 1px solid #252525;
  background: #252525;
  color: #fff;
  object-fit: scale-down;
}

.userPhoto {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #252525;
  background: #252525;
  color: #fff;
  object-fit: scale-down;
}

.badgeIcon {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: scale-down;
}

.userAvatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid #7e7e7e;
  background: #252525;
  color: #fff;
  object-fit: scale-down;
}

.coachPhoto:hover
{
     transform: scale(4);
     z-index: 2;
}

.userPhoto:hover
{
     transform: scale(8);
     z-index: 2;
}

.blink {
  animation: blinker 3s linear infinite;
  -webkit-animation: blinker 3s linear 0s infinite;

}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}


.blink-fast {
  animation: blinker-fast 2s ease infinite;
  -webkit-animation: blinker-fast 2s ease infinite;
}

@keyframes blinker-fast {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes blinker-fast {
  50% {
    opacity: 0;
  }
}
.stretch:before {
  height: 250px;
  width: 250px;
  margin: 0 auto;
  background-color: red;
  animation-name: stretch;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    transform: scale(.3);
    background-color: red;
    border-radius: 100%;
  }
  50% {
    background-color: orange;
  }
  100% {
    transform: scale(1.5);
    background-color: yellow;
  }
}

.msg {
  cursor: pointer;
}

.select2-container .select2-selection--single {
  height: 38px !important;
  border-radius: 0 !important;
}
.fixed-top {
  z-index: 1060 !important;
}

.card,
.btn,
input,
.bootstrap-dialog,
.modal-content,
.modal-header,
.card-header:first-child,
.dropdown-menu,
.daterangepicker {
  border-radius: 0 !important;
}


.daterangepicker, .modal-header, .modal-body,
.bootstrap-dialog-title {
  color: #000 !important;
}

.select2-container--krajee-bs4 .select2-selection {
  border-radius: 0 !important;
  padding: .3rem 1rem .6rem;
  height: 38px;
  width: auto;
}

/*
.select2-container {
  z-index: 99999 !important;
}
*/

.select2-container--krajee-bs4 .select2-selection {
  min-width: 180px !important;
}

.kv-grid-loading .card,
.kv-grid-loading .table, 
.kv-grid-loading .form 
{
  background: tomato !important;
  opacity: 1 !important;
  -webkit-filter: blur(5px) grayscale(90%)!important;
  -moz-filter: blur(5px) grayscale(90%)!important;
  -o-filter: blur(5px) grayscale(90%)!important;
  -ms-filter: blur(5px) grayscale(90%)!important;
  filter: blur(5px) grayscale(90%)!important;
}




/* DASHBOARD */
body {
  font-size: .875rem;
  display: block;
  background-color: #fff;
  color: #333;
  text-shadow: none;
}

html, body {
  height: 100%;
  background-color: #fff;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1021; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  /*box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);*/
}

.navbar {
  z-index: 1022 !important;
}

@media (max-width: 992px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  /*height: calc(100vh - 48px);*/
  height: calc(100% - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}


.sidebar-user {
  padding: 1.5rem 1rem 1rem;
  background: #fff;
  color: #153d77;
  text-align: center;
}

/*
 * Navbar
 */

.navbar-brand {
  
  font-size: 1rem;
  /*padding: 1rem;*/
  font-size: 1.175rem;
  font-weight: 500;
  /*background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);*/
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}


.wrapper {
  align-items: stretch;
  /*display: flex;*/
  overflow: hidden;
  width: 100%;
  position: relative;
}

.wrapper:before {
width: 100%;
height: 264px;
position: absolute;
top: 0;
left: 0;
background: #343a40;
content: " ";
}


.nav-item .mailIndicator {
background: #dc3545;
box-shadow: 0 0 2rem 0 rgba(0,0,0,.05);
border-radius: 50%;
display: block;
height: 9px;
width: 9px;
position: absolute;
top: 3px;
left: 15px;
transition: top .1s ease-out;
}


.nav-item .newsIndicator {
  background: #087f5b;
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.05);
  border-radius: 50%;
  display: block;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 3px;
  right: 15px;
  transition: top .1s ease-out;
  }
  

.nav-item:hover .indicator, .nav-item:hover .indicator:after {
top: 2px;
}

.footer {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  /*line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}