::-webkit-input-placeholder { font-size:11px;color:#888 !important;font-weight:lighter !important; }
::-moz-placeholder { font-size:11px;;color:#888 !important;font-weight:lighter !important; } /* firefox 19+ */
:-ms-input-placeholder { font-size:11px;;color:#888 !important;font-weight:lighter !important; } /* ie */
input:-moz-placeholder { font-size:11px;;color:#888 !important;font-weight:lighter !important; } 
body{padding-top: 80px}
/*text decorations*/
.strikethrough{text-decoration: line-through;}
/*end*/

/*common*/
.cursorNotAllowed{cursor: not-allowed !important;} 
.cursorPointer, .pointer{cursor:pointer;}

.btn:hover{opacity:0.8;}

.dispNone{display:none !important;}
.disInline{display:inline !important;}
.disInlineBlock{display:inline-block !important;}
.disBlock{display:block !important;}

.opacity50{opacity:0.5;}
.opacity60{opacity:0.4;}
.font5{font-size:5px !important;}
.font6{font-size:6px !important;}
.font7{font-size:7px !important;}
.font8{font-size:8px !important;}
.font9{font-size:9px !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}  
.font17{font-size:17px !important;}  
.font18{font-size:18px !important;}  
.font19{font-size:19px !important;}  
.font20{font-size:20px !important;} 
.font25{font-size:25px !important;} 
.font30{font-size:30px !important;} 
h2{font-size:25px !important;}

.opacity0{opacity:0;}
.opacity10{opacity:10;}
.opacity20{opacity:0.2;}
.opacity30{opacity:0.3;}
.opacity40{opacity:0.4;}
.opacity50{opacity:0.5;}
.opacity60{opacity:0.6;}
.opacity70{opacity:0.7;}
.opacity80{opacity:0.8;}
.opacity90{opacity:0.9;}

.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
.w160{width:160px;}
.w180{width:180px;}
.w200{width:200px;}
.w10perc{width:10%;}
.w20perc{width:20%;}
.w30perc{width:30%;}
.w40perc{width:40%;}
.w50perc{width:50%;}
.w60perc{width:60%;}
.w70perc{width:70%;}
.w80perc{width:80%;}
.w90perc{width:90%;}
.w100perc{width:100%;}
.cursorDefault{cursor:default !important;}
.cursorPointer{cursor:pointer !important;}

.p1{padding:1px !important;}
.p2{padding:2px !important;}
.p3{padding:3px !important;}
.p4{padding:4px !important;}
.p5{padding:5px !important;}
.p6{padding:6px !important;}
.p7{padding:7px !important;}
.p8{padding:8px !important;}
.p9{padding:9px !important;}
.p10{padding:10px !important;}

.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m6{margin:6px;}
.m7{margin:7px;}
.m8{margin:8px;}
.m9{margin:9px;}
.m10{margin:10px;}

.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml7{margin-left:7px;}
.ml8{margin-left:8px;}
.ml9{margin-left:9px;}
.ml10{margin-left:10px;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr6{margin-right:6px;}
.mr7{margin-right:7px;}
.mr8{margin-right:8px;}
.mr9{margin-right:9px;}
.mr10{margin-right:10px;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt9{margin-top:9px;}
.mt10{margin-top:10px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}

.blackImg{filter: brightness(0%);}
.light{font-weight:lighter !important;}

.color000{color: #000 !important;}
.color333{color: #333 !important;}
.color666{color: #666 !important;}
.colorccc{color: #ccc !important;}
.colorfff{color: #fff !important;}

.transparentInput{border:none;background:transparent;outline:none;}
.defaultBoxContent{border:1px solid orange; background:#fff; padding:10px;min-height:300px;margin-top:5px;margin-bottom:10px;}
.redBox{border:1px solid red; color:red;background:#ffded4;border-radius:2px;padding:1px;display:inline-block;}
.violetBox{border:1px solid #c900ab; color:#c900ab;background:#ffa8f2;border-radius:2px;padding:1px;display:inline-block;}
.blueBox{border:1px solid blue; color:blue;background:#d4dbff;border-radius:2px;padding:1px;display:inline-block;}
.greenBox{border:1px solid green; color:green;background:white;border-radius:2px;padding:1px;display:inline-block;}
.color-gray,.gray{color:#999 !important;}
.red{color:red !important;}
.red.bg{color:#000 !important;background:lightred;border-radius:3px;}
.yellow{color:#adad00 !important;}
.yellow.bg{color:#000 !important;background:#adad00;border-radius:3px;color:#fff !important;}
.yellowBg{background:#f9ff97 !important;}
.yellowbrightBg{background:#f7f700 !important;}
.blue{color:blue;}
.blue.bg{color:#fff;border: 1px solid #0dadff !important;background:#0dadff !important;border-radius:3px;}
.orange{color:orange;}
.orange.bg{color:#fff;background:orange;border-radius:3px;}
.red.bg{color:#fff !important;background:red;padding:1px;margin:0 1px;}
.green{color:green !important;}
.white{color:white !important;}
.green.bg{color:#000 !important;background:lightgreen;padding:1px;margin:0 1px;border-radius:2px;}
.redBg{background: rgba(239, 87, 87, 0.5) !important;} 
.blueBg{background: lightblue !important;} 
.greenBg1{background: #5CB85C !important;} 
.blackBg{background:black; color:#fff !important;}
.orangeBg{background:orange; color:#fff !important;}
.whiteBg{background: #fff;}
.small{font-size:9px !important;} 
.float-left{float:left !important;}
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}
.padding1{padding:1px;}
.padding3{padding:3px;}
.padding5{padding:5px;}

input[type="search"].my-search {
  -webkit-appearance: searchfield;
}

input[type="search"].my-search::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgba(239, 87, 87, 0.5);
  }
  50%, 100% {
    background-color: #5CB85C;
  }
}
.wrapper{padding-left: 19px;}
.home .wrapper{padding-left: 35px;}
.serviceBreakAlert{
	border: 5px solid red;
    top: 0px;
    left: 50px;
    background: #fff;
    text-align: center;
    font-size:30px;
    padding: 3px;
    z-index: 2000;
}
.darkred{color:darkred;}
.checkbox, .radio {display:inline;}
.icon-ok{background:green;padding:2px;border-radius:3px;color:#fff;font-size:9px;}
.inline{display:inline !important;}
.alignright{text-align:right !important;}
.alignleft{text-align:left !important;}
.aligncenter{text-align:center !important;}

.clear, .clearLine{clear:both;padding:0 !important;margin:0 !important;font-size:1px;}
.clearLine{border-top:1px solid #eee;}
.perc10{width:10% !important;margin:0px !important;float:left;}
label.perc10{height: 12px;line-height: 12px;}


.perc15{width:15% !important;margin:0px !important;float:left;}
label.perc15{height: 12px;line-height: 12px;}

.perc20{width:20% !important;margin:0px !important;float:left;}
label.perc20{height: 12px;line-height: 12px;}

.perc25{width:24% !important;margin:0px !important;float:left;}
label.perc25{height: 12px;line-height: 12px;}

.perc30{width:30% !important;margin:0px !important;float:left;}
label.perc30{height: 12px;line-height: 12px;}

.perc33{width:32% !important;margin:0px !important;float:left;}
label.perc33{height: 12px;line-height: 12px;}

.perc40{width:40% !important;margin:0px !important;float:left;}
label.perc40{height: 12px;line-height: 12px;}

.perc45{width:45% !important;margin:0px !important;float:left;}
label.perc45{height: 12px;line-height: 12px;}


.perc47{width:47% !important;margin:0px !important;float:left;}
label.perc47{height: 12px;line-height: 12px;}

.perc50{width:48% !important;margin:0px !important;float:left;}
label.perc50{height: 12px;line-height: 12px;}

.perc60{width:58% !important;margin:0px !important;float:left;}
label.perc60{height: 12px;line-height: 12px;}

.perc70{width:68% !important;margin:0px !important;float:left;}
label.perc70{height: 12px;line-height: 12px;}

.perc100{width:100% !important;margin:0px !important;float:left;}
label.perc100{height: auto;line-height: auto;}

.btn-squared-50{height:50px;width:47%;float:left; display:inline-block; border-radius: 5px;padding:7px 2px; cursor:pointer;margin:1% !important;text-align:center;}
.btn-squared-50.heigher{height:55px;}
.btn-squared-50 .bigger{font-size:15px;font-weight:bolder;}
.btn-squared-50.heigher .bigger{font-size:13px;}
.btn-squared-50 .smaller{font-size:12px;}

.alert-dismissable .close{right:0px !important;opacity:1;}
/*end*/

.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 120px;
  height: 20px;
  overflow: hidden;
  position: relative;
  top:4px;
  //background:     url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background: url('../imgs/stars_inactive.png');
  background-size: contain;
}
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 16.5%;
  z-index: 1;
  //background:     url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background: url('../imgs/stars_active.png');
  background-size: contain;
}
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 16.5%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
  opacity: 1;
}
.star-rating i ~ i {
  width: 33%;
}
.star-rating i ~ i ~ i {
  width: 49.5%;
}
.star-rating i ~ i ~ i ~ i {
  width: 66%;
}
.star-rating i ~ i ~ i ~ i ~ i {
  width: 82.5%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i {
  width: 100%;
}

::after,
::before {
  /*height: 100%;*/
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

.displayBlock{display:block !important;}
.addpadding{padding-top:3px !important;padding-bottom:3px !important;}
.addmargin{margin-top:2px !important;margin-bottom:2px !important;}
.more_info {
  border-bottom: 1px dotted;
  position: relative;
}
.progress-bar-secondary{background:#ccc !important;}
.more_info .title {
  position: absolute;
  top: 20px;
  background: #000;
  color:#eee;
  font-size:11px;
  text-align:left;
  min-width:150px;
  padding: 2px;
  left: 0;
  z-index:2000;
}

.mikro-label{font-size:8px !important; padding:1px 2px;border:1px solid #cc3333; color:#cc3333; position:relative;bottom:4px;background:#fff;}

.blink {
  animation: blinking 2s linear infinite;
}

@keyframes blinking {
  50% {
    opacity: 0;
  }
}


a[aria-expanded=true] .fa-chevron-right {
   display: none;
}
a[aria-expanded=false] .fa-chevron-down {
   display: none;
}
.excExpandBtn{width:100%;margin: 10px 0 !important;}
.excExpandBtn .fa{font-size:12px;line-height:15px;}

.centeredtext{text-align:center;}
.d-inline{display:inline;}
.d-inline-input{display:inline-block !important;width:12px !important;margin:0px !important;line-height:15px !important;}

.questionaireForm input[type=number]{width:80px;}
.ajaxMsgClone{height:35px;overflow:hidden;z-index:1000;border: 1px solid #ccc;background:#fff;padding:10px;text-align:center;#color:#333;
display:none;width:100%;position:absolute;
}
.ajaxMsgClone img{height:30px;}
.ajaxMsgClone img,.ajaxMsgClone span{position:relative;bottom:9px;}
.box{padding:3px; width:100%;margin:2px;border-radius:4px;color:#333 !important;display:inline-block;text-align:center;}
.box.green{
	background-color: #dff0d8;
    border: 1px solid #d6e9c6;
	}
	.box.orange{
	background-color: #fcf8e3;
    border: 1px solid #faebcc;
	}
	.box.yellow{
	background-color: #feffd1;
    border: 1px solid #fdff7a;
	}
	.box.red{
	background-color: #ffffcc;
    border: 1px solid #f5c6cb;
	}
	
#calendar-wrap{
	overflow:hidden;
}	
#calendar a.btn:not(.btn-link){color:#fff;}
.btn-primary{background:orange !important;border-color:orange !important;}
.btn-dark{background:#000 !important;border-color:000 !important;color:#fff;}
.btn-dark:hover{background:#000 !important;border-color:000 !important;color:#fff !important;}
.btn-dark label{cursor:pointer;}
.btn-light{background:#ddd !important;border-color:#fff !important;}
.largecheckbox{
/* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
  }
.largecheckboxlabel{display:inline-block !important;font-size:16px !important;}

.xsInput{width:40px;}
.jscal{
	background: url(../imgs/trainingroom/bgCycling-white.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
.modal {
  overflow-y:auto !important;
}
.without_ampm::-webkit-datetime-edit-ampm-field {
   display: none;
 }
 input[type=time]::-webkit-clear-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -ms-appearance:none;
   appearance: none;
   margin: -10px; 
 }
 .fa-heart{color:red;}
 .form-group.dayFiles{margin-bottom:7px !important; } 
 .buttonOverFileSelector{ text-align:center; line-height:100%; position:relative; padding:8px 3px;margin:0px;cursor:pointer !important;border-radius:3px;}
 .buttonOverFileSelector .autoSubmitInput{width:100%; height:100% !important; display:block; opacity:0;position:absolute;top:0px;left:0px;cursor:pointer !important; }
	.buttonOverFileSelector.blueBg{background:#337ab7;color:#fff;font-size:14px;}
	.buttonOverFileSelector.greenBg{background:#449d44;color:#fff;font-size:14px;}
	.buttonOverFileSelector.grayBg{background:#666;color:#fff;font-size:14px;}

	
header { 
	text-align: center; 
}

.stdVal.small{font-size:9px !important;font-weight:light !important;}
#calendar {
	width: 100%;	
	/*font-family:tahoma, Arial;*/
}
.inline-input-small{font-size:11px;display:inline-block !important;}
/*login form*/
.loginLangs 
.jscalLoginform{width:300px;margin:0px auto;}
.jscalLoginform input[type=text],.jscalLoginform input[type=password],.jscalLoginform input[type=submit]{margin:10px;width:90%;}
/*end*/

.jcalLogo{text-align:center;padding:5px !important;}
.jcalLogo img{width:50px;}
.jcalLogo i{font-size:10px;color:#666;}
nav.calendar .btn-group-lg>.btn,nav.calendar .btn-lg {
    padding: 5px 5px;margin:10px 3px 3px 0px;font-size:13px; 
}
a.btn-primary,a.btn-info{color:#fff !important;text-decoration:none;}
.infosCont .isread .bg{background: none !important;}
.infosCont .isread a,.infosCont .isread .bg{color: #bbb !important;}
a.infosCountBtn,a.infosCountBtn:hover,a.infosCountBtn:focus,.open>.dropdown-toggle.infosCountBtn:focus{background:none !important;text-decoration:none;}
a.infosCountBtn .badge{background:#337ab7 !important;color:#fff !important;}
a.infosCountBtn .caret{background:#fff !important;color:#337ab7 !important;}
.navbar{
overflow:visible !important;
height: 40px !important; 
min-height: 40px !important; 
}
.navbar-brand img{margin: 5px 0;}
 .iconMenuEl{position:relative;position:relative;top:15px;color:#337ab7 !important;font-size:20px;padding:0px;line-height:15px;}  
 .flag{padding:5px 2px 5px 2px;position:relative;top:8px;}
 .flag.Polish{margin-left:5px;} 
.navbar-nav.nav{text-align:right !important;}
.navbar-nav .badgeChatMenu{position:relative;bottom:3px;left:3px;background:#5ad644;color:#fff;font-size:9px;border-radius:50%;padding:2px 3px;}

.iconMenuEl .badgeChatMenu{position:absolute;right:-4px;top:-3px;background:#5ad644;color:#fff;font-size:10px;border-radius:50%;padding:0px 3px;}

.calendar.navbar{font-size:13px;}
.calendar.navbar li{margin-top:0px !important;list-style-type:none;}
.calendar.navbar input{margin:0px !important;display: inline;font-size:13px;}
.calendar.navbar select{margin:0px !important;display: inline;font-size:11px;max-width:40px;height:32px;margin:5px 0px !important;}
.calendar.navbar input[type=url]{height:27px !important;padding:2px;} 
.calendar.navbar .dropdown-menu{padding:10px;min-width: 300px;font-size:11px;} 
.calendar.navbar .dropdown-menu.myaccount{min-width: 200px;left: -130px;}
.calendar.navbar .myaccountButton{display:inline-block;width:60px; position:absolute;right:0px;top:5px;} 
.calendar.navbar .dropdown-menu>li>a{display:inline;background:none;}
.navbar-header{width:100%;}
.navbar-header .pulsePowerBtns{margin-left:10px;}
.navbar-header .pulsePowerBtns a{line-height:50px;border:1px solid #ccc; padding:3px;color:#333;opacity:0.5;filter:grayscale(100);text-decoration:none;background:#ccc;}
.navbar-header .pulsePowerBtns a.active{background:#72db72; color:#fff;border:1px solid #72db72;opacity:1;filter:grayscale(0);}
.navbar-header .pulsePowerBtns a.power{border-radius: 0px 5px 5px 0px;}
.navbar-header .pulsePowerBtns a.power i{color:yellow;}
.navbar-header .pulsePowerBtns a.pulse{border-radius: 5px 0px 0px 5px;}
.navbar-header .pulsePowerBtns a.pulse i{color:red;}

.jscalNavBottom{font-size:14px;}
.jscalNavBottom .fa{font-size:18px;}
.jscalNavBottom li{padding:5px !important;}
.jscalNavBottom li a{padding:0px !important;}

#calendar{background:none;}   
/*#calendar *:not(.fa), .calendar *:not(.fa){font-family:arial;}*/
#calendar .panel-info{font-size:12px;}
#calendar .panel-body{padding:5px;}
#calendar .panel-body label,#calendar .panel-body a{padding:0px !important; margin:0px !important;} 
.panel.panel-info li{margin:1px;list-style-type:none;}
#calendar .panel-body h5{padding:7px 0;} 
#calendar .panel-body input:not(.checkbox){height:25px;font-size:12px;display:inline;}
#calendar .panel-body input.checkbox{display:inline;}
#calendar hr{margin:6px 0px !important; border-top:1px solid #fff !important; border-bottom:1px solid #aaa !important;}
#calendar a {
	color: #206193;
	text-decoration: none;
}

#calendar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.buttonShowFullCalendar{background:#28a745; text-align:center;font-size:19px;color:#fff;min-height:200px;line-height:50px;

 position:relative;
 margin-top: 100px !important;}
.buttonShowFullCalendar a{color:#fff !important;position: absolute; width:100%;display:block;
  top: 50%;cursor:pointer;
  transform: translateY(-50%);}
.buttonShowFullCalendar .fa.bigger{font-size:60px;}
#calendar li.day.daysaround:not(.currentday) {
opacity:0.8;
/*
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
filter: grayscale(70%); 
*/
}
.buttonShowFullCalendar .full_wh{width:100%;height:200px;display:block !important;border:none;background:transparent;}
.buttonShowFullCalendar .full_wh span{font-size:20px;} 
.buttonShowFullCalendar .inline *{font-size:13px !important;line-height:20px !important; display:inline !important;}

.week-difficulty-desc{text-align:right;}
@media(max-width: 768px) { 
.week-difficulty-desc{text-align:left;}
}
#calendar li.day {
	background:white;
	display: block;
	float: left;
	width:14.2%;
	
	border-radius:7px;
	box-sizing:border-box;
	border: 1px solid #ccc;
	margin-right:0.08% !important;
	margin-bottom:28px !important;
}
#calendar li.day .dayHeading{font-weight:bold;font-size:13px;padding:5px 0 5px 0; border-top:1px solid #ccc;text-align:center;
background:#aaa; color:#fff;clear:both;}
	
#calendar li.day.loginFormDay{padding:10px !important;margin-top:40px;color:#fff;}
#calendar li.day.loginFormDay .button-primary{color:#fff;padding:2px;color:#fff;line-height:23px;height:25px; border:none;border-radius:5px;}
#calendar li.day.loginFormDay label{margin-bottom:-5px;margin-top:7px;color:#fff;}
#calendar li.day.currentday{
   border: 1px solid orange;
   background:orange;
}
#calendar li.day.daysaround {
	width:24.5%;
	margin-right:0.25% !important;
	margin-left:0.25% !important;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	 
}
#calendar li.day.daysaround:not(.currentday),#calendar li.day.buttonShowFullCalendar {
     width:20%;
	margin-right:2.5% !important;
	margin-left:2.5% !important;
	margin-top:40px;
}
#calendar li.day.buttonShowFullCalendar {
 margin-left:0% !important;
}
.onlyPending #calendar li.day { width:25% !important;}

#calendar ul.weekdays {
	height: 30px;
	background: #333; 
	
}

#calendar ul.weekdays li {
	width: 14%;
    float: left;
	text-align: center;
	text-transform: uppercase;
	line-height: 15px; 
	border: none !important;
	padding: 10px 6px;
	color: #fff;
	font-size: 13px;
	margin:0px;
}

#calendar .days li {
	margin:0px;
}

#calendar .days li:hover {
	background: #d3d3d3;
}
#calendar .trainingDayPriority{line-height:22px;}
#calendar .date, #calendar .dayname{
	
    text-align: center;
    color: #000;
    font-weight: bold;
    float: right;
    font-size: 12px;
    margin: 3px;
}
#calendar .dayname{background:#66a3ff;color:#fff;float:left !important; border-radius:3px;font-size:11px;padding: 2px 2px;} 
#calendar .dayalert{background:#66ff99;float:left !important; border-radius:3px;margin:3px;} 
#calendar .date .dateSelect{color:#000 !important;width:78px;}  
#calendar .changeDateDiv{font-size:12px;background:rgba(255,255,255,0.5);display:none;}   

#calendar .event {
	background:#ddd;
	min-height: 50px;
	clear: both;
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #444;
	text-decoration: none;
	overflow:none;
	position:relative;
}

#calendar .event-desc {
	color: #666;
	margin: 3px 0 7px 0;
	text-decoration: none;	
}

#calendar .other-month {
	background: #f5f5f5;
	color: #666;
}
#calendar .dayType{display:block;padding:0px 5px 0px 25px}

#calendar input, #calendar textarea{display:inline;color:#333;margin:0px;padding:2px; font-family:inherit;overflow:hidden;}
#calendar input,#calendar select{height:17px;font-size:10px;width:100%;line-height:17px;padding:0px;}
#calendar input[type=checkbox]{display:inline;width:12px;height:12px;margin-right:3px;}
#calendar textarea{height:70px;font-size:10px;width:100%;}
#calendar button{padding:2px;}
#calendar label{height:auto;font-size:10px;padding:2px;font-weight:normal;display:block;}
#calendar .dayExcerciseOrder, a.calendarBtn{
font-size:10px;    
border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;border-radius:3px;color:#009aaf !important;width:20px;display:inline;background:#DDDDDD;}
#calendar a.addExcercise{font-size:11px !important;text-align:center;display:block;padding:3px;cursor:pointer;text-decoration:none;margin:5px;background:green;color:#fff;margin:3px 0px;border-radius:3px;}

#calendar .cyclistsInfo{background:#eee;color:#333;padding:3px;} 
#calendar li.day.currentday .cyclistsInfo,#calendar li.day.currentday .event{background:#fff;}
#calendar .cyclistsInfo label, #calendar .cyclistsInfo input, #calendar .cyclistsInfo textarea{margin-top:3px !important;}
#calendar .cyclistsInfo input{font-weight:bolder;}
#calendar .cyclistsInfo input,
#calendar .cyclistsInfo select,#calendar .cyclistsInfo textarea{
background:rgba(240,240,240,0.3);border: 1px solid #ccc;border-bottom:1px solid #aaa;}

#calendar .coachInfo{background:#f9f9f9;color:#333;}  
#calendar .coachInfo .badge{margin:2px;}
#calendar .coachInfo .dayBadges{padding-left:30px;}
#calendar .coachInfo input:not(.btn),#calendar .coachInfo select,#calendar .coachInfo textarea{background:rgba(255,255,255,0.2);border:1px solid #ccc;color:#333;}

ul.ui-autocomplete{background:#fff !important;font-size:11px;}
ul.ui-autocomplete li{font-size:11px;list-style-type:square;margin-left:2px;padding-left:1px !important;}

.bootboxPopup{cursor:pointer;} 
/*infos*/
.infosCont{height: 250px;overflow: auto;}
.setUnreadInfo{cursor:pointer;}
/*gpx*/
.loadGPX{font-size:18px;cursor:pointer}
.loadGPX .green{color:green;}
.loadGPX .red{color:red;}
/*strava*/
#calendar .stravaLinks{position:relative;}
#calendar .stravaShowLink{position:absolute;bottom:20px;background:#fff;z-index:2000;font-size:11px;}
#calendar .closeStravaLink{cursor:pointer;}

/*comments*/
.dayCommentsBtns{display:inline-block;}
.remDayComment{float:right;cursor:pointer;}
.weekCommentButton{display:none;}
.dayComments small{font-size:10px;}
.dayComments i{color:#666;}
.oneDayComment, .oneDayCommentEmoji{border-radius:3px;}
.oneDayCommentEmoji label{width:32% !important; height:50px !important;display:inline-block !important;
background-position:center;
background-size:25%;
background-color:rgba(100,100,100,0.2);
border-radius:5px;
}
.oneDayCommentEmoji label.checked{background-color:rgba(250, 248, 117, 0.5); border:1px solid #aaa; }
/*emojis selector*/
  .emoji-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    border:none !important;
}
.drinkcard-emoji{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block !important;
 width:20px !important;height:20px !important;
}

.emoji6.checked{background-image:url(../imgs/emojis/6.png);}
.emoji3.checked{background-image:url(../imgs/emojis/3.png);}
.emoji1.checked{background-image:url(../imgs/emojis/1.png);}

.emoji6{background-image:url(../imgs/emojis/6-gray.png);}
.emoji3{background-image:url(../imgs/emojis/3-gray.png);}
.emoji1{background-image:url(../imgs/emojis/1-gray.png);}
.drinkcard-emoji:hover{
     -webkit-filter: brightness(1.3) opacity(.7);
       -moz-filter: brightness(1.3) opacity(.7);
            filter: brightness(1.3) opacity(.7);
}
.drinkcard-emoji
{
 -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.3) opacity(1);
       -moz-filter: brightness(1.3) opacity(1);
            filter: brightness(1.3) opacity(1);
}

/*eof emoji selector*/

.addDayComment, .commentSave{color:#d8ffd8 !important;cursor:pointer; font-weight:bolder;font-size:10px;padding:3px; line-height:18px;} 

.addDayCommentbtn{display:inline-block;font-weight:normal;
padding-right:0px;padding-left:0px;
height:50px;border-radius:4px;
margin:1px;color:#fff;text-align:center;width:32%;}
.addDayCommentbtn .biggerfa{font-size:20px;}
.btn.saveDayComment{display:none;}

.dayCommentsBtnsCont{width:100%;clear:both;display:none;}
.btnClicked{background:#ccc !important;}
/*copy*/
.copyDay, .copyWeek{font-size:12px;}
.copyPasteDropdown{display:inline !important;float:right;}
.copyPasteDropdown .dropdown-menu{left: -160px;min-width: 200px;}

/*opinion*/
.floatingOpinionBox{
	color:#333;
	width:200px;position:fixed;bottom:48px;right:0px;z-index:2900;background:#fff;border-radius:10px 0 0 10px; padding:3px;
-webkit-box-shadow: -7px -1px 13px -5px rgba(66, 68, 90, 1);
-moz-box-shadow: -7px -1px 13px -5px rgba(66, 68, 90, 1);
box-shadow: -7px -1px 13px -5px rgba(66, 68, 90, 1);
}
.floatingOpinionBox .fa-solid{margin-left:8px;color:orange;} 
.floatingOpinionBox *{color:#333; text-decoration:none;} 
.floatingOpinionBox .title{margin-left:12px;}
.floatingOpinionBox a{font-size:15px;font-weight:bold;} 

/*czat*/
.addSummaryTextarea{border:1px solid #ccc; margin-top:5px; height:50px;width:90%}
.addSummaryBtn{width:9%;background: #2ccf2c;color:#fff;height:50px;border:none;
position:relative;bottom:22px;right:4px;border-radius:0px 5px 5px 0px;padding:5px;}
.typeahead{
    height: 100px;
    overflow: auto;
}
.floatingHelpBox{
	width:200px;position:fixed;bottom:0px;right:0px;z-index:3000;background:#fff;border-radius:10px 0 0 0;padding:3px;
-webkit-box-shadow: -7px -1px 13px -5px rgba(66, 68, 90, 1);
-moz-box-shadow: -7px -1px 13px -5px rgba(66, 68, 90, 1);
box-shadow: -7px -1px 13px -5px rgba(66, 68, 90, 1);
}
.floatingHelpBox a, .floatingHelpBox a:hover{color:inherit; text-decoration:none;}
.floatingHelpBox .fa-solid{margin-left:8px;color:orange;} 
.floatingHelpBox *{color:#333; text-decoration:none;} 
.floatingHelpBox .title{margin-left:12px;}
.floatingHelpBox a{font-size:15px;font-weight:bold;} 

.floatingHelpBox textarea,.floatingHelpBox input{width:100%;margin-top:5px;}
.floatingHelpBox .toggleElement{cursor:pointer;}
.floatingHelpBox #helpBox{display:none;}

.chatTextMessageBox b,.chatTextMessageBox i{font-size:11px !important;}
.chat-messages{padding: 15px 15px 75px 15px !important;}
.chat-messages blockquote{font-size:12px;    padding: 3px 10px;
    margin: 0 0 4px;}
.answerChat, .setUnreadChat{float:right;margin-right:15px;}
.chatMenuEl{position:relative;}  
.chatMenuEl .badgeChatMenu{position:absolute;right:-4px;top:-3px;background:#5ad644;color:#fff;font-size:10px;border-radius:50%;padding:0px 3px;}
.chatMenu .page-title{font-size:12px;} 
.panel-heading.chatMenu{padding:4px 2px 2px;    
	position: fixed;
    top: 54px; 
    width: 100%;
    z-index: 1000;}


.chatType{font-size:12px;}
.monthSummary{background:#d1ffad;padding:10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.chat-messages .normal{
background: #fff;
padding:5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.chat-messages .technical{
background: #f2f2f2;
padding:5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.chatSubject{font-size:16px;}

.labTests{background:AliceBlue ;
padding:5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.timeline-panel{background:#fff;} 
#czatMessage{padding:2px;font-size:12px;}/*padding-right:50px;width:100%;*/
.chatTextMessageBox{padding:0px;}
.toUserIDsBox{display:none;}
.chatImageBtn{}
.chat-messages img{ 
max-height:300px;width:auto; 
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 25px;
  margin-right: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc( 100% - 75px );
  float: right;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  left: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-right: 15px solid #ccc;
  border-left: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  left: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 0px;
  margin-right: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-right-width: 0;
  border-left-width: 15px;
  right: -15px;
  left: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-right-width: 0;
  border-left-width: 14px;
  right: -14px;
  left: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-heading p{position:absolute;top:5px;right:5px;text-align:right;}

/*settings*/
.zonesForm input[type=submit],.zonesForm input[type=button]{
	background:#666;
}
.zonesForm .submitZones{background:green !important;padding:10px !important;font-size:16px !important;height:50px !important;}
.zonesForm .inlineInput{width:70px !important;height:35px !important;font-size:15px !important;display:inline !important;}
.zonesForm .form-group{margin-bottom:0px;}
.userStatuses input[type=date],.userStatuses input[type=text]{font-size:9px;max-width:100%;padding:0px !important;margin:0px !important;}
.userStatuses .col-md-1{padding:0px;}
.moreSettings{font-size:13px;background:#F7A762;display:block;line-height:25px;text-align:center;}
.moreSettings a{margin-top:20px !important;display:block !important;}
.row.alternate:hover{background: lightgreen !important;}

/* ============================
				Mobile Responsiveness
   ============================*/


@media(max-width: 768px) { 

	#calendar .weekdays, #calendar .other-month {
		display: none;
	}
	#calendar ul.weekdays li {
	width: 100%;
	}
	#calendar li.day {
		height: auto !important;
		border: 1px solid #ededed;
		width: 98%;
		margin-right:1% !important;
		margin-left:1% !important;
		padding: 10px;
		margin-bottom: -1px;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	}
	
	#calendar li.day.daysaround {
		width:98%;
		margin-right:1% !important;
		margin-left:1% !important;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
		 
	}
	#calendar li.day.daysaround:not(.currentday),#calendar li.day.buttonShowFullCalendar {
	     width:98%;
		margin-right:1% !important;
		margin-left:1% !important;
		margin-top:10px !important;
	}
	#calendar li.day.buttonShowFullCalendar {
	 margin-left:0% !important;
	}

	#calendar .date {
		float: none;
	}
	.chat-messages *{text-align:left !important;}
	#czatMessage{height:120px;}
	#czatMessage.monthSummary{height:40px;} 

	
}
@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 5mm 5mm;  
    
}

@media print {
@page {size: landscape}
body{padding: 0px !important;}
body *{font-size:2mm !important;line-height:2mm !important; }
#calendar .weekdays li{padding:0px;margin:0px;line-height:3mm;}
#calendar .weekdays, #calendar .other-month {
		display: block !important;
	}
	
	

	#calendar .date {
		float: block !important;
		    position: absolute;
    right: 0px;
	}
	
	#calendar .days li{padding:0px !important;margin:0px !important;}
	#calendar .days li.day{    border: 1px solid #000;position:relative;}  
	#calendar .days li.day .date{font-weight:bold;}
	#calendar .days li .event{padding:0px !important;margin:0px !important;}
	body label{margin:0px;padding:0px;}
	#calendar {
	margin-top: 0px;
    }
  	#calendar ul.weekdays li {
	width: 14.28%;
	}
	#calendar li.day {
		height: auto !important;
		border: 1px solid #ededed;
		width:14.28%;
		padding: 10px;
		margin-bottom: -1px;
	}
}

	
  
/*userRaces*/
.calendaruserRace{margin:2px 2px 10px 2px;background:#fff;border:1px solid #ccc;padding:3px;} 

/*invoices*/
.invoicesBox{max-height:110px;overflow:auto;}  

/*user manage*/
.mailTextarea{width:95%;height:200px;}
.manageUnhiddenDay{cursor:pointer;}


/*payments*/

.closeBtn {
  font-family: Arial;
  font-size: 12px;
  cursor: pointer;
  padding: 1px;
  background: #ccc;
  border-radius: 3px;
}

/**
 * Tooltip Styles
 */
/* 
<div class="demo">
					  <p><a href="#" data-tooltip="I’m the tooltip text.">I’m a link with a tooltip.</a></p>
					</div>
					*/

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  z-index:1000 !important;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -7px;
  padding: 7px;
  width: 120px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}



/*graph*/
.day .nav>li>a {
    padding: 8px 5px !important;
}
.nav-tabs li{margin-left:5px !important;}
.nav-tabs .active{
    position: relative;
    top: 1px;
}
.nav-tabs li:hover{
    background:none !important;
}
.nav-tabs li a:hover{
    background:#eeffa3 !important;
}
.nav-tabs .active a{
    background:#eeffa3 !important;
}
.tab-content{position: relative;
    bottom: 4px;
    border-top: none;
	background:#eeffa3 !important;
	padding:3px;
	}
    
.excbox{visibility:hidden;margin:0 auto;width:210px;text-align:center;
background:lightyellow;border:1px solid #ccc;border-radius:4px;
z-index:1000;margin-bottom:10px;position:absolute;}
.exGraphs{width:100%;max-width:100%;overflow:auto;background:transparent;padding: 15px 0px;z-index:2;position:relative;}
.excsGraph{
display:inline-block;background:#999; position:relative; z-index:2;
}
.graphWatts{visibility:hidden;font-size:8px;position:absolute;top:-10px;z-index:1000;background:#fff;border-radius:3px;opacity:0.7}   
.graphLarge .admin .graphWatts{visibility:visible !important;}  
.exGraphs .admin {background-image:url(../imgs/hand-press-40.png);background-position:left top;background-repeat:no-repeat;}  
.graphLarge .admin{min-height:50px;padding-top:10px;}


.nobg{background:transparent;}
.excsGraph .ex_num{position:absolute;
left:1px;bottom:30px;
z-index:3000 !important;
padding:1px 3px !important;
min-width:5px  !important; 
font-size:9px !important;
font-weight:normal !important;
background:red !important;
opacity:0.7;
}
.ex_num.relative{position:relative;}

.gpxContBoxAdmin{
	margin-top:5px;
    width: 300px !important;
    overflow: auto;
}

.gpxContBoxAdmin .highcharts-axis-labels{display:none;}
.gpxContBoxAdmin .highcharts-grid{width:100%;}

/*biketypes selector*/
  .biketype-selector{text-align:center;}
  .biketype-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    border:none !important;
}
.drinkcard-biketype{
    cursor:pointer;
    background-color:#666;
    border-radius:3px;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block !important;
 width:18% !important;height:45px !important;
}
.drinkcard-biketype.checked{   }
.biketypebike.checked{ background-color:#0080ff; background-image:url(../imgs/activities/bike-70.png);}
.biketypetrainer.checked{background-color:#bf00ff; background-image:url(../imgs/activities/trainer-70.png);}
.biketypeothers.checked{ background-color:#80ff00;background-image:url(../imgs/activities/others-70.png);}  
.biketypegym.checked{ background-color:#333;background-image:url(../imgs/activities/gym-70.png);}     
.biketypeskates.checked{ background-color:#333;background-image:url(../imgs/activities/skates-70.png);}     


.biketypebike{background-image:url(../imgs/activities/bike-70.png);background-position:center;}
.biketypetrainer{background-image:url(../imgs/activities/trainer-70.png);background-position:center;}
.biketypeothers{background-image:url(../imgs/activities/others-70.png);background-position:center;}
.biketypegym{background-image:url(../imgs/activities/gym-70.png);background-position:center;}
.biketypeskates{background-image:url(../imgs/activities/skates-70.png);background-position:center;}

.drinkcard-biketype:hover{
     -webkit-filter: brightness(1.3) opacity(.7);
       -moz-filter: brightness(1.3) opacity(.7);
            filter: brightness(1.3) opacity(.7);
}
.drinkcard-biketype
{
 -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.3) opacity(1);
       -moz-filter: brightness(1.3) opacity(1);
            filter: brightness(1.3) opacity(1);
}
.label-rounded{cursor:auto; border-radius:50%;}
.label-rounded:hover{opacity:1 !important;}
.label-rounded20{cursor:auto; border-radius:20px;}
.label-rounded20:hover{opacity:1 !important;}
/*eof biketype selector*/

/**icons day*/
.checkboxBtn{
 display: block;
   width: 32.8%;
    margin-right:0.5% !important;
    float: left !important;
 
/*height:50px !important;
width:50px; 
padding:4px;
display:inline-block !important;*/
}
.checkboxBtn input{opacity:0;position:absolute;}
.checkboxBtn label{
background:#ccc;color:#fff; 
text-align:center;
height:50px !important;
width:100%; 
font-size:10px !important;

border-radius:5px;
display:inline-block !important;
padding-top:5px !important;
}
.checkboxBtn.offBtn input:checked + label {
  background: #eb8f34;
}
.checkboxBtn.eventBtn input:checked + label {
  background: #c400cc;
}
.checkboxBtn.additionalBtn input:checked + label {
  background: green;
}

.checkboxBtn label .fa{font-size:20px;}
.additionalInfoOffs{display:none;}
/*days icon */


/*zwift*/
.zwift-download-link{padding-top:15px;padding-bottom:10px;line-height:20px;}
.zwift-download-link img{position:relative;bottom:2px;}


/*login form*/

/* STRUCTURE */

.loginFormWrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 20px;
}
.loginFormWrapper #formContent input[type=text],
.loginFormWrapper #formContent input[type=email],
.loginFormWrapper #formContent input[type=password],
.loginFormWrapper #formContent input[type=submit]{height:50px !important;}
.loginFormWrapper #formContent input[type=submit]{width:250px !important;}

#formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  padding: 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  text-align: center;
}

#formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

/*logoin form strava + full calendar*/
.login-username input, .login-password input, .login-submit input{
height:25px !important; border-radius:5px;padding:0 10px !important;background:#f9f9f9;font-size:12px !important;border:1px solid #ccc;
}
.login-submit input{background: #56baed; color:#fff !important; text-transform: uppercase;display:inline;width:auto !important;}
.loginformStrava{width:300px; margin:0 auto;}

/* TABS */

h2.inactive {
  color: #cccccc;
}

h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}



/* FORM TYPOGRAPHY*/

.loginFormWrapper input[type=button], .loginFormWrapper input[type=submit], .loginFormWrapper input[type=reset]  {
  background-color: #56baed;
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 40px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.loginFormWrapper input[type=button]:hover, .loginFormWrapper input[type=submit]:hover, .loginFormWrapper input[type=reset]:hover  {
  background-color: #39ace7;
}

.loginFormWrapper input[type=button]:active, .loginFormWrapper input[type=submit]:active, .loginFormWrapper input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.loginFormWrapper input[type=text],.loginFormWrapper input[type=password] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.loginFormWrapper input[type=text]:focus,.loginFormWrapper input[type=password]:focus {
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}

.loginFormWrapper input[type=text]:placeholder,.loginFormWrapper input[type=password]:placeholder {
  color: #cccccc;
}
.loginFormWrapper label{display:block;}



/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}

.underlineHover:hover {
  color: #0d0d0d;
}

.underlineHover:hover:after{
  width: 100%;
}
/*eof login form*/

/*diet*/
.dietBox{background:lightblue;border:1px solid blue;padding:5px;margin-top:3px;margin-bottom:4px;}
.trainingBox {background:lightgreen;border:1px solid green;padding:5px;margin-bottom:4px;}
.dietMealsBox{display:none;}
#calendar a.addProd{font-size:11px !important;text-align:center;display:block;padding:3px;cursor:pointer;text-decoration:none;margin:5px;background:orange;color:#fff;margin:3px 0px;border-radius:3px;}
.printDietMonth{position:absolute;top:100px;right:0px;}
/*eof diet*/

/*circle percentage*/


.progressC {
    width: 100px;
    height: 100px !important;
    float: none !important;
    line-height: 300px;
    background: none !important;
    position: relative;
    margin: 0px; 
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin:0 suto;
}
.circles{margin:0px !important; text-align: center;}
.circle{width:100px; display: inline-block; text-align:center;margin: 2px 3px;}
.circles .col-md-4{padding:3px !important;}

.progressC:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 7px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.progressC>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progressC .progress-left {
    left: 0
}

.progressC .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progressC .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progressC .progress-right {
    right: 0
}

.progressC .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progressC .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #000;
    font-size: 12px;
    color: #fff;
    line-height: 90px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%
}

.progressC.blue .progress-bar {
    border-color: #049dff
}
.progressC.green .progress-bar {
    border-color: #b0ff1c
}

/*.progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s
} */

.progressC.yellow .progress-bar {
    border-color: #fdba04
}

.progressC.step1 .progress-right .progress-bar {
    animation: loading-1 0.8s linear forwards
}
.progressC.step1 .progress-left .progress-bar {
    animation: none
}

.progressC.step2 .progress-right .progress-bar {
    animation: loading-2 0.8s linear forwards
}
.progressC.step2 .progress-left .progress-bar {
    animation: none
}
.progressC.step3 .progress-right .progress-bar {
    animation: loading-3 0.8s linear forwards
}
.progressC.step3 .progress-left .progress-bar {
    animation: none
}
.progressC.step4 .progress-right .progress-bar {
    animation: loading-rightfull 0s linear forwards
}
.progressC.step4 .progress-left .progress-bar {
    animation: loading-4 0.8s linear forwards
}

.progressC.step5 .progress-right .progress-bar {
    animation: loading-rightfull 0s linear forwards
}
.progressC.step5 .progress-left .progress-bar {
    animation: loading-5 0.8s linear forwards
}
.progressC.step6 .progress-right .progress-bar {
    animation: loading-rightfull 0s linear forwards
}
.progressC.step6 .progress-left .progress-bar {
    animation: loading-6 0.8s linear forwards
}


@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(20deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(80deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(165deg)
    }
}
@keyframes loading-rightfull {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(180deg)
    }
}
@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(80deg)
    }
}
@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(165deg)
    }
}
@keyframes loading-6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(180deg)
    }
}

.rateFormContainer.green{
	background:green;
}
.rateFormContainer.blue{
	background:blue;
}
.rateFormContainer.orange{
	background:orange;
}
.rateFormContainer.red{
	background:red;
}

.rateTimeCompleted{
	color:#fff !important; padding:3px;
}
.rateTimeCompleted.green{
	background:green;
}
.rateTimeCompleted.blue{
	background:blue;
}
.rateTimeCompleted.orange{
	background:orange;
}
.rateTimeCompleted.red{
	background:red;
}

/*stats*/
#km-chart, #tetno-chart,.chart{height:300px;margin-top:0px;}
		.legend table{width:auto;}
		.legend table td{padding:0px;}
		h1{font-size:25px;margin-top:20px;text-align:center;line-height:30px;}