@charset "utf-8";
/* CSS Document
	desc: basic styles for [my.]virtualtraining.eu
	author: dast
 */

/* temp - dev */
#nette-debug{
	z-index:250;
}

/*** fonts ***/

@font-face{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	src: local("fontello"), url("../fonts/fontello.ttf?v=2");
}

/*** reset ***/

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
}

ol, ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

table {
	text-align:center;
}
table.textleft{
	text-align: left;
}
#page .table{
	margin-bottom:0px;
}


/*** classes ***/

.fontello{
	font-family:fontello, fontelloIE !important;
	/*line-height:12px;*/
	font-weight: normal;
}
a.fontello:hover,
a.fontello:visited,
a.fontello:focus,
a.fontello:active {
	text-decoration: none;
}

.bold{
	font-weight:bold;
}
.black{
	font-weight: 900;
}
.normal{
	font-weight:normal;
}
.italic{
	font-style:italic;
}
.textsmall, .text11{
	font-size:11px;
}
.text12{
	font-size:12px;
}
.text13{
	font-size:13px;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.textcenter{
	text-align:center;
}
.middle{
	vertical-align: middle;
}
.flex {
	display: flex;
}
.error,
.redcolor{
	color:#CC0000;
}
.info,
.bluecolor{
	color:#00AAE2;
}
.success,
.greencolor{
	color:#92B900;
}
.orangecolor{
	color:#F24F00;
}
.greycolor{
	color:#EBEDF0;
}
.labelcolor{
	color:#525965;
}
.darkcolor{
	color:#191F26;
}
.yellowcolor{
	color:#ffce02 !important;
}
.moreGrayColorUsedInProject{
	color: #DDE1E6;
	color: #C4C7CA;
}

.nowrap{
	white-space:nowrap;
}

.bgplan, .bggreen{
	background-color:#96BD0C;
}
.bgdarkgreen{
	background-color:#5BC72B;
}
.bgworkout, .bgblue{
	background-color:#00AAE2;
	color: white;
}

.bgworkout a, .bgblue a {
	color: white;
}

.bgorange{
	background-color:#F24F00;
}
.bgred{
	background-color:#CC0000;
}

.leftside{
	float:left;
}
.rightside{
	float:right;
}
.middleside{
	margin:0 auto;
}

.cleaner{
	clear:both;
}
.clearR{
	clear:right;
}
.clearL{
	clear:left;
}
.hidden,
.softhidden {
	display:none;
}
.invisible{
	visibility:hidden;
}
.down{
	position: absolute;
	/*z-index:0;*/
}
.pointer{
	cursor:pointer;
}
.fullW{
	width:100%;
}

.borderbox{
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}

.padding0 { padding: 0; }
.padding10{ padding:10px; }
.padding15{ padding:15px; }
.padding20{ padding:20px; }
.padding30{ padding:30px; }
.padding50{ padding:50px; }

.mb7{ margin-bottom: 7px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb60{ margin-bottom: 60px !important; }
.mt7{ margin-top:7px !important; }
.mt15{ margin-top:15px !important; }
.mt30{ margin-top:30px !important; }
.mt45{ margin-top:45px !important; }
.mt60{ margin-top:60px !important; }

.roundedAll{ -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }
.roundedTL{ -moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; border-top-left-radius: 18px; }
.roundedTR{ -moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; border-top-right-radius: 18px; }
.roundedBL{ -moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px; }
.roundedBR{ -moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px; }
.roundedT{ -moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; border-top-left-radius: 18px;
		-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; border-top-right-radius: 18px; }
.roundedB{ -moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
		-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px; }
.roundedR{  -moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; border-top-right-radius: 18px;
		-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px; }
.roundedL{ -moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; border-top-left-radius: 18px;
		-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px; }
.rounded0{ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

.transparent75{
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	opacity:0.75;
}
.transparent65{
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity:0.65;
}
.transparent25{
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity:0.25;
}

.bevel-top{
	width:100%;
	height:6px;
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(../images/bgd_top_bevel.png) transparent repeat-x center bottom;
	z-index:1;
}

.bevel-bottom{
	width:100%;
	height:6px;
	background:url(../images/bgd_bottom_bevel.png) transparent repeat-x center top;
	position:absolute;
	top:0px;
	left:0px;
	/*z-index:1;*/
}

.icoInfo{
	cursor:help;
	line-height:36px;
	font-size:18px;
	color:#00ACE4;
}

.helpButton {
	position: fixed;
	bottom: 15px;
	right: 15px;
	background-color: white;
	/*
	-webkit-box-shadow: inset 0px 0px 0px 10px #00ACE4;
	-moz-box-shadow: inset 0px 0px 0px 10px #00ACE4;
	box-shadow: inset 0px 0px 0px 10px #00ACE4;
	*/
	padding: 0;
	min-width: 50px;
	border: 10px solid #00ACE4;
	line-height: 30px;
}

/*** UI ***/

/* fix autocomplete <li> */
.ui-menu .ui-menu-item {
	list-style-image: none;
}

/* close anchor */
a.close{
	position:absolute;
	padding:2px;
	cursor:pointer;
	font-size:17px;
	line-height: 13px;
	color:white;
}
a.close:hover{
	color:#ad4645; /*#843534;*/
	text-decoration: none;
}
a.close.fontello:hover{
	text-decoration: none !important;
}
a.close.rightside{
	right:8px;
	top:8px;
}

/* flash messages */
.msgCont{
	clear: both;
}
.msgCont .flash{
	padding:15px;
	font-size:15px;
	line-height:20px;
	margin-top:5px;
	position:relative;
}
.msgCont .flash:first-child{
	margin-top:0px;
}
.msgCont .flash a:hover{
	text-decoration:underline;
}
.msgCont .success{
	background-color:#93BC00;
	color:white;
}
.msgCont .error{
	color:white; /*#FF4848;*/
	background-color:#900;
}
.msgCont .info{
	color:yellow;
	background-color:#00AAE2;
}
.msgCont .close{
	top:0px;
	right:0px;
	line-height: 15px;
	position: relative;
	float: right;
}
.msgCont .info a{
	color:#02345f;
	font-weight:bold;
	text-shadow: 0 0 3px white;
}

.msgCont .flash.info a {
    color: #ffca00;
    text-shadow: none;
}

.msgCont.embedded {
	position: fixed;
	z-index: 10;
	width: 100%;
}

.fixfixed .msgCont.embedded {
	position: absolute;
}

.msgCont.embedded .flash {
	z-index: 11;
}

.msgCont.embedded .flash * {
	z-index: 12;
}

.msgCont.embedded .fixed {
	/*position: initial;*/
	width: initial;
	margin: initial;
	z-index: initial;
}

/* box */
.box{
	position:relative;
	margin-bottom:30px;
	background-color:#FFF;

	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	-khtml-border-radius: 18px;
	border-radius: 18px;

	/*border:1px solid #CCD0D6;*/
	box-shadow:0px 0px 2px #989EA7;
}
.box.bgwhite, .bgwhite{
	background-color:white;
}
.box.bgnone, .bgnone{
	background:none;
}
.box.bggrey, .bggrey{
	background-color:#EBEDF0;
}
.box.one2, .one2{
	width:49%;
	margin-right:1%;
}
.box.one3, .one3{
	width:32%;
	/*width:306px;*/
	margin-right:2%;
}
.box.two3, .two3{
	width:66%;
	/*width:642px;*/
	margin-right:2%;
}
.box.three3, .three3{
	width:100%;
	/*width:978px;*/
}
.box.three4, .three4{
	width:75%;
	margin-right:2%;
}
.box.one4, .one4{
	width:23%;
}
.one4.full{
	width:25%;
}
.box.margin0, .margin0, .box.rightside{
	margin-right:0px !important;
}

.box > .header, .box > h1, .box > h2, .box > h3, .box > h4{
	background-color:#EBEDF0;
	position:relative;
	padding:20px 15px;
	margin:0px;
	text-align:center;

	-moz-border-radius-topleft: 18px;
	-webkit-border-top-left-radius: 18px;
	border-top-left-radius: 18px;
	-moz-border-radius-topright: 18px;
	-webkit-border-top-right-radius: 18px;
	border-top-right-radius: 18px;
}
.box .header,
.box.two3 .header,
.box.three3 .header,
.box.three4 .header,
.box > .header.textleft,
.box h2.text-left, .box h3.text-left, .box h4.text-left, .box h5.text-left, .box h6.text-left {
	text-align:left;
}
.box > .rounded0{
	-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;
	-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px;
}


/*** table ***/

.table.table-condensed th, .table.table-condensed td{
	line-height: 1.1;
}

.tableVT{}
.tableVT table{
	width:100%;
}
.tableVT table thead, .tableVT table thead tr{
	background-color:#989EA7;
}
.tableVT table th{
	padding:8px 12px;
	color:white;
	font-size:14px;
	font-weight:normal;
	text-shadow:#666 1px 1px 1px;
	border-left:1px solid #C4C7CA;
	vertical-align:middle;
	text-align:center;
}
.tableVT table th:first-child{
	border-left:none;
}
.tableVT table th.textleft, .tableVT table th.text-left {
	text-align: left;
}

.tableVT table th a {
	color: white;
}

.tableVT table td {
	border: none;
	padding: 6px 12px;
	vertical-align: middle;
}
.tableVT table td:not([class$=color]) {
	color: #525965;
}
.tableVT table td > * {
	vertical-align:middle;
}
.tableVT table td img{
/*	margin-right:8px;*/
}

.tableVT table.striped{}
.tableVT table.striped > tbody > tr,
.tableVT table.striped > tbody > tr.odd{
	background-color:white;
}
.tableVT table.striped > tbody tr:nth-child(even).odd{
	background-color:white !important;
}
.tableVT table.striped > tbody > tr:nth-child(even),
.tableVT table.striped > tbody > tr.even{
	background-color:#EBEDF0;
}
.tableVT table.stripedInverse > tbody > tr,
.tableVT table.stripedInverse > tbody > tr.odd{
	background-color:#EBEDF0;
}
.tableVT table.stripedInverse > tbody > tr:nth-child(even).odd{
	background-color:#EBEDF0 !important;
}
.tableVT table.stripedInverse > tbody > tr:nth-child(even),
.tableVT table.stripedInverse > tbody > tr.even{
	background-color:white;
}
.tableVT tbody.border td{
	border-left:1px solid #c4c7ca;
}
.tableVT tbody.border td:first-child{
	border-left:none;
}
.tableVT tbody td.noborder{
	border:none !important;
}

/*list */
.listVT{
	list-style-type: none;
	width:100%;
	line-height:26px;
	font-size:13px;
	color:#525965;
}
.listVT li{
	position:relative;
	clear:both;
	overflow:hidden;
	/*width:100%;*/
	margin-bottom:15px;
}
.listVT li:last-child{
	margin-bottom:0px;
}
.listVT li .avatar45{
	float:left;
	margin-right:15px;
}
.listVT li .avatar22{
	float:left;
	margin-right:8px;
}
.listVT .bold{
	color:#191F26;
	font-size:14px;
}


/* avatar */
.avatar90{
	position:relative;
	width:90px;
	height:90px;
	background:url(../images/avatar_place_90.png) center;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align:center;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.avatar90 img{
	position:relative;
	top:11px;
	max-width:90px;
	max-height:90px;
}

.avatar90 div {
	display: inline-block;
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: 100%;
}

.avatar45{
	position:relative;
	width:45px;
	height:45px;
	background:url(../images/avatar_place_45.png) center;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align:center;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.avatar45 img{
	position:relative;
	top:6px;
	max-width:45px;
	max-height:45px;
}
.avatar45 div {
	display: inline-block;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.avatar22{
	position:relative;
	width:22px;
	height:22px;
	border-radius: 20px;
	background:url(../images/avatar_place_22.png) center;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align:center;
	overflow: hidden;
}

.avatar22 img{
	position:relative;
	top:2px;
	max-width:22px;
	max-height:22px;
}
.avatar22 div, 
.avatar22 a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: transparent center center no-repeat;	
}

.avatarNew {
	position: relative;
	display: inline-block;
	background: center center / cover none transparent no-repeat;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: black;
	font-size: 13px;
}
.avatarNew22 {
	width: 22px;
	height: 22px;
	line-height: 22px;
	background-image: url(../images/avatar_place_22.png);
}
.avatarNew45 {
	width: 45px;
	height: 45px;
	line-height: 45px;
	background-image: url(../images/avatar_place_45.png);
}
.avatarNew90 {
	width: 90px;
	height: 90px;
	line-height: 90px;
	background-image: url(../images/avatar_place_90.png);
}
.avatarNew img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}
.avatarNew a {
	vertical-align: middle;
}

/* sports */
.ico-sport-small{
	display:inline-block;
	line-height:24px;
	vertical-align:middle;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	width:24px;
	height:24px;
}
.ico-sport-big{
	display:inline-block;
	line-height:36px;
	vertical-align:middle;
	 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	 width:36px;
	 height:36px;
}
/* ico-sport- v kombinaci s bgworkout nebo bgplan */


/* links */
.text-nodeco{
	text-decoration: none;
}
a.orangecolor{
	color:#F24F00 !important;
}

/* lineMenu */
.lineMenu{
	float:right;
}
.lineMenu.leftside{
	float:left;
}
.lineMenu a.button{
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;

	border-left-color:#FFF;
}

.lineMenu a.button:hover{
	border-left-color:#F9A25E;
}
.lineMenu a.button:active{
	border-left-color:#888888;
}
.lineMenu a.button.selected{
	border-color:#555555 #999999 #999999 #555555;
}
.lineMenu a.button.disabled{
	border-color:#555555 #999999 #999999 #555555;
	border-left-color:#CCCCCC;
}
.lineMenu > a.button.first{
	-moz-border-radius-topleft: 18px;
	-webkit-border-top-left-radius: 18px;
	border-top-left-radius: 18px;
	-moz-border-radius-bottomleft: 18px;
	-webkit-border-bottom-left-radius: 18px;
	border-bottom-left-radius: 18px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius: 0px;

	border-left-color:#CCCCCC;
}
.lineMenu > a.button.last{
	-moz-border-radius-topright: 18px;
	-webkit-border-top-right-radius: 18px;
	border-top-right-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-webkit-border-bottom-right-radius:18px;
	border-bottom-right-radius: 18px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* verticalMenu */

.verticalMenu{
	position:relative;
	overflow:auto;
	cursor:pointer;
	box-shadow:0px 0px 2px #989EA7;
	margin-bottom:15px;
}
.verticalMenu a.button{
	display:block;
	padding:8px 12px;
	text-align:left;

	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;

	border-color:#FFFFFF #999999 #999999 #FFFFFF;
}
.verticalMenu a.button.last{
	-moz-border-radius-bottomleft:18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.verticalMenu a.button .fontello{
	display:inline-block;
	width:25px;
	font-size:16px;
}
.verticalMenu .button:hover:not(.disabled){
	border-color:#F9A25E #974C12 #974C12 #F9A25E;
}
.verticalMenu .button:active{
	border-color:#888888 #333333 #333333 #888888;
}
.verticalMenu .button.selected{
	border-color:#999999 #FFFFFF #999999 #999999;
}

/* dropdown select */
/*
.dropdown{
	white-space: nowrap;
}
select.dropdown{
	display:none;
}
.dropdown a.selected{
	float:left;
	position:relative;
	display:inline-block;
	padding:10px 12px;
	cursor:pointer;
	text-align:left;
	text-decoration:none;
	white-space:nowrap;
	line-height:15px;
	font-size:15px;
	color:black;
	background-color:white;
	border-style: solid;
    border-width: 1px;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	outline:0;
	overflow:hidden;
}
.dropdown a.selected span{
	display:inline-block;
	vertical-align:top;
}
.dropdown a.button{
	border-color:#CCCCCC #999999 #999999 #CCCCCC;

	-moz-border-radius-topright: 18px;
	-webkit-border-top-right-radius: 18px;
	border-top-right-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-webkit-border-bottom-right-radius:18px;
	border-bottom-right-radius: 18px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	vertical-align: top;
}
.dropdown .optionsWrapper{
	position:absolute;
	z-index:120;
}
.dropdown .options{
	display:none;
	position:absolute;
	top:1px;
	left:0px;
	cursor:pointer;
	background-color:#FFF;
	padding:8px 0px;
	line-height:24px;
	font-size:15px;
	text-align:left;
	max-height:200px;
	overflow:auto;
	box-shadow:0px 0px 2px #989EA7;
	border:1px solid #989EA7;
}
.dropdown .options li{
	padding:0px 12px;
}
.dropdown .options span{
	display:block;
	padding:0px 12px;
	font-weight:bold;
}
.dropdown .options li.grouped{
	padding:0px 0px 0px 24px;
}
.dropdown .options li:hover,
.dropdown .options li.selected{
	background-color:#EA771C;
}

.dropdown.small a.selected,
.dropdown.small a.button{
	padding:6px 8px;
    height:29px;
	font-size:13px;
}
.dropdown.small .options{
	font-size:13px;
}
*/
/* dropdown list */

/* new with bootstrap */
.dropdowngroup {
	position: absolute;
	display: none;
	left: 0px;
	top: 38px;
	cursor: pointer;
	overflow: auto;
	z-index: 5;
}
.dropdowngroup .btn{
	background-color: #fff;
}

.dropdownlist{
	position:absolute;
	display:none;
	left:0px;
	top:38px;
	cursor:pointer;
	box-shadow:0px 0px 2px #989EA7;
	overflow:auto;
	z-index:5;
}
.dropdownlist a.button, .dropdownlist .button{
	display:block;
	float:none;
	padding:8px 12px;
	border-top-color:#FFFFFF;
}
.dropdownlist a.button.last{
	-moz-border-radius-bottomleft:18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.dropdownlist .button:hover{
	border-top-color:#F9A25E;
}
.dropdownlist .button:active{
	border-top-color:#888888;
}

/*** checkspan ***/

input[type="checkbox"]{
	margin:0px;
}
/* this is bootstrap focus style */
input[type="checkbox"]:focus + .checkspan,
.checkspan:focus{
	outline: 0;
}
input[type="checkbox"]:not(:disabled):focus + .checkspan,
.checkspan:not(.disabled):focus{
	border-color: #245269;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(36, 82, 105, .075), 0 0 8px rgba(36, 82, 105, 0.6);
	box-shadow: inset 0 1px 1px rgba(36, 82, 105, .075), 0 0 8px rgba(36, 82, 105, 0.6);
}
.checkspan{
	position:relative;
	display:inline-block;
	width: 25px;
	height: 25px;
	overflow:hidden;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: center;
	font-family: fontello, fontelloIE !important;
	border: 1px solid #cdcdcd;
	font-size: 20px;
	font-weight: 900;
	line-height: 25px;
	cursor:pointer;
	border-radius: 8px;
	margin-right:10px;
	color: black;
}
.checkspan::after{
	display: block;
}
.checkspan.checked::after{
	content: "!";
}
.checkspan.disabled::after{
	color: #cdcdcd;
}
.checkspan.green{
	color: #5cc82c;
}
.checkspan.small,
.checkspan.input-sm,
.checkspan.input-xs {
	 width:22px;
	 height:22px;
 }
.checkspan.small::after,
.checkspan.input-sm::after,
.checkspan.input-xs::after {
	font-size:15px;
	line-height: 22px;
}
.checkspan.input-lg {
	padding: 0px;
	width: 30px;
	height: 30px;
}
.checkspan.input-lg::after {
	font-size: 22px;
	line-height: inherit;
}

.checkspan + label,
.checkbox label{
	line-height:32px;
}

/* radiobutton */

input[type='radio']{
	margin: 0px;
	position: relative;
	top: 1px;
	left: 1px;
}
input[type='radio'].ready:focus{
	outline:0;
}
input[type='radio']:focus + .radioButton{
	outline: 0;
	-webkit-box-shadow: 0 0 8px 2px rgba(36, 82, 105, 0.7);
	box-shadow: 0 0 8px 2px rgba(36, 82, 105, 0.7);
}

.radioButton{
	position: relative;
	left:-15px;
	top:-2px;
	display:inline-block;
	background-color: white;
	box-shadow: 1px 1px 3px 1px #999;
	outline: medium none;
	border: 1px solid #EEE;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	/*margin: 0px 0px 3px 0px;*/
    cursor: pointer;
    height: 18px;
    width: 18px;
	line-height:38px;
	vertical-align:middle;
    z-index: 2;
}
.radioButton.checked{
	background-color: #555555;
	border:3px solid white;
}
input[type='radio']:disabled + .radioButton{
	background-color:#EBEDF0;
}
.radioButton + label,
.radioButton + .label{
	position:relative;
	left:-6px;
	vertical-align: baseline;
}
.radioLabel {
	position: relative;
	left: 2px;
}
/*
label .radioButton,
label input[type='radio'] {
	position: absolute;
	left: 0;
	top: 9px;
}
label .radioButton + .label{
	padding-left:25px;
}*/

/* placeholder emulator */
.placeholder{
	display:none;
	position:absolute;
	top:0;
	left:0;
	color:#CCC;
}
.placeholder label{
	display:none;
}

/* paginator */
.paginator{
	position:relative;
	clear:both;
	text-align:center;
}
.paginator .button{
	margin:0px 3px;
}
.paginator .current,
.paginator .prev,
.paginator .next{
	display:inline-block;
	padding:10px 12px;
}
.paginator .prev{
	position:absolute;
	left:0px;
}
.paginator .next{
	position:absolute;
	right:0px;
}
.paginator .next:after{
	content:'t';
	font-family: fontello, fontelloIE;
	margin-left: 7px;
}
.paginator a:hover:after{
	display: inline-block;
}


/* horiz. rule */
hr{
	border:none;
	background:none;
	border-bottom:1px solid #C4C7CA;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:0px;
}

/* loader */
.loader,
.loader-grey,
.loader-C {
	display:none;
	position:absolute;
	overflow:visible;
	width:100%;
	height:100%;
	min-width:100px;
	min-height:100px;
	top:0;
	left:0;
	z-index:100;
	text-align: center;
}
.loader{ background:url(../images/rouvy-loading_100x100.gif) no-repeat center center; }
.loader-grey{ background:url(../images/rouvy-loading_100x100.gif) no-repeat center center; }
.loader-C{
	bottom:0;
	background: rgba(255, 255, 255, .75);
	/* background:rgba(55, 55, 75, .65); */
}
.loader-C > div:first-of-type {
	position:fixed;
	overflow:visible;
	width:100%;
	height:100%;
	min-width:100px;
	min-height:100px;
	top:0;
	left:0;
	z-index:100;
	background:url(../images/rouvy-loading_100x100.gif) no-repeat center center;
}
.loader-C.big{
	position: fixed;
}
.loader-C.big > div:first-of-type {
	background-position: 50% 50%;
}
.loader.visible,
.loader-grey.visible,
.loader-C.visible {
	display: block;
}

.loader .text{
	font-size: 13px;
	color: #ffce02;
	position: absolute;
	bottom: -38px;
	width: 100%;
	text-align: center;
}

.loader-mini{
	display:none;
	position:absolute;
	overflow:visible;
	width:100%;
	height:100%;
	min-width:20px;
	min-height:20px;
	top:0;
	left:0;
	z-index:100;
	background: rgba(255, 255, 255, .75);
}
.loader-mini > div:first-of-type {
	position:absolute;
	overflow:visible;
	width:100%;
	height:100%;
	min-width:20px;
	min-height:20px;
	top:0;
	left:0;
	z-index:100;
	background:url(../images/rouvy-loading_20x20.gif) no-repeat center center;
}

.loading,
.btn.loading,
.ui-autocomplete-loading,
select.loading{
	-webkit-transition: background 0s;
	-moz-transition: background 0s;
	-ms-transition: background 0s;
	-o-transition: background 0s;
	transition: background 0s;
	background-image: url(../images/rouvy-loading_20x20.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
select.loading{
	background-position: right 10px center;
}
.loading-trans{
	-webkit-transition: background 0s;
	-moz-transition: background 0s;
	-ms-transition: background 0s;
	-o-transition: background 0s;
	transition: background 0s;
	background:url(../images/rouvy-loading_20x20.gif) center center no-repeat;
}

/* rating stars */
.stars{
	font-size:15px;
	font-weight:normal;
}

/* difficulty bars */
.diffbars{
}
.diffbar{
	display:inline-block;
	height:6px;
	width:6px;
	line-height:14px;
	vertical-align:bottom;
	background-color:#DEE1E6;/*#D9DCE2;*/
	margin-right:1px;
	white-space: nowrap;
}
.diffbar.b0{ background-color:rgb(174, 202, 0); }
.diffbar.b1{ background-color:rgb(202, 182, 0); }
.diffbar.b2{ background-color:rgb(202, 156, 0); }
.diffbar.b3{ background-color:rgb(202, 126, 0); }
.diffbar.b4{ background-color:rgb(202, 98, 0); }
.diffbar.b5{ background-color:rgb(202, 70, 0); }
.diffbar.b6{ background-color:rgb(202, 36, 0); }
.diffbar.b7{ background-color:rgb(174, 0, 0); }
.diffbar.b8{ background-color:rgb(132, 0, 0); }
.diffbar.b9{ background-color:rgb(110, 0, 0); }

/* badge */
.badge{
	display:inline-block;
	background-color:#ffce02;
	border:2px solid white;
	min-width: 28px;
	min-height: 28px;
	line-height:28px;
	vertical-align:middle;
	text-align:center;
	font-size:15px;
	color:white;

	-moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;
	box-shadow: 1px 1px 2px #ABADAF;
}
.badge.small{
	min-width: 20px;
	min-height: 20px;
	line-height:20px;
	font-size:13px;
}
.badge.noborder{ border:none; }
.badge.square{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }

.infoBlock{
	position: relative;
	padding:15px;
	margin-bottom:15px;
	background-color:#E0F5FC;
	font-style:italic;
	line-height:1.6;
	color: #00aae2;
}
.infoBlock .fontello{
	display:inline-block;
	margin-right:15px;
	margin-bottom:10px;
	font-size:48px;
	font-style:normal;
	line-height:48px;
	vertical-align:middle;
}

/*** FORMS ***/

form .form-control.hidden{
	display: none;
}

form p.error, form span.error {
	margin-bottom: 10px;
}

input[type="datetime"],
input.date.hasDatepicker{
	background:url(../images/ico_calendarpicker.png) no-repeat 95% center;
}

input[type="file"].hidden{
	display: none;
}

.spin.form-control{
	display:inline-block;
}
input[type=number].spin::-webkit-inner-spin-button,
input[type=number].spin::-webkit-outer-spin-button{
	-webkit-appearance:none;
	margin:0;
}
input[type=number].spin{
	appearance: none;
	-webkit-appearance:textfield;
	-moz-appearance: textfield;
}
.spinButton{
	position:relative;
	left:-32px;
	top:-1px;
}
.spinButton:hover{
	background-color:#F1F1F1;
}
.spinButton + small{
	position:relative;
	left:-28px;
	color:#525965;
	font-size:13px;
	font-style:italic;
	white-space:nowrap;
}

/*
input:disabled{
	color:#ABADAF;
}
*/

label{
	line-height:38px;
	vertical-align:middle;
	white-space:nowrap;
	margin-bottom:0px;
	position: relative;
}
label.rightside{
	margin-right:12px;
}
label *{
	/*vertical-align: middle;*/
}
table th label{
	white-space: normal;
	line-height: 1.1;
}

form .required label:after,
form label.required:after,
.requiredInput.required:after,
.requiredLabel:after{
	color: #FD5100;
	content: "*";
	padding-left: 3px;
	font-size: 0.8em;
	vertical-align: top;
}
form .requiredInput{
	position: relative;
	display: block;
}
form .requiredInput.required:after{
	position: absolute;
	top:30%;
	right:-10px;
}

textarea, .textarea {
	max-width: 100%;
    min-height: 60px;
    min-width: 100%;
	resize: vertical;
    width: 100%;
}
.textareaCont{
	position:relative;
	min-width:100%;
	max-width:100%;
	min-height:70px;
	border: 3px solid #C4C7CA;
	background-color: #FFF;
}
.textareaCont .padding{
	padding:4px;
}

/* horizontani skupina label+control na 100% sirky bunky */
.label-group{
	display:table-row;
	width:100%;
}
.label-group > *:not(grammarly-ghost){
	display:table-cell;
	vertical-align: middle;
}
.label-group > *:first-child{
	text-align: right;
	padding-right:10px;
	width: 1%;
}

form.vertical{}
form.vertical label{
	line-height: 30px;
	margin-top: 10px;
}

.condensed{
}
.condensed select,
.condensed input[type="text"],
.condensed input[type="password"],
.condensed input[type="datetime"],
.condensed input[type="email"],
.condensed input[type="number"],
.condensed input[type="url"]{
	padding:4px 12px;
	font-size: 13px;
}
.condensed .dropdown a.selected,
.condensed .dropdown a.button{
	padding:6px 8px;
	height:29px;
	font-size:13px;
}
.condensed .dropdown .options{
	font-size:13px;
}
.condensed .checkspan{
	position:relative;
	display:inline-block;
	width:28px;
	height:23px;
	overflow:hidden;
	background:url(../images/checkspan_small.png) no-repeat;
	background-position:left center;
	vertical-align: middle;
	cursor:pointer;
}

.form-group-sm .spinButton,
.condensed .spinButton{
	height:23px;
	left:-24px;
}
.form-group-sm .spinButton + small,
.form-group-sm .spinButton + span
.condensed .spinButton + small,
.condensed .spinButton + span{
	left:-20px;
}

.condensed label,
.form-group-sm label,
.input-group-sm label{
	line-height: 29px;
}

/* overInfoBox */
.overInfoVT{
	cursor:help;
}
.overInfoVT.pointer {
	cursor: pointer;
}

.overInfoBoxVT{
	background-color:#00AAE2;
	box-sizing:border-box;
	/*min-width:300px;*/
	max-width:500px;
	position:absolute;
	padding:15px;
	color:white;
	z-index:20;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(9,73,102,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(9,73,102,1);
	box-shadow: 0px 0px 5px 0px rgba(9,73,102,1);
}
.overInfoBoxVT.bg-error{
	background-color:#900;
}

/* confirmOverlay */

.dataVT, data-VT{
	display:none;
}

.confirmOverlayVT,
.customOverlayVT{
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(55, 55, 75, .65);
	overflow: auto;
}
.confirmOverlayVT > .box,
.customOverlayVT > .box{
	position: relative;
	/*left: inherit !important;*/
	margin: 0 auto;
	max-width:50%;
}
.confirmOverlayVT .header,
.customOverlayVT .header{
	text-align: center;
}
.confirmOverlayVT .header,
.customOverlayVT .header:not(.bg-info-dark){
	background-color:#00AAE2;
	font-size:22px;
	color:white;
	margin:0px;
}
.confirmOverlayVT .padding,
.customOverlayVT .padding{
	padding:30px;
	overflow:auto;
}
.customOverlayVT .close{
	top:8px;
	right:8px;
	z-index: 2;
}
.confirmOverlayVT .btn.leftside,
.customOverlayVT .btn.leftside{
	margin-right:30px;
}
.confirmOverlayVT .btn.rightside,
.customOverlayVT .btn.rightside{
	margin-left:30px;
}
.confirmOverlayVT > .box{
	max-width: 400px;
}
.confirmOverlayVT .text{
	margin-bottom:15px;
	text-align:center;
	font-weight:bold;
}

a.openCustomOverlayVT,
.clickConfirmVT{
	cursor:pointer;
}

.flagIco{
	display: inline-block;
	/*min-height:18px;
	min-width:27px;*/
	margin-right: 7px;
	vertical-align: middle;
	text-align:center;
	line-height:22px;
	font-size:9px;
	background:url(../images/flags/bgd.png) no-repeat center center transparent;
}
.flagIco{
	/*  original_width: 33px;
		original_height: 22px;
	*/
	width:30px;
	height:20px;
}

.promoSlider{
	height:300px;
	overflow:hidden;
	position:relative;
}
.promoSlider .side{
	position:relative;
	width:15%;
	height:300px;
	background-color:#555;
}
.promoSlider .leftside{
}
.promoSlider .rightside{
	text-align: right;
}
.promoSlider .side .fontello{
	position:absolute;
	box-sizing: border-box;
	width:100%;
	height:300px;
	padding:0px 30px;
	line-height: 300px;
	vertical-align: middle;
	font-size: 36px;
	color:white;
	text-shadow:#555 1px 1px 1px;
	background-color:rgba(25, 32, 41, 0.5); /* #192029 */
	cursor:pointer;
}
.promoSlider .side .fontello.disabled{
	opacity:0.2;
	cursor:default;
}
.promoSlider .side .img{
	width:100%;
	height:300px;
	position: absolute;
	display: none;
}
.promoSlider .leftside .img{
	background-position: right center;
}
.promoSlider .rightside .img{
	background-position: left center;
}
.promoSlider .side .cover{
	width:100%;
	height:300px;
	position: absolute;
	background-color: white; /*rgba(255, 255, 255, 0);*/
	opacity: 0;
}
.promoSlider .main{
	position: absolute;
	left:15%;
	width:70%;
	height:300px;
	border-right:1px solid white;
	border-left:1px solid white;
	overflow: hidden;
	background:url(../images/loader_mini_white.gif) center center no-repeat;
}
.promoSlider .main .img{
	position: absolute;
	width:100%;
	height:300px;
	background-position:center center;
	background-size:cover;
	display:none;
	text-align:center;
}
.promoSlider .main .img a{
	display:block;
	width:100%;
	height:300px;
}
.promoSlider .main .title{
	background-color:rgba(25, 32, 41, 0.84);
	color:white;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	padding:15px;
	display:inline-block;
	margin:0 auto;
	visibility:hidden;
	position:relative;
}

/*** layout ***/

body.embedded {
	background: black;
}

#banner, #header, #navigation, #page, #summary, #footer{
	width:100%;
	position:relative;
}

#banner{
	background-color:#F6BA00;
	text-align:center;
	/*height: 100px;*/
	z-index: 1;
}
body > .popupBanner {
	text-align: center;
}
body > .popupBanner .box {
	display: inline-block;
	background-color: transparent;
	box-shadow: none;
	border: none;
}
body > .popupBanner .close {
	font-size: 24px;
	top: -9px;
	right: -12px;
}

#header{
	background-color: #090D11;
	font-size:15px;
}
#header .logo{
	display:inline-block;
	width:293px;
	height:70px;
	margin-left:30px;
	background: url("../images/www-module/logo.png") no-repeat left center transparent;
}

.icodashboard{ background:url("../images/icons/icon-dashboard.png") no-repeat 10px center; }
.icodiary{ background:url("../images/icons/icon-training-diary.png") no-repeat 10px center; }
.icoplans{ background:url("../images/icons/icon-plans.png") no-repeat 10px center; }
.icochallenges{ background:url("../images/icons/icon-challenges.png") no-repeat 10px center; }
.icoranking{ background:url("../images/icons/icon-rankings.png") no-repeat 10px center; }
.icoroutes{ background:url("../images/icons/icon-routes.png") no-repeat 10px center; }
.icoworkouts{ background:url("../images/icons/icon-workouts.png") no-repeat 10px center; }
.icoonlinerace{ background:url("../images/icons/icon-online-races.png") no-repeat 10px center; }
.icocrownwhite{ background:url("../images/icons/icon-crown-white.png") no-repeat 10px center; }
.icocrownyellow{ background:url("../images/icons/icon-crown-yellow.png") no-repeat 10px center; }
.icoimport{ background:url("../images/icons/icon-upload.png") no-repeat 10px center; }
.icoactivity{ background:url("../images/icons/icon-activity-off.png") no-repeat 10px center; }

#navigation .breadcrumbs{
	background-color:#EBEDF0;
	padding:3px 0px;
	line-height:15px;
}
#navigation .breadcrumbs span{
	padding-left:2px;
	font-size:12px;
	color:#222;
}
#navigation .breadcrumbs span:before{
	content:' t  ';
	color:white;
	font-family:fontello, fontelloIE;
	font-weight:bold;
	padding-right:4px;
}
#navigation .breadcrumbs span:first-child{
	margin-left:10px;
}
#navigation .breadcrumbs span:first-child:before{
	content:'';
	padding-right:0px;
}
#navigation .breadcrumbs span.otheruser{
	padding:2px 5px;
	font-weight:bold;
}
#navigation .breadcrumbs span.otheruser a{
	color:white;
}

#page{
	background:url(../images/bgd_page_mrizka.png) #DEE1E6 repeat 0 0;
	padding:20px 0px;
	min-height:300px;
	overflow-x: auto;
}
#page.embedded {
	padding: 0;
	background: none;
}

#page > .container > #content,
#page > .container-fluid > #content{
	margin-left: -15px;
	margin-right: -15px;
}

.fixed{
	position:relative;
	width:978px;
	margin:0 auto;
	z-index:auto;
}
.float{
	position:relative;
	width:100%;
	z-index:2;
}
#page > .float{
	padding: 0px 15px;
}

.container-fluid.limited{
	min-width:978px;
	background: url(../images/bgd_page_mrizka.png) #DEE1E6 repeat 0 0;
}
/*@media (min-width: 768px) { .fixed{ width: 750px; } }
@media (min-width: 992px) { .fixed{ width: 978px; } }*/
@media (min-width: 1200px) {
	.fixed.responsive { width: 1178px; }
}

#summary{
	text-align: center;
	background-color:#353B44;
	padding:30px 0px 40px;
	z-index:1;
}
#summary h4{
	color:#989EA5;
}
#summary .value{
	position:relative;
	left:-10%;
	font-size:46px;
	font-weight:bold;
	color:#fff;
	padding:8px 0px 10px;
}
#summary .units{
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
#summary .description{
	color:#C4CAD2;
	font-size:18px;
	font-style:italic;
}

#summary .hamburger{
	background:url(../images/ico_hamburger.png) no-repeat 70% center;
}
#summary .globe{
	background:url(../images/ico_globe.png) no-repeat 70% center;
}
#summary .peaks{
	background:url(../images/ico_peaks.png) no-repeat 75% center;
}

#footer{
	background-color:#090D11;
	padding:35px 0px 45px;
	color:white;
	overflow:auto;
}
#footer a *{
	vertical-align:middle;
}
#footer .links a{
	color: #ffffff;
	display:block;
	text-decoration: none;
}
#footer .maxi > div.one3{
	color:#8e8e8e;
	font-size: 13px;
	line-height: 1.4;
}
#footer .mini{ display: none; }
#footer .mini,
#footer .mini a {
    font-size: 13px;
    color: #8e8e8e;
}
#footer .mini p {
    padding: 0.5em 0 0.5em 0;
}

.print #header{
	background:none;
}
.print #header .rightside.padding{
	padding:15px 15px 0px 0px;
}

.social-bar{
	background-image: url("../images/social-bar_bg.png");
	background-repeat: no-repeat;
	height: 110px;
	position: fixed;
	top: 50%;
	width: 47px;
	z-index:1000;
}
.social-bar ul{
	list-style-type: none;
	padding: 15px 10px;
	margin: 0;
}
.social-bar ul a{
	display: block;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 20px !important;
	height: 20px !important;
}
.social-bar ul a:hover{
	display: block;
	background-position: center bottom;
}
.social-bar ul a.facebook{
	background-image: url('../images/social-bar_facebook.png');
}
.social-bar ul a.twitter{
	background-image: url('../images/social-bar_twitter.png');
}
.social-bar ul a.instagram{
	background-image: url('../images/social-bar_instagram.png');
}

a.supportButton{
	position: fixed;
	z-index: 101;
	bottom: 30px;
	left: 45px;
	padding:15px;
	background-color:#82A800;
	-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;
	color:white;
	font-weight: bold;
	line-height: 20px;
}
.supportButton:hover{
	background-color:#93BC00;
}
.supportButton.bottomMargin{
	bottom: 100px;
}
.supportButton .fontello{
	font-size:18px;
	vertical-align: middle;
}


/* Others */
.errorNotice {
	font-weight: bold;
	color: #cc0000;
	text-align: left;
	padding: 0.7em 1em;
	border-left: 0.5em solid #cc0000;
	line-height: 2em;
}

.errorNotice .title {
	font-size: 1.5em;
}

/*** cookies ***/

#cookies-acceptance {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: white;
	background-color: black;
	padding: 1em 30px;
	z-index: 100;
}
#cookies-acceptance a {
	color:white;
	text-decoration: underline;
}
#cookies-acceptance a:hover {
	color: #5cc82c;
	text-decoration: none;
}


/*** socials icons buttons ***/

.bg-facebook{
	background-color: #3b5997;
}
.bg-twitter{
	background-color: #55acef;
}
.bg-mmr{
	background-color: #c32d2e;
}


/********* MEDIA OVERRIDES ***********/

@media only screen and (min-width : 1200px) {
}

@media only screen and (min-width : 992px) {
}

@media only screen and (min-width : 768px) {
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px){
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px){
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px){

	.spinButton + small{
		left:0;
	}

	#summary .value{
		left: auto;
	}
	#summary .peaks{
		background:url(../images/ico_peaks.png) no-repeat 70% center;
	}

	#footer .mini{
		display:block;
	}
	#footer .maxi{
		display: none;
	}

	#cookies-acceptance .btn{
		margin-top:10px;
	}

	.customOverlayVT .box{
		max-width: 96%;
		/*width:92% !important;*/
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

}