html,
body
{
	height: 100%;
	max-height: 100%;
}

.page
{
	/* min-height: calc(100% - 100px); */
}

body {


}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.overflowauto {
	overflow: auto;
}

.tac {
	text-align: center;
}

.tac .btn {
	margin: 1px auto;
}

.text-white {
	color: #fff;
}

.panel .panel-big {
	padding: 10px;
background-color: #e3e9ed;}

.open-assign-users-window > a {
	color: #fff;
}

.selectet-homework-courses-list{
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: calc(100% - 100px);
}

.homework-list-item,
.requirement-list-item,
.users-in-group-list-item{
	position: relative;
	margin: 5px;
}

.homework-list-icon,
.requirement-list-icon,
.group-list-icon{
	width: 50px;
	height: auto;
	margin: 0px 15px;
}


.selectet-homework-groups-list{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.homework-group-list-item{
	position: relative;
	margin: 5px;
}


.homework-folder[disabled] *{
	opacity: 0.7;
}

.group-stats-section{

}

.group-stats-name-title{
	font-family: 'Baloo', cursive;
	font-size: 30px;
	color: white;
	margin-left: 90px;
	margin-right: 90px;
}

.homework-stats-name{
	font-size: 30px;
}

.course-thumb {
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin: 0 auto;
}

.course-thumb-course-preview {
	display: block;
	width: 120px;
	height: 120px;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin: 0 auto;
}

.category-thumb {
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	margin: 0 auto;
}


.onthumb-btn{
	position: absolute;
	right: 15px;
	top: 0px;
}

.add-course-as-homework {
	position: absolute;
	right: 5px;
	top: 5px;
	width: calc(100% - 10px);
	padding: 2px;
	margin: 0;
}

@media all and (max-width: 667px) {
	.add-course-as-homework {
		right: 20px;
		width: calc(100% - 40px);
	}
}

.homework-description {
	resize: vertical;
}

.homework-options input,
.homework-options textarea
{
	width: 100%;
}

.floating-fixed-right {
	position: absolute;
	right: 10px;
}

.marginleft-20 {
	margin-left: 20px;
}

.margintop-20 {
	margin-top: 20px;
}

@media(max-width: 992px) {

	.floating-fixed-right {
		position: relative;
	}

	.marginleft-20 {
		margin-left: 0px;
	}

	.selected-courses-swimming-container,
	.selected-courses-swimming-container .panel,
	.selected-courses-swimming-container .panel-body
	{
		height: auto !important;
		right: 0;
		padding: 0;
	}

}

.homework-course-status {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 120px;
	right: 20px;
}

.mar {
	background: #fff;
	margin: 0;
	padding: 10px;
}

.nopadding {
	padding: 0 !important;

}

.selected-courses-swimming-container {
	height: calc(100% - 150px);
}

.selected-courses-swimming-container .panel {
	height: auto;
	overflow: hidden;
}

.selected-courses-swimming-container .panel-body {
	position: relative;
	overflow: auto;
	height: auto;
}

.selected-courses-swimming-container .panel-heading {
	font-size: 20px;
}

.selected-courses-swimming-container .panel-footer {
	text-align: center;
}

.register-teachers-acounts,
.register-student-acounts,
.register-student-acounts-parent
{
	display: inline-block;
	width: 70px;
	text-align: center;
}

.text-bold {
	font-weight: bold;
}
.tree-list{
	list-style-type: none;
	padding-left: 15px;
}

.tree-list[dot="1"],
.tree-list[dot="2"]
{
	padding: 0;
}

.main-tree-list{
	margin: 0;
	padding: 0;
}

.tree-list{
	display: none;
}

.category-navigation-tree-item{
	margin: 5px;
	padding: 5px;
	background-color: #337AB7;
	position: relative;
	border-radius: 5px;
}

.category-navigation-tree-item a {
	color: #fff;
	display: block;
	padding-right: 20px;
	word-wrap: break-word;
}

.category-navigation-courses-count{
	color: white;
	position: absolute;
	top: 4px;
	right: 4px;
}

.category-navigation-categories-count{
	color: blue;
	float: right;
}


@media (max-width: 768px){
	.homework-name {
		min-width: 120px;
		font-weight: bold;
		font-size: 3vmax;
		line-height: 0.8;
		padding-bottom: 10px;
	}
}

.navigation-tree-select {
	width: 100%;
	height: 30px;
}

.requirements-points-item{
	padding-top: 10px;
	padding-bottom: 10px;
}

.requirements-points-item span{
	color: white;
}


.footer {
	position: relative;
	text-align: center;
	bottom: 0px;
	background-color: #fff;
	width: 100%;
	border-top: 1px solid #ccc;
}
.zo-img {
	/* max-width: 200px; */
	padding: 1em 2em;
	text-align: center;
	/* margin: auto; */
}
.zo-img h1 {
	
font-size: 1.6em;font-weight: bold;}
.zo-img img {
	width: 70%;
	margin: auto;
}
@media  (max-width: 600px) {
	.zo-img img{
		/* width: 300px; */
	}
}
.centering-container {
	margin: 0px auto;
	max-width: 600px;
}

.centering-container.register-container {
	margin: 0 auto;
}


@media(max-width: 800px) {

	.centering-container {
		margin-top: 0px;
		width: auto;
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}
}

.login-layout {
	height: 100%;
	/* margin-top: -20px; */
}


.transparent-background-color{
	background-color: rgba(255, 255, 255, .2);
	border-color: rgba(255, 255, 255, .0);
}

.sortable-table-row {
	width: 100%;
	height: 130px;
	border: 3px dashed #f00;
	box-sizing: border-box;
}

.category-sortabe-table .ui-sortable-helper {
	display: table;
}
.courses-sortabe-table .ui-sortable-helper {
	display: table;
}

.view-overlay-content #skin {
	top: 0px !important;
}

.thumbnail-caption-shorten {
	display: none;
}

.popover {
	/*left: 0px !important;*/
	/* width: 100%; */
	max-width: 80%;
	/*margin-left: 20px;*/
	/* padding: 0px 10px !important; */
	box-sizing: border-box !important;
	border: none !important;
	background: none !important;
	/* box-shadow: none !important; */
}

.popover .popover-content {
	background-color: #fff;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #B5B5B5;
	/* border-bottom-left-radius: 4px; */
	/* border-bottom-right-radius: 4px; */
	margin-top: -1px;
}

.popover .close {
	line-height: 14px;
}

#courses-panel-body {
	overflow: hidden;
display: flex;flex-wrap: wrap;justify-content: center;margin-left: -2rem;margin-right: -10px;}

.admin-description {
	width: 40%;
}
.admin-buttons {
	text-align: center;
}
.admin-buttons button {
	margin: 5px;
}

/*@media(max-width: 1100px) {

	.container-fluid {
	    padding-left:30px;
    	padding-right:30px;
	}
}*/

@media (min-width: 992px) {
	.col-md-3 {
		width: 24% !important;
	}
}

.panel.panel-primary.top-scores-cup {
	f: 10px;
	font-size: 120%;
	font-weight: 400;
	border-color: #fed048;
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.39);
}

.top-scores-cup>.panel-heading {
	background-color: #fec517;
	box-shadow: 7px 6px 5px -5px rgb(255, 255, 255), inset 0 6px 20px -5px rgba(252, 252, 252, 0.35);
}

.topscorespage>.container-fluid>.container-fluid {
	padding: 0;
}

.topscorespage .main-top-scores {
	float: none;
	margin: 0 auto;
}

@media (max-width: 992px) {
	.topscorespage .main-top-scores {
		margin: 0 15px;
	}
}

.topscorespage .panel-body{
	position: relative;
}

.topscorespage .top-scores-cup::after {
	position: absolute;
	display: block;
	content: '';
	width: 14vmax;
	height: 14vmax;
	max-width: 150px;
	max-height: 150px;
	right: -80px;
	top: -30px;
	background-image: url(../css/img/cup.png);
	background-size: 82%;
	background-position: 50% 1%;
	background-repeat: no-repeat;
	z-index: 2;
}

@media all and (max-width: 1024px) {
	.topscorespage .top-scores-cup::after {
		right: -49px;
		top: -21px;
		background-size: 82%;
	}

}

@media all and (max-width: 768px) and (orientation:portrait) {
	.topscorespage .top-scores-cup::after {
		background-size: 64%;
		right: -40px;
		top: -27px;
	}
}
@media all and (max-width: 667px) and (orientation:portrait) {
	.topscorespage .top-scores-cup::after {
		background-size: 79%;
		right: -40px;
		top: 0px;
	}
}
@media all and (max-width: 667px) and (orientation: landscape){
	.topscorespage .top-scores-cup::after {
		background-size: 80%;
		right: -25px;
		top: -14px;
	}

}
@media all and (max-width: 375px){
	.topscorespage .top-scores-cup::after {
		background-size: 75%;
		right: -45px;
		top: 0px;
	}

}

.topscorespage .top-scores-table tr:first-child {
	font-weight: bold;
	font-size: 130%;
}

.topscorespage .top-scores-table tr:nth-child(odd) {
	color: #003560;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	overflow: hidden;
}

.topscorespage .top-scores-table .top-scores-table-row td:first-child {
	text-align: center;
}

.topscorespage .scores-wrapper {
	border-right: 1px solid #337AB7;
	min-height: 170px;
}

@media(max-width: 1200px) {
	.topscorespage .scores-wrapper {
		border-right: none;
	}
}

.topscorespage .scores-wrapper:last-child {
	border-right: none;
}

.topscorespage .top-scores-table {
	width: 100%;
}

.topscorespage .main-top-scores .top-scores-table {
	width: calc(100% - 10px);
}

.topscorespage .top-scores-table-row {
	width: 100%;
}

.topscorespage .top-scores-table-cell:first-child {
	width: 10%;
}

.topscorespage .top-scores-table-cell:nth-child(3) {
	display: inline-flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	float: right;
	width: 60px;
}

.topscorespage .top-scores-table-cell {
	/* display: inline-block; */
	padding: 3px 5px;
	margin: 0 auto;
}

.topscorespage .top-scores-table-cell>.fa {
	/* display: inline-block; */
	/* padding: 3px 5px; */
	margin: 0 auto;
}

.top-scores-table-cell i.fa.fa-trophy {
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
}

#students-summary-table .fa-diamond {
	font-size: 10px;
	vertical-align: middle;
}

.top-scores-buttons {
	margin: 0 auto;
	float: none;
	text-align: center;
	margin: 20px 0px;
}

.top-scores-buttons button {
	margin: 5px 5px;
	width: 33%;
	max-width: 250px;
}

@media (max-width: 640px) {
	.top-scores-buttons{
		padding-left: 15px;
		padding-right: 25px;
	}
	.top-scores-buttons button {
		width: 100%;
		max-width: 100%;
	}
}

.topscorespage .topscores-content {
	height: auto;
	margin-top: 10px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	padding: 5px 0 15px 0;
}

.topscorespage .container-fluid.topscores-content {
	padding: 0 30px;
	margin: 40px auto 30px auto;
	background: none;
}
.topscorespage .topscores-content>.col-md-12 {
	padding: 10px 30px;
}
.topscorespage .topscores-content>.col-md-6 {
	padding: 10px 15px;
}
.students-summary-table-header {
	width: 110px;
	vertical-align: middle !important;
}

.navigation-tree-select:invalid {
	color: #ccc;
}

.navbar-brand {
	padding: 0px;
	margin: 0px;
	margin-right: 1em;
}

.activity-header {
	font-size: 18px;
	font-weight: bold;
}

.show-homeworks-button{
	/* display: none; */
	/* background-image: url(img/exam.png); */
	/* background-repeat: no-repeat; */
	/* background-size: 50px 50px; */
	/* background-position: 0px 0px; */
	/* width: 50px; */
	/* height: 50px; */
	/* cursor: pointer; */
}

.show-homeworks-button:hover{
	/* opacity: 0.7; */
}

.homework-timer-wrapper{
	display: none;
	background: #ffd450;
	border-radius: 10px;
}

.homework-timer-wrapper>a>i {
	color:#0b485c;
}

.homework-exam{
	border: 1px solid black;
	margin: 5px;
}

.homework-exam-row{

	border: 1px solid black;
	margin: 5px;
}

.homework-exam-cell{

}

.homework-exam-cell-image{
	width: 150px;
	text-align: center;
}

.user-plans-sortabe-table > tr[planactive="1"]{
	background-color: red;
}

.demo-menu-img{
	width: 100%;
}

.change-show-files{
	width: 75px;
}

.change-show-files-teacher{
	width: 75px;
}

.description-td{
	max-width:250px;
	overflow: hidden;
}

.description-section{
	overflow: hidden;
}

.student-group {
	color: #fff;
}

.student-group:link {
	color: #fff;
}

/* visited link */
.student-group:visited {
	color: #1b77c5;
}

/* mouse over link */
.btn.btn-primary:hover>.student-group {
	color: #3299f0;
}
.student-group:hover {
	color: #3299f0;
}

/* selected link */
.student-group:active {
	color: #fff;
}

.short-name {
	display:block;
	width:60%;
	word-wrap:break-word;
}

.portal-settings-image{
	cursor: pointer;
	width: 150px;
	height: auto;
}

.user-plan-button{
	margin: 1px;
}

.panel-big span {
	position: relative;
	display: flex;
	float: left;
}

.panel-big .pull-right {
	position: relative;
	display: flex;
}

.panel-big .btn{
	/* width: 100%; */
}


.demo_banner {
	position: relative;
	display: flex;
	top: 0;
	width: 100%;
	height: auto;
	min-height: 40px;
	margin: 0 auto;
	content: '';
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
	font-size: large;
	font-weight: 600;
	/* text-align: center; */
	justify-content: center;
	align-items: center;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 9999;
}

.demo_banner.free {
	background: #ff8c00;
}
.demo_banner.free a, .demo_banner.free i {
	color: #04736d;
	text-shadow: 1px 1px 1px #fff;
}

.demo_banner.demo {
	background: #04756f;
}

.demo_banner>p {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	/* line-height: 2; */
}

.demo_banner>p>span {
	text-transform: uppercase;
	font-weight: bold;
}

.demo_banner a {
	font-weight: bolder;
	/* text-shadow: 1px 1px 1px #fff; */
	color: #ff8c00;
}

.demo_banner a:hover, .demo_banner a:focus {
	color: #3f51b5;
}

.demo_banner i {
	/* color: #ff3d00; */
	padding: 9px;
	animation: flick 2s linear infinite;
}

@keyframes flick {
	0% {transform:scale(.8);}
	50% {transform:scale(1.2);}
	100% {transform:scale(.8);}
}

.navbar-default li.play_demo {
	overflow: hidden;
}

.navbar-default li.play_demo>a {
	color: #2f2f3a;
	background: #c9f0ff;
}


#switch,
#circle {
	height: 30px;
	-webkit-transition: all 0.4s cubic-bezier(0.54, 1.6, 0.5, 1);
	transition: all 0.4s cubic-bezier(0.54, 1.6, 0.5, 1);
}
#switch {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 60px;
	margin: 0 auto;
	border: 2px solid #DA8508;
	border-radius: 27px;
	background: #DA8508;
}
#circle {
	margin-top: 5%;
	margin-left: 5%;
	width: 40%;
	height: 80%;
	border-radius: 50%;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: #e9e5d5;
}
.switched {
	border-color: #1C3958 !important;
	background: #1C3958 !important;
}
.switched #circle {
	margin-left: 55%;
	background: #e9e5d5;
}

	.panel-primary > .panel-heading.panel-heading-biggur {
		font-size: 150%;
	}

.blok-title {
	text-align: center;
	/* animation-name: blok; */
	/* animation-iteration-count: infinite; */
	/* animation-duration: 5s; */
	/* animation-timing-function: linear; */
}

.bloks {
	position: relative;
	display: block !important;
	height: auto;
}

.blok {
	position: relative;
	display: flex;
	/* background: #3299f0; */
	width: auto;
	align-items: baseline;
	text-transform: initial;
	font-size: 55%;
	left: 100%;
	opacity: 0;
	animation: blok .5s ease-in-out 1;
	animation-fill-mode: both;
}

.blok>.fa {
	padding-right: 10px;
	font-size: 90%;
}

@keyframes blok {
	0% {
		left: 100%;
		opacity: 0;
	}
	100% {
		left: 0%;
		opacity: 1;
	}
}

.blok.blok-1 {animation-delay: 0s;/* animation-duration: 4s; *//* left: 0; */}

.blok.blok-2 {animation-delay: .4s;/* animation-duration: 6s; */}

.blok.blok-3 {animation-delay: .8s;}


select.form-control>option[value='6'],
select.form-control>option[value='5'],
select.form-control>option[value='3'] {
	display: none;
}


.pre-login::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: aliceblue; */
}

.pre-login {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(43, 125, 197, 0.5);
	padding-top: 7em;
}

.pre-login .login-layout {
	display: flex;
	align-items: center;
}


.pre-login .login-layout>div {
	width: 100%;
}

@media all and (max-width: 767px) {
	.pre-login .login-layout>div {
		line-height: 0;
	}

	.pre-login .login-layout .panel-heading{
		font-size: 137%;
		line-height: 1.3;
	}
	.pre-login .login-layout .panel-body{
		line-height: 0.9;
	}
	.pre-login .login-layout .panel-body h2{
		font-size: 180%;
		line-height: 1.4;
		margin: -0.2em;
	}
	.pre-login .login-layout .panel-body .btn{
		font-size: 130%;
		line-height: 1.3;
		white-space: normal;
	}
}