/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	background: url(images/main_bg.jpg) no-repeat top center rgb(181,126,0);
	margin: 0px;
	padding: 0px;

	font-family: 'Ubuntu', sans-serif;
	color:rgb(78,63,12);
	text-align: center;
}
/* Vseobecne nastavenie pre elementy podporujuce placeholder.
   This CSS works for IE10+ and the latest Firefox, Safari and Chrome */
::-webkit-input-placeholder {
	font-weight: normal;
}
:-moz-placeholder {
	font-weight: normal;
}
:-ms-input-placeholder {
	font-weight: normal;
}
/* hyperlinks */
.login_description a,
.form_content2 a,
.login_content a:not([class^="tooltip_icon_1"]),
.verifyEmail_agree a,
.mod_izk .page_my_subject_grades .belowGridNote a,
.mod_app .page_covid19 .pdf_link a,
.mod_izk .page_statements .pdf_link a,
.mod_izk .page_registrations_hs .pdf_link a,
.swal2-popup a,
.curriculum_container a:not([class^="tooltip_icon_1"]),
.notes_record a,
.mod_izk .page_statement .statement_container a{
	color:rgb(78,63,12);
	border-bottom:rgba(78,63,12,0.75) 1px dotted;
	text-decoration:none;
	word-break:break-all;
}
.login_description a:hover,
.form_content2 a:hover,
.login_content a:hover:not([class^="tooltip_icon_1"]),
.verifyEmail_agree a:hover,
.mod_izk .page_my_subject_grades .belowGridNote a:hover,
.mod_app .page_covid19 .pdf_link a:hover,
.mod_izk .page_statements .pdf_link a:hover,
.mod_izk .page_registrations_hs .pdf_link a:hover,
.swal2-popup a:hover,
.curriculum_container a:hover:not([class^="tooltip_icon_1"]),
.notes_record a:hover,
.mod_izk .page_statement .statement_container a:hover{
	color:rgb(140,105,0);
	border-bottom:rgb(140,105,0) 1px dotted;
}
/* end hyperlinks */
.font_italic{
	font-style: italic;
}
.font_bold{
	font-weight: bold;
}
.float_right{
	float: right;
}
.text-red{
	color:rgb(217,0,0);
}
.text-blue{
	color:rgb(0,128,255);
}

/* ------------------- new styles --------------------*/

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.suppressed{
    opacity: 0.4;
}

.suppressed:hover{
    opacity: 1;
}

.dotted_line{
		margin: 0px 20px;
		broder: 0;
		border-bottom: 1px dotted #A08641;
}
.alink{
	border-bottom: rgba(78,63,12,0.75) 1px dotted;
	text-decoration: none;
	color: rgb(78,63,12);
	font-weight: bold;
}
.file_link{
	border-bottom: rgba(78,63,12,0.75) 1px dotted;
	text-decoration: none;
	color: rgb(78,63,12);
	word-break:break-all;
}
.file_link:hover{
	color:rgb(140,105,0);
	border-bottom:rgb(140,105,0) 1px dotted;
	text-decoration: none;
}
.attachment{
	font-family: "Ubuntu Condensed";
}

/* ----------------------- end ------------------------*/



@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.main{
		max-width: 1100px;
		min-width: 950px;
		padding:0px 0px;
		margin: auto;
		display: block;
		position: relative;
		text-align: left;
	}
	.logo{
		/*background: url(images/logo.svg) no-repeat;*/
		height:40px;
		margin:7px 10px 70px 10px;
		text-align: right;
		color: rgb(242,223,159);
		font-family:"Ubuntu Condensed";
		font-size: 19px;
		padding-top: 8px;
		white-space: nowrap;
		line-height: 1.25;
	}
	.logo_homepage{
		background: url(images/snw/ico_skola_na_webe.svg) no-repeat left bottom;
		display: inline-block;
		width: 156px;
		height: 44px;
		float: left;
		/*border-right:rgba(243,223,160,0.5) 1px dotted;*/
		-webkit-transition: background-image 0.5s ease;
		-moz-transition: background-image 0.5s ease;
		-o-transition: background-image 0.5s ease;
		transition: background-image 0.5s ease;
	}
	.logo_homepage:hover{
		background-image: url(images/snw/ico_skola_na_webe2.svg);
	}
	.logo_class_book{
		background: url(images/logo_tk.svg) no-repeat left bottom;
		display: inline-block;
		width: 210px;
		height: 44px;
		float: left;
		/*border-right:rgba(243,223,160,0.5) 1px dotted;*/
	}
	.help{
		display: inline-block;
		float: left;
		width: 58px;
		height: 44px;
		background: url(images/pomocnikBtnNew.svg) no-repeat center center;
		color: rgb(243, 223, 160);

		border-left:rgba(243,223,160,0.5) 1px dotted;
		border-right:rgba(243,223,160,0.75) 3px double;

		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.help:hover{
		/*color: rgb(255, 255, 255);*/
		background: url(images/pomocnikBtnNew_s2.svg) no-repeat center center;
	}
	.mizkBtn{
		display: inline-block;
		float: left;
		width: 58px;
		height: 44px;
		background: url(images/mizkBtn.svg) no-repeat center center;

		border-right:rgba(243,223,160,0.5) 1px dotted;

		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.mizkBtn:hover,
	.mod_izk .mizkBtn{
		background-image:url(images/mizkBtn_s2.svg);
	}
	.jedalenBtn{
		display: inline-block;
		float: left;
		width: 58px;
		height: 44px;
		background: url(images/jedalenBtnNew.svg) no-repeat center center;

		border-right:rgba(243,223,160,0.5) 1px dotted;

		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.jedalenBtn:hover,
	.mod_chips .path_canteen .jedalenBtn{
		background-image:url(images/jedalenBtnNew_s2.svg);
	}
	.dochadzkaBtn{
		display: inline-block;
		float: left;
		width: 58px;
		height: 44px;
		background: url(images/dochadzkaBtnNew.svg) no-repeat center center;

		border-right:rgba(243,223,160,0.5) 1px dotted;

		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.dochadzkaBtn:hover,
	.mod_chips .path_attendance .dochadzkaBtn{
		background-image:url(images/dochadzkaBtnNew_s2.svg);
	}
	.jed_doch_Btn{
		display:none;
	}
	.tkBtn{
		display: inline-block;
		float: left;
		width: 58px;
		height: 44px;
		background: url(images/tkBtn.svg) no-repeat center center;

		border-right:rgba(243,223,160,0.5) 1px dotted;

		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.tkBtn:hover,
	.mod_classbook .tkBtn{
		background-image:url(images/tkBtn_s2.svg);
	}
	.administraciaBtn{
		display: inline-block;
		float: left;
		width: 58px;
		height: 44px;
		background: url(images/administraciaBtn.svg) no-repeat center center;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.administraciaBtn:hover,
	.mod_admin .administraciaBtn{
		background-image: url(images/administraciaBtn_s2.svg);
	}
	.newsBtn{
		display: inline-block;
		float: left;
		width: 58px;
		height: 44px;
		background: url(images/bell_off.svg) no-repeat center center;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		cursor: pointer;
	}
	.newsBtn:hover{
		background-image: url(images/bell_off_s2.svg);
	}
	.newsBtn.notRead{
		background-image: url(images/bell_on.svg);
	}
	.newsBtn.notRead:hover{
		background-image: url(images/bell_on_s2.svg);
	}
	.swal2-popup .news p,
	.swal2-popup .news ul,
	.swal2-popup .news ol{
		text-align: left;
	}
	.swal2-popup .news.notRead,
	.swal2-popup .news.notRead p{
		font-weight: bold;
	}
	.title3{
		padding-top:13px;
	}
	.title3>div:first-child{
		background-image:-moz-linear-gradient(7% 48% 0deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-webkit-gradient(linear,7% 48%,73% 48%,color-stop(0, rgba(243,223,160,0)),color-stop(1, rgb(243,223,160)));
		background-image:-webkit-linear-gradient(0deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-o-linear-gradient(0deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:linear-gradient(90deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		height:50px;
		font-size:26px;
		text-align:right;
		padding-right:35px;
		padding-top:17px;
	}
	.title3>div:nth-child(2) {
		margin-top:30px;
	}
	.title4>div:first-child{
		background-image:-moz-linear-gradient(-7% 48% -180deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-webkit-gradient(linear,-7% 48%,-73% 48%,color-stop(0, rgba(243,223,160,0)),color-stop(1, rgb(243,223,160)));
		background-image:-webkit-linear-gradient(-180deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-o-linear-gradient(-180deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:linear-gradient(270deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);

		font-size:26px;
		text-align:left;
		padding-left:22px;
		padding-right:22px;
		padding-top:17px;
		padding-bottom:10px;
		margin-top: -17px;
		margin-right: -22px;
		margin-left: -22px;
	}
	.title4>div:nth-child(2) {
		margin-top:20px
	}
	.title4>.doubleLineTitle {
		height:70px !important;
	}


	/* LEFT, RIGHT banners */
	.mod_app .side_banners,
	.mod_admin .side_banners,
	.mod_izk .side_banners,
	.mod_classbook .side_banners,
	.mod_chips .side_banners,
	.mod_snw .side_banners
	{
		position: fixed;
		max-width: 1100px;
		top: 6px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.mod_app .left_banner,
	.mod_admin .left_banner,
	.mod_izk .left_banner,
	.mod_classbook .left_banner,
	.mod_chips .left_banner,
	.mod_snw .left_banner,
	.mod_app .right_banner,
	.mod_admin .right_banner,
	.mod_izk .right_banner,
	.mod_classbook .right_banner,
	.mod_chips .right_banner,
	.mod_snw .right_banner
	{
		position: absolute;
		width: 312px;
		line-height: 0px;
	}
	.mod_app .left_banner,
	.mod_admin .left_banner,
	.mod_izk .left_banner,
	.mod_classbook .left_banner,
	.mod_chips .left_banner,
	.mod_snw .left_banner
	{
		left: -300px;
		top: 3px;
	}
	.mod_app .left_clip,
	.mod_admin .left_clip,
	.mod_izk .left_clip,
	.mod_classbook .left_clip,
	.mod_chips .left_clip,
	.mod_snw .left_clip
	{
		position: absolute;
		width: 312px;
		height: 147px;
		background-image: url(images/left_clip.png);
	}
	.mod_app .izk_LEFT,
	.mod_admin .izk_LEFT,
	.mod_izk .izk_LEFT,
	.mod_classbook .izk_LEFT,
	.mod_chips .izk_LEFT,
	.mod_snw .izk_LEFT
	{
		position: absolute;
		width: 230px;
		overflow: hidden;
		margin-left: 50px;
		margin-top: 40px;
		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
	.mod_app .right_banner,
	.mod_admin .right_banner,
	.mod_izk .right_banner,
	.mod_classbook .right_banner,
	.mod_chips .right_banner,
	.mod_snw .right_banner
	{
		right: -300px;
		top: 0px;
	}
	.mod_app .right_clip,
	.mod_admin .right_clip,
	.mod_izk .right_clip,
	.mod_classbook .right_clip,
	.mod_chips .right_clip,
	.mod_snw .right_clip
	{
		position: absolute;
		width: 312px;
		height: 150px;
		background-image: url(images/right_clip.png);
	}
	.mod_app .izk_RIGHT,
	.mod_admin .izk_RIGHT,
	.mod_izk .izk_RIGHT,
	.mod_classbook .izk_RIGHT,
	.mod_chips .izk_RIGHT,
	.mod_snw .izk_RIGHT
	{
		position: absolute;
		width: 230px;
		overflow: hidden;
		margin-left: 30px;
		margin-top: 50px;
		-webkit-transform: rotate(1deg);
		-moz-transform: rotate(1deg);
		transform: rotate(1deg);
	}
	.mod_app .izk_LEFT img,
	.mod_admin .izk_LEFT img,
	.mod_izk .izk_LEFT img,
	.mod_classbook .izk_LEFT img,
	.mod_chips .izk_LEFT img,
	.mod_snw .izk_LEFT img,
	.mod_app .izk_RIGHT img,
	.mod_admin .izk_RIGHT img,
	.mod_izk .izk_RIGHT img,
	.mod_classbook .izk_RIGHT img,
	.mod_chips .izk_RIGHT img,
	.mod_snw .izk_RIGHT img
	{
		width: 230px;
	}

	/* links block */
	.hlinks_block{
		color: rgba(243, 223, 162, 0.6);
		font-size: 15px;
		margin-left: 6px;
		margin-right: 6px;
		margin-top: 20px;
	}
	.hlinks_block a{
		color: rgba(243, 223, 162, 0.6);
		text-decoration: none;
	}
	.hlinks_block a:hover{
		color: rgba(243, 223, 162, 1);
		text-decoration: underline;
	}
	.hl_list, .hl_sublist{
		margin: 0;
		padding: 0;
	}
	.hl_list{
		float: left;
		width: 17%;
		margin-left: 20px;
		font-weight: bold;
		list-style: none;
		min-height: 100px;
	}
	.hl_list:nth-child(1),
	.hl_list:nth-child(2),
	.hl_list:nth-child(3)
	{
		border-right: 1px dashed rgba(243, 223, 162, 0.5);
		margin-right: 20px;
	}
	.hl_sublist{
		font-size: 13px;
		font-weight: normal;
		margin: 10px 16px;
		line-height: 20px;
		list-style-type: square;
	}
	.hl_bottom{
		clear: both;
		height: 20px;
		border-bottom: 1px dashed rgba(243, 223, 162, 0.5);
	}
	.hlinks_block .btns{
		width: 32px;
		height: 32px;
		display: block;
		float: right;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: rgb(140,105,0);
		margin-left: 5px;
		margin-top: 65px;
	}
	.hlinks_block .btns:last-child{
		margin-right: 20px;
	}
	.hlinks_block .btns:hover{
		background-color: #d5b34a;
	}
	.hlinks_block .btn_facebook{
		background-image: url(images/facebook.svg);
	}
	.hlinks_block .btn_instagram{
		background-image: url(images/instagram.svg);
		background-size: 24px;
	}
	.hlinks_block .btn_twitter{
		background-image: url(images/twitter.svg);
	}
	.hlinks_block .btn_pinterest{
		background-image: url(images/pinterest.svg);
	}
	.hlinks_block .btn_appstore{
		background-image: url(images/appstore.png);
		margin-top: 10px;
		float: left;
		width: 95px;
		height: 35px;
		background-color: rgba(0,0,0,0);
		background-size: contain;
	}
	.hlinks_block .btn_googleplay{
		background-image: url(images/googleplay.png);
		margin-top: 10px;
		float: left;
		width: 95px;
		height: 40px;
		background-color: rgba(0,0,0,0);
		background-size: contain;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.main{
		width: 100%;
		padding:0px 0px;
		margin: auto;
		display: block;
		position: relative;
		text-align: left;
	}
	.logo{
		min-height:43px;
		margin:0px 10px 55px 10px;
		text-align: right;
		color: rgb(242,223,159);
		font-size: 0px;
		font-family:"Ubuntu Condensed";
		padding-top: 8px;
	}
	.logo_homepage{
		background: url(images/snw/ico_skola_na_webe_narrow.svg) no-repeat left bottom / 48px 36px;
		display: inline-block;
		width: 48px;
		height: 36px;
		float: left;
		/*border-right:rgba(243,223,160,0.75) 3px double;*/
	}
	.logo_class_book{
		background: url(images/logo_tk.svg) no-repeat 0px -5px;
		display: inline-block;
		width: 55px;
		height: 50px;
		float: left;
	}
	.help{
		display:none;
		/*font-size: 0px;
		display: inline-block;
		float: left;
		width: 50px;
		height: 40px;
		background: url(images/icon_help.svg) no-repeat 10px 10px;

		border-left-color:rgba(243,223,160,0.5);
		border-left-width:1px;
		border-left-style:dotted;

		margin-left: 10px;*/
	}
	.mizkBtn{
		display: inline-block;
		float: left;
		width: 49px;
		height: 44px;
		background: url(images/mizkBtn.svg) no-repeat center center;
		background-size: 37px 30px;
		border-right:rgba(243,223,160,0.5) 1px dotted;
	}
	.mod_izk .mizkBtn{
		background-image:url(images/mizkBtn_s2.svg);
	}
	.tkBtn{
		display: inline-block;
		float: left;
		width: 49px;
		height: 44px;
		background: url(images/tkBtn.svg) no-repeat center center;
		background-size: 30px 30px;
		border-right:rgba(243,223,160,0.5) 1px dotted;
	}
	.mod_classbook .tkBtn{
		background-image:url(images/tkBtn_s2.svg);
	}
	.jedalenBtn{
		display: inline-block;
		float: left;
		width: 49px;
		height: 44px;
		background: url(images/jedalenBtnNew.svg) no-repeat center center;
		background-size: 39px 30px;
		border-right:rgba(243,223,160,0.5) 1px dotted;
	}
	.mod_chips .path_canteen .jedalenBtn{
		background-image:url(images/jedalenBtnNew_s2.svg);
	}
	.dochadzkaBtn{
		display: inline-block;
		float: left;
		width: 49px;
		height: 44px;
		background: url(images/dochadzkaBtnNew.svg) no-repeat center center;
		background-size: 41px 30px;
		border-right:rgba(243,223,160,0.5) 1px dotted;
	}
	.mod_chips .path_attendance .dochadzkaBtn{
		background-image:url(images/dochadzkaBtnNew_s2.svg);
	}
	.administraciaBtn{
		display: inline-block;
		float: left;
		width: 45px;
		height: 44px;
		background: url(images/administraciaBtn.svg) no-repeat center center;
		background-size: 30px 30px;
	}
	.mod_admin .administraciaBtn{
		background-image:url(images/administraciaBtn_s2.svg);
	}
	.newsBtn{
		display: inline-block;
		float: left;
		width: 45px;
		height: 44px;
		background: url(images/bell_off.svg) no-repeat center center;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		cursor: pointer;
	}
	.newsBtn:hover{
		background-image: url(images/bell_off_s2.svg);
	}
	.newsBtn.notRead{
		background-image: url(images/bell_on.svg);
	}
	.newsBtn.notRead:hover{
		background-image: url(images/bell_on_s2.svg);
	}
	.swal2-popup .news p,
	.swal2-popup .news ul,
	.swal2-popup .news ol{
		text-align: left;
	}
	.swal2-popup .news.notRead,
	.swal2-popup .news.notRead p{
		font-weight: bold;
	}
	.title3{
		padding-top:13px;
	}
	.title3>div:first-child{
		background-image:-moz-linear-gradient(7% 48% 0deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-webkit-gradient(linear,7% 48%,73% 48%,color-stop(0, rgba(243,223,160,0)),color-stop(1, rgb(243,223,160)));
		background-image:-webkit-linear-gradient(0deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-o-linear-gradient(0deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:linear-gradient(90deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		height:35px;
		font-size:24px;
		padding-right:15px;
		text-align:right;
		padding-top:10px;
		font-family:"Ubuntu Condensed";
	}
	.title3>div:nth-child(2) {
		margin-top:30px;
	}
	.title4>div:first-child{
		background-image:-moz-linear-gradient(-7% 48% -180deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-webkit-gradient(linear,-7% 48%,-73% 48%,color-stop(0, rgba(243,223,160,0)),color-stop(1, rgb(243,223,160)));
		background-image:-webkit-linear-gradient(-180deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:-o-linear-gradient(-180deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		background-image:linear-gradient(270deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);

		padding-bottom: 7px;
		font-size:24px;
		text-align:left;
		padding-left:10px;
		padding-right:5px;
		padding-top:10px;
		font-family:"Ubuntu Condensed";
	}
	.title4>div:nth-child(2) {
		margin-top:0px
	}
	.title4>.doubleLineTitle {
		height:70px !important;
	}


	/* LEFT, RIGHT banners */
	.mod_app .side_banners,
	.mod_admin .side_banners,
	.mod_izk .side_banners,
	.mod_classbook .side_banners{
		display: none;
	}


	/* links block */
	.hlinks_block{
		color: rgba(242, 222, 163, 1);
		font-size: 15px;
		margin-left: 6px;
		margin-right: 6px;
		margin-top: 10px;
	}
	.hlinks_block a{
		color: rgba(242, 222, 163, 1);
		text-decoration: none;
	}
	.hlinks_block a:hover{
		text-decoration: underline;
	}
	.hl_list, .hl_sublist{
		margin: 0;
		padding: 0;
	}
	.hl_list{
		float: left;
		width: 31%;
		margin-left: 5px;
		margin-bottom: 10px;
		font-weight: bold;
		list-style: none;
	}
	.hl_sublist{
		font-size: 13px;
		font-weight: normal;
		margin-top: 10px;
		line-height: 20px;
		list-style: none;
	}
	.hl_bottom{
		clear: both;
		background-color: #F2DEA3;
		height: 1px;
	}
	.hlinks_block .btns{
		width: 32px;
		height: 32px;
		/* position: absolute; */
		display: inline-block;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: rgb(140,105,0);
		margin-bottom: 8px;
		/* bottom:60px; */
	}
	.hlinks_block .btns:hover{
		background-color: #d5b34a;
	}
	.hlinks_block .btn_facebook{
		background-image: url(images/facebook.svg);
		right:100px;
	}
	.hlinks_block .btn_instagram{
		background-image: url(images/instagram.svg);
		background-size: 24px;
		right:60px;
	}
	.hlinks_block .btn_twitter{
		background-image: url(images/twitter.svg);
		right:60px;
	}
	.hlinks_block .btn_pinterest{
		background-image: url(images/pinterest.svg);
		right:20px;
	}
	.hlinks_block .btn_appstore{
		background-image: url(images/appstore.png);
		margin-top: 15px;
		float: left;
		width: 95px;
		height: 35px;
		background-color: rgba(0,0,0,0);
		background-size: contain;
	}
	.hlinks_block .btn_googleplay{
		background-image: url(images/googleplay.png);
		margin-top: 15px;
		float: left;
		width: 95px;
		height: 40px;
		background-color:rgba(0,0,0,0);
		background-size: contain;
	}

}

.hidden{
	display: none !important;
}
.box_shadow{
	-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
	-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
}
.input_shadow{
	border: none;
	-moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.65);
	-webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.65);
	box-shadow:inset 0px 0px 5px rgba(0,0,0,0.65);
}
.title1 {
	font-size:22px;
	line-height:50px;
	color:rgb(77,63,12);
	text-align:right;
}
.title2 {
	font-size:22px;
	color:rgb(77,63,12);
	text-align:left;
}

.no_margin_top{
	margin-top:0px;
}
.btn1{
	background-color:rgb(140,105,0);
	height:38px;
	border: none;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;

	font-family:"Ubuntu";
	font-size:18px;
	line-height:35px;
	color:rgb(255,255,255);
	text-align:center;
}
.btn1:hover{
	background-color:rgb(97, 73, 0);
}
.mssg1{
	font-family:"Ubuntu Condensed";
	/*font-weight: bold;*/
	line-height: 18px;
	font-size:14px;
	text-align:right;
	margin-top: 15px;
}
.text_disabled_1{
	color: rgba(78,63,12,0.25);
}

/* vykazove a poradove cislo */
.numVykaz{
	display: inline-block;
}
.numVykaz span{
	color:rgb(178,0,0);
 	font-size:0.6em;
	line-height:normal;
	/*padding-left:5px;*/
	vertical-align: text-top;
	margin-right: 20px;
}
.num{
	color:rgb(178,0,0);
}
.serNum_student{
	float:right;
}
.serNum_student span{
	font-size:0.9em;
	line-height:normal;
	font-weight:bold;
	vertical-align:text-bottom;
	color: #BFAA7E;
	font-family:"Ubuntu Condensed";
}
.printBtn{
	float: right;
	margin-left: 20px;
	margin-top: 2px;
	width: 35px;
	height: 34px;
	background: url(images/print.png) no-repeat;
}
.printBtn:hover{
	background: url(images/print_s2.png) no-repeat;
}
.statBtn{
	float: right;
	margin-left: 10px;
	margin-top: 25px;
	width: 35px;
	height: 34px;
	background: url(images/dashboard/ico_detail.svg) center no-repeat;
}
.statBtn:hover{
	background: url(images/dashboard/ico_detail_s2.svg) center no-repeat;
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.btn1{
		font-family:"Ubuntu Condensed";
	}

	.numVykaz{overflow: visible !important}
	.numVykaz span{
		padding-left:3px;
		margin-right: 0px;
	}
	.printBtn{
		margin-right: 10px;
		margin-top: 5px;
	}
	.printBtnDiv{
		display: none;
	}
}


/* ---------------------------------------- */
/* ! FILTER & MENU  */
/* ---------------------------------------- */
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	#obj_filter_menu a,
	#obj_filter_menu span,
	#obj_filter_menu div
	{
		white-space: nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	#obj_filter_menu{
		top:55px;
		position: absolute;
		width: 100%;
		z-index: 200;
	}
	#obj_filter_menu a{
		color:rgb(78,63,12);
		display:block;
		white-space: nowrap;
		text-decoration: none;
		border-bottom:none;
	}
	#obj_filter_menu ul {
		padding:0px;
		margin:0px;
		list-style:none;
	}
	#obj_filter_menu>ul{
		width: 100%;
		display: table;
		border-spacing:6px;
	}
	#obj_filter_menu>ul>li{
		display: table-cell;
	}
	#obj_filter_menu>ul>li:hover{
		background-color:rgb(243,223,160);

		-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
		-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
		box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
	}
	#obj_filter_menu>ul>li:hover>a{
		box-shadow: none;
	}

	#obj_filter_menu>ul>li:nth-child(1){
		width: 50px;
	}
	#obj_filter_menu>ul>li:nth-child(2){
		width: 135px;
	}
	#obj_filter_menu>ul>li:nth-child(3){
		width: 135px;
	}
		/* MainMenu */
		#obj_filter_menu>ul>li:last-child>a{
			background: url(images/icon_menu.png) no-repeat right center rgb(243,223,160);
			font-weight: 700;
			padding-right: 70px;
		}
		#obj_filter_menu>ul>li:last-child:hover{
			background: url(images/mainMenu_bg.svg) no-repeat 25px 55px rgb(243,223,160);
		}
		#obj_filter_menu>ul>li:last-child>ul>li{
		}
		#obj_filter_menu>ul>li:last-child>ul>li>a{
			margin-right: 15px;
			margin-left: auto;
			text-align: right;
			width: 350px;
		}
		#obj_filter_menu>ul>li:last-child>ul>li:nth-last-child(2)>a{
			border: none;
			margin-bottom: 15px;
		}
		#obj_filter_menu>ul>li:last-child>ul>li:last-child{
			background-color:rgb(243,223,160);
			border-top-color:rgb(223,191,96);
			border-top-width:1px;
			border-top-style:solid;
		}
		#obj_filter_menu>ul>li:last-child>ul>li:last-child>div{
			border-top-color:rgb(249,239,208);
			border-top-width:1px;
			border-top-style:solid;
			line-height: 52px;
			text-align: right;
			font-size:16px;
		}
		#obj_filter_menu>ul>li:last-child>ul>li:last-child>div>a{
			padding-left: 25px;
			padding-right: 25px;
			display: inline-block;
			border-right: 1px dotted #B59C68;
		}
		#obj_filter_menu>ul>li:last-child>ul>li:last-child>div>a:last-child{
			border-right: none;
		}
		#obj_filter_menu>ul>li:last-child>ul>li:last-child>div>a:hover{
			background-color:rgb(248,237,203);
		}

	#obj_filter_menu>ul>li>a{
		background-color:rgb(243,223,160);
		padding:0px 20px 0px 20px;
		height:50px;
		font-size:22px;
		line-height:49px;

		-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
		-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
		box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
	}
	#obj_filter_menu>ul>li>ul{
		display:none;
	}
	#obj_filter_menu>ul>li:hover ul{
		display:block;
		height:auto;

		border-top-color:rgb(223,191,96);
		border-top-width:1px;
		border-top-style:solid;
	}
	#obj_filter_menu>ul>li>ul>li>a{
		padding:0px 5px 0px 10px;
		height:30px;
		font-size:16px;
		line-height:29px;
		margin-left:10px;
		margin-right:15px;

		border-bottom-color:rgb(181,156,104);
		border-bottom-width:1px;
		border-bottom-style:dotted;
	}
	#obj_filter_menu>ul>li>ul>li>a:hover{
		background-color:rgb(248,237,203);
	}
	#obj_filter_menu>ul>li>ul>li:first-child{
		padding-top:15px;
		border-top-color:rgb(249,239,208);
		border-top-width:1px;
		border-top-style:solid;
	}
	#obj_filter_menu>ul>li>ul>li:last-child>a{
		border:none;
		margin-bottom:15px;
	}
	#obj_filter_menu>ul>li>ul>li.filterMenu_long>a{ /* dlhe a viacriadkove nazvy v hl. menu */
		white-space: normal;
		height:auto;
		line-height:20px;
		padding-top:5px;
		padding-bottom:5px;
	}
	#obj_filter_menu>ul>li>ul>li.filterMenu_long>a span{ /* dlhe a viacriadkove nazvy v hl. menu */
		font-size:13px;
		font-family: "Ubuntu Condensed";
		color:#937617;
		/*font-style:italic;*/
	}
	/* orezanie druhej a poslednej polozky */
	#obj_filter_menu>ul>li:nth-child(2)>a{
		overflow: hidden;
		max-width: 380px;
		text-overflow: ellipsis;
	}
	#obj_filter_menu>ul>li:last-child>a{
		overflow: hidden;
		/* min-width: 190px; */
		text-overflow: clip;
		white-space: normal;
		word-break: break-all;

	}
	#obj_filter_content{
		display: none;
	}

}

/* ---------------------------------------- */
/* ! MOBILE : Filter & Menu */
/* ---------------------------------------- */
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */

/* filtracny panel */
	#obj_filter_content{
		z-index: 201;
		display: block;
	}
	#obj_filter_content>ul{
		margin-left: 7px;
		margin-right: 7px;
		margin-bottom: 7px;
		margin-top: 0px;
		box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
		display: block;
		background: url("images/color_line_1.png") repeat-x #F3DFA0;
		height: 50px;
		line-height: 59px;
		padding-left: 0px;
		font-family:"Ubuntu Condensed";
	}
	#obj_filter_content>ul>li:nth-child(1){
		display: inline;
		background: url("images/arrow_filter_down.svg") no-repeat center center;
		cursor: pointer;
		border-right: 1px dotted #A08641;
		width: 49px;
		height: 49px;
		padding-left: 49px;
	}
	#obj_filter_content #filter_content{
		visibility: visible;
		display: block;
		border-top: 2px solid #4F3F06;
		background-color: #F3DFA0;
		margin-bottom: 7px;
		margin-left: 7px;
		margin-right: 7px;
		margin-top: -7px;
		line-height: 30px;
		padding-left: 20px;
		padding-right: 5px;
		padding-bottom: 10px;
		color: white;
	}
	.m_toolbar_colorBtn{
		background-color: #896200;
		width:22px;
		height: 8px;
		cursor: pointer;
		padding: 11px 7px;
		float: left;
		margin-right: 10px;
		margin-top: 10px;
	}
	.m_toolbar_Btn_red{
		background-color:rgb(217,0,0);
		height: 100%;
		border: 1px solid white;
	}
	.m_toolbar_Btn_green{
		background-color:rgb(70,140,0);
		height: 100%;
		border: 1px solid white;
	}
	.m_toolbar_Btn_blue{
		background-color:rgb(0,128,255);
		height: 100%;
		border: 1px solid white;
	}
	.m_toolbar_Btn_black{
		background-color:rgb(0,0,0);
		height: 100%;
		border: 1px solid white;
	}
	#obj_filter_content #filter_content .m_category{
		display: inline-block;
		margin-right: 10px;
		margin-top: 10px;
		cursor: pointer;
		background-color: #896200;
		width: 80px;
		height: 30px;
		position: relative;
	}
	.m_category>div{
		text-align: center;
		font-size: 11px;
		color: white;
		padding-left: 5px;
		padding-right: 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.m_category_select{
		background-color:rgb(255,255,255) !important;
	}
	.m_category_select>div{
		color:#896200;
	}
	.btn_polrok{
		background: url("images/polrok_icon.svg") no-repeat center center #896200;
		display: block;
		float: left;
		height: 30px;
		width: 36px;
		margin-right: 10px;
		margin-top: 10px;
	}
	.btn_polrok.m_category_select{
		background:url("images/polrok_icon_hover.svg") no-repeat center center rgb(255,255,255);
	}
	.btn_stvrtrok{
		background: url("images/stvrtrok_icon.svg") no-repeat center center #896200;
		display: block;
		float: left;
		height: 30px;
		width: 36px;
		margin-top: 10px;
		margin-right: 10px;
	}
	.btn_stvrtrok.m_category_select{
		background:url("images/stvrtrok_icon_hover.svg") no-repeat center center rgb(255,255,255);
	}
	#obj_filter_content>ul>li:nth-child(2){
		display: inline;
		font-size: 20px;
		width: 100%;
		padding-left: 15px;
		font-weight: bold;
		position: absolute;
		max-width: 55%;
	}
	#obj_filter_content .filterName{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#obj_filter_content>ul>li:nth-child(3){
		display: inline;
		background: url("images/edit_icon.svg") no-repeat center center;
		cursor: pointer;
		width: 30px;
		height: 23px;
		float: right;
		margin-right: 20px;
		margin-top: 20px;
		position: relative;
	}

	#obj_filter_content>ul>li>a{
		width: 30px;
		height: 23px;
		display: block;
	}

	#obj_filter_menu a{
		color:rgb(78,63,12);
		display: block;
		text-decoration: none;
		border-bottom:none;
	}
	#obj_filter_menu ul{
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	#obj_filter_menu li{
		float: left;
	}
		/* menu Level 1 */
		#obj_filter_menu>ul>li{
			margin-left: 6px;
			background-color:rgb(243,223,160);

			-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
			-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
			box-shadow:0px 0px 6px 0px rgba(0,0,0,0.60);
		}
		#obj_filter_menu>ul>li>a{
			background-color:rgb(243,223,160);
			padding:0px 10px 0px 10px;
			height:40px;
			font-size:18px;
			font-family:"Ubuntu Condensed";
			line-height:39px;
		}
		#obj_filter_menu>ul>li:nth-child(1)>a,
		#obj_filter_menu>ul>li:nth-child(2)>a,
		#obj_filter_menu>ul>li:nth-child(3)>a {
			height:35px;line-height:34px;font-size:16px;
		}
		#obj_filter_menu>ul>li:nth-child(1){ /* trieda */
			position: absolute;
			width: 65px;
		}
		#obj_filter_menu>ul>li:nth-child(3){ /* polrok */
			position: absolute;
			width: 65px;
			left: 71px;
		}
		#obj_filter_menu>ul>li:last-child{ /* meno ucitela */
			letter-spacing:0px;
			position: absolute;
			font-weight: bold;
			margin-top: -46px;
			left: 0px;
			right: 6px;
		}
		#obj_filter_menu>ul>li:last-child>a{ /* meno ucitela - menu */
			/*font-family:"Ubuntu";*/
	        background: url(images/icon_menu.png) no-repeat right center rgb(243,223,160);
		}
		#obj_filter_menu>ul>li:nth-child(2){ /* predmety */
			position: absolute;
			left: 142px;
			right: 6px;
		}
		.mod_classbook.role_controller .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook.role_controller .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook.role_controller .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook.role_controller .page_report_representation #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook.role_controller .page_report_not_counted #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook .page_report_presences_by_week #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook .page_report_presences_by_month #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook .page_report_presences_by_half_year #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook .page_report_attendance_evidence #obj_filter_menu>ul>li:nth-child(2)
		{
			left: 71px;
		}
		.mod_classbook.role_teacher .page_lessons_by_subject #obj_filter_menu>ul>li:nth-child(1),
		.mod_classbook.role_teacher .page_my_lessons_by_subject #obj_filter_menu>ul>li:nth-child(1),
		.mod_classbook.role_teacher .page_my_absences_by_subject #obj_filter_menu>ul>li:nth-child(1){ /* predmet */
			position: absolute;
			width: 150px;
		}
		.mod_classbook.role_teacher .page_lessons_by_subject #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook.role_teacher .page_my_lessons_by_subject #obj_filter_menu>ul>li:nth-child(2),
		.mod_classbook.role_teacher .page_my_absences_by_subject #obj_filter_menu>ul>li:nth-child(2){ /* triedy */
			position: absolute;
			left: 156px;
			right: 6px;
		}
		#obj_filter_menu>ul>li:nth-child(2)>a{ /* predmety */
			/*display: inline-block;*/
		}

			/* menu Level 2 */
			#obj_filter_menu>ul>li>ul{
				 font-family:"Ubuntu Condensed";
				 display: none;
				 position: absolute;
				 width: 100%;
				 border-top:rgb(223,191,96) 1px solid;
				 background-color:rgb(243,223,160);

				-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.60);
				-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.60);
				box-shadow:0px 3px 4px 0px rgba(0,0,0,0.60);
				z-index: 100;
			}
			#obj_filter_menu>ul>li>ul>li{
				width: 100%;
			}
			#obj_filter_menu>ul>li:hover>ul{
				 display: block;
			}
			#obj_filter_menu>ul>li>ul>li>a{
				padding:0px;
				height:30px;
				font-size:14px;
				line-height:29px;
				margin-left: 10px;
				margin-right: 10px;

				border-bottom:rgb(181,156,104) 1px dotted;
			}
			#obj_filter_menu>ul>li>ul>li>a:hover{
				background-color:rgb(248,237,203);
			}
			#obj_filter_menu>ul>li>ul>li:first-child{
				padding-top:10px;
				border-top:rgb(249,239,208) 1px solid;
			}
			#obj_filter_menu>ul>li>ul>li:last-child>a{
				border:none;
				margin-bottom:10px;
			}
			#obj_filter_menu>ul>li>ul>li{
				 clear: both;
			}

			/* MainMenu */
			#obj_filter_menu>ul>li:last-child:hover>ul{
				background: url(images/mainMenu_bg.svg) no-repeat 10px 15px rgb(243,223,160);
	            font-weight: normal;
			}
		   #obj_filter_menu>ul>li:last-child>ul>li>a{
				margin-right: 15px;
				margin-left: auto;
				text-align: right;
				padding-right: 5px;
				width: 225px;
			}
			#obj_filter_menu>ul>li:last-child>ul>li:nth-last-child(2)>a{
				border: none;
				margin-bottom: 15px;
			}
			#obj_filter_menu>ul>li:last-child>ul>li:last-child{
				background-color:rgb(243,223,160);
				border-top:rgb(223,191,96) 1px solid;
			}
			#obj_filter_menu>ul>li:last-child>ul>li:last-child>div{
				border-top:rgb(249,239,208) 1px solid;
				height: 52px;
				line-height: 52px;
				text-align: right;
				font-size:16px;
			}
			#obj_filter_menu>ul>li:last-child>ul>li:last-child>div>a{
				padding-left: 10px;
				padding-right: 10px;
				display: inline-block;
				border-right: 1px dotted #B59C68;
			}
			#obj_filter_menu>ul>li:last-child>ul>li:last-child>div>a:last-child{
				border-right: none;
				margin-right: 15px;
			}
			#obj_filter_menu>ul>li:last-child>ul>li:last-child>div>a:hover{
		    	background-color:rgb(248,237,203);
			}
			#obj_filter_menu>ul>li>ul>li.filterMenu_long>a{ /* dlhe a viacriadkove nazvy v hl. menu */
				white-space: normal;
				height:auto;
				line-height:20px;
				padding-top:5px;
				padding-bottom:5px;
			}
			#obj_filter_menu>ul>li>ul>li.filterMenu_long>a span{ /* dlhe a viacriadkove nazvy v hl. menu */
				font-size:13px;
				font-family: "Ubuntu Condensed";
				color:#937617;
				/*font-style:italic;*/
			}
			.page_my_subject_grades #obj_filter_menu>ul>li:nth-child(4){
				display: none;
			}

}

/* ---------------------------------------- */
/* ! Filter & Menu - PARENT & STUDENT */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1) span,
	.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1) span,
	.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1) span,
	.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1) span,
	.mod_izk .page_teacher_homeworks_by_student #obj_filter_menu>ul>li:nth-child(1) span
	{
			min-width: 207px;
			display: inline-block;
			padding-right: 10px;
	}
	.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1) div,
	.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1) div,
	.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1) div,
	.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1) div,
	.mod_izk .page_teacher_homeworks_by_student #obj_filter_menu>ul>li:nth-child(1) div
	{
        font-weight: normal;
		display: inline-block;
		min-width: 62px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		margin-top: 10px;
		height: 30px;
		line-height: 30px;

		border-left-color:rgb(161,143,86);
		border-left-width:1px;
		border-left-style:dotted;
	}
		.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1) ul>li div,
		.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1) ul>li div,
		.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1) ul>li div,
		.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1) ul>li div,
		.mod_izk .page_teacher_homeworks_by_student #obj_filter_menu>ul>li:nth-child(1) ul>li div
		{
	        font-weight: normal;
			min-width: 47px;
			padding-left: 10px;
			padding-right: 10px;
			text-align: center;
			margin-top: 6px;
			height: 17px;
			line-height: 17px;

			border-left-color:rgb(161,143,86);
			border-left-width:1px;
			border-left-style:dotted;
		}
	.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 140px !important;
	}
	.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(3),
	.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(3),
	.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(2),
	.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 190px !important;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mod_izk.role_parent #obj_filter_menu>ul>li>a,
	.mod_izk.role_student #obj_filter_menu>ul>li>a
	{
		padding:0px 2px 0px 10px !important;
	}
	.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1)
	{
		right:168px;
		left:0px;
		width:auto !important;
	}
	.mod_izk.role_parent .page_student_homeworks #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student .page_student_homeworks #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_parent .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_notification #obj_filter_menu>ul>li:nth-child(1)
	{
		right:72px;
	}
	.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1)
	{
		right:102px;
		left:0px;
		width:auto !important;
	}
	.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1)
	{
		right:6px;
		left:0px;
		width:auto !important;
	}
	.mod_admin.role_parent .page_payment_return #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_parent .page_payment_summary #obj_filter_menu>ul>li:nth-child(1)
	{
		right:6px;
	}
		.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1) span,
		.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1) span,
		.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1) span,
		.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1) span
		{
				position:absolute;
				left:10px;
				right:48px;
		}
		.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1) div,
		.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1) div,
		.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1) div,
		.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1) div,
		.mod_izk .page_teacher_homeworks_by_student #obj_filter_menu>ul>li:nth-child(1) div
		{
			float:right;
			font-weight: normal;
			display: inline-block;
			width: 47px;
			text-align: center;
			margin-top: 5px;
			height: 24px;
			line-height: 26px;

			border-left-color:rgb(161,143,86);
			border-left-width:1px;
			border-left-style:dotted;
		}
			.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1) ul>li div,
			.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1) ul>li div,
			.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1) ul>li div,
			.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1) ul>li div,
			.mod_izk .page_teacher_homeworks_by_student #obj_filter_menu>ul>li:nth-child(1) ul>li div
			{
				float:right;
				font-weight: normal;
				width: 37px;
				text-align: center;
				margin-top: 6px;
				height: 17px;
				line-height: 17px;

				border-left-color:rgb(161,143,86);
				border-left-width:1px;
				border-left-style:dotted;
			}

	.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 60px !important;
		left:auto !important;
		right:102px !important;
	}
	.mod_izk.role_parent .page_student_homeworks #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_student .page_student_homeworks #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_notification #obj_filter_menu>ul>li:nth-child(2)
	{
		right: 6px !important;
	}
	.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(3),
	.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(3),
	.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(2),
	.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 90px !important;
		left:auto !important;
		right:6px;
	}
}
.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1),
.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1),
.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1),
.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1)
{
	font-weight: bold;
}
.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(1) a,
.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(1) a,
.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(1) a,
.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(1) a,
.mod_izk .page_teacher_homeworks_by_student #obj_filter_menu>ul>li:nth-child(1) a
{
	padding-right: 0px !important;
}
.mod_izk.role_parent #obj_filter_menu>ul>li:nth-child(3),
.mod_izk.role_student #obj_filter_menu>ul>li:nth-child(3),
.mod_admin.role_parent #obj_filter_menu>ul>li:nth-child(2),
.mod_chips.role_parent #obj_filter_menu>ul>li:nth-child(2)
{
	font-weight: bold;
}
.mod_izk.role_parent #obj_filter_menu>ul>li:last-child>a,
.mod_izk.role_student #obj_filter_menu>ul>li:last-child>a,
.mod_admin.role_parent #obj_filter_menu>ul>li:last-child>a,
.mod_chips.role_parent #obj_filter_menu>ul>li:last-child>a
{
	font-weight: normal !important;
}
.mod_admin .page_groups #obj_filter_menu>ul>li:nth-child(1) a>span{
	font-family: 'Ubuntu Condensed';
}

/* ---------------------------------------- */
/* ! TUNING Filter & Menu */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */

	/* TEACHER */
	.mod_classbook.role_teacher .page_class_book #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_timetable #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_visits #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 265px;
	}
	.mod_izk .page_report_halfyear_grades #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_report_final_grades #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_class_t5_results #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_class_t9_results #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_graduations #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_final_exam #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_leave_exam #obj_filter_menu>ul>li:nth-child(2){
		width: 245px;
	}
	.mod_classbook.role_teacher .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_representation #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_not_counted #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 170px;
	}
	.mod_izk.role_teacher .page_my_class_grades #obj_filter_menu>ul>li:nth-child(2){
		width: 320px;
	}
	.mod_izk .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(4){
		width: 200px;
	}
	.mod_izk.role_admin .page_verbal_eval_by_student #obj_filter_menu>ul>li:last-child,
	.mod_izk.role_teacher .page_verbal_eval_by_student #obj_filter_menu>ul>li:last-child{
		width: 370px;
	}

	.mod_classbook.role_teacher .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_representation #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_not_counted #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(3)
	{
		width: 370px;
	}

	/* PARENT */
	/* kruzky */
	.mod_izk.role_parent #obj_hobby_group_mobile{
		display: none;
	}

	/* ADMIN */
	.mod_admin.role_admin .page_user_management_employee #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_user_management_teacher #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_user_management_parent #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_user_management_student #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_teacher_login_list #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_login_credentials_choice #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_settings #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_calendar #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin .page_c19_testing #obj_filter_menu>ul>li:nth-child(1){
		width: 250px;
	}
	.mod_admin.role_admin .page_teacher_rights #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_csc_rights #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_lc_rights #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_teacher_roles #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_longtime_substitutions #obj_filter_menu>ul>li:nth-child(1){
		width: 255px;
	}
	.mod_admin .page_statements #obj_filter_menu > ul > li:nth-child(1),
	.mod_admin .page_employee_statements #obj_filter_menu > ul > li:nth-child(1){
		width: 160px;
	}
	.mod_classbook.role_admin .page_class_book #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_admin .page_timetable #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_visits #obj_filter_menu>ul>li:nth-child(2){
		width: 265px;
	}
	.mod_classbook.role_admin .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_representation #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_substitution #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_not_counted #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(2){
		width: 170px;
	}
	.mod_izk.role_admin .page_my_class_grades #obj_filter_menu>ul>li:nth-child(2){
		width: 320px;
	}
	.mod_izk.role_admin .page_graduations #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_admin .page_final_exam #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_admin .page_leave_exam #obj_filter_menu>ul>li:nth-child(2){
		width: 245px;
	}
	.mod_classbook.role_admin .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_representation #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_substitution #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_not_counted #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(3)
	{
		width: 370px;
	}

	/* Jedalen, dochadzka */
	.mod_chips #obj_filter_menu>ul>li:nth-child(2)>a{
		max-width: none;
	}
	.mod_chips #obj_filter_menu>ul>li:last-child>a{
		min-width: 190px;
	}

	/* E-COMMERCE MANAGER */
	.mod_management .page_admin_banners #obj_filter_menu>ul>li:nth-child(1)
	{
		width: 370px;
	}
	.mod_management .page_admin_banners #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 170px;
	}
	.mod_management .page_admin_banners #obj_filter_menu>ul>li:nth-child(3)
	{
		width: 370px;
	}
	/* CLASS BOOK MODULE */
	.mod_classbook .page_day_view #obj_filter_menu>ul>li:nth-child(1)
	{
		width: 130px;
	}

}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */

	/* default dvojriadkove */
	#obj_filter_menu{
		letter-spacing:-1px;
		display: inline-block;
		margin-bottom: 39px;
	}

	/* TEACHER */
	/* jednoriadkove filtermenu */
	.mod_app.role_teacher .page_dashboard #obj_filter_menu,
	.mod_izk.role_teacher .page_my_subjects_choice #obj_filter_menu,
	.mod_izk.role_teacher .page_student_messages #obj_filter_menu,
	.mod_izk.role_teacher .page_grade_category #obj_filter_menu,
	.mod_app.role_teacher .page_personal_data #obj_filter_menu,
	.mod_app.role_teacher .page_password_change #obj_filter_menu,
	.mod_admin.role_teacher .page_login_history #obj_filter_menu,
	.mod_chips.role_teacher .page_chips_no_attendance #obj_filter_menu,
	.mod_chips.role_teacher .page_chips_no_canteen #obj_filter_menu,
	.mod_chips .page_meal_menu #obj_filter_menu,
	.mod_chips .page_meal_taking #obj_filter_menu,
	.mod_izk .page_homework_subject_choice #obj_filter_menu,
	.mod_izk .page_student_homework_detail #obj_filter_menu,
	.mod_izk .page_teacher_homework #obj_filter_menu,
	.mod_app .page_user_c19_testing #obj_filter_menu,
	.mod_app .page_covid19 #obj_filter_menu,
	.mod_admin .page_prescriptions #obj_filter_menu,
	.mod_admin .page_by_students #obj_filter_menu,
	.mod_admin .page_student_detail #obj_filter_menu,
	.mod_app .page_statement_choice #obj_filter_menu,
	.mod_app .page_statement #obj_filter_menu,
	.mod_izk .page_recipient_choice #obj_filter_menu,
	.mod_izk .page_message #obj_filter_menu{
		display: block;
		margin-bottom: 0px;
	}

	/* tuning jednotlivych stranok */
	.mod_chips.role_teacher .page_chips_no_attendance #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips.role_teacher .page_chips_no_canteen #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_t5_results #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_t9_results #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_registrations_hs #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_registration_hs #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_student_next_year #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_parent .page_user_c19_testing #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_statement #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_statements #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_teacher .page_statements #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_statement_choice #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin .page_c19_testing #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_parent .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_apologies #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_apology #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_attendance_confirmation #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_teacher .page_apologies #obj_filter_menu>ul>li:nth-child(1),
	.mod_management #obj_filter_menu>ul>li:nth-child(1)
	{
		right: 6px;
		left: 0px;
		width: auto;
	}
	.mod_izk.role_teacher .page_my_class_student_choice #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_teacher .page_class_book #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_teacher .page_timetable #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_teacher .page_graduations #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_teacher .page_final_exam #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_teacher .page_leave_exam #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_teacher .page_user_management_parent #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_teacher .page_user_management_student #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_teacher .page_visits #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_teacher .page_report_presences_by_week #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_teacher .page_report_presences_by_month #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_teacher .page_report_presences_by_half_year #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_report_halfyear_grades #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_report_final_grades #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_class_t5_results #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk .page_class_t9_results #obj_filter_menu>ul>li:nth-child(1)
	{
		width: 95px;
	}
	.mod_classbook.role_teacher .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_teacher .page_report_diet #obj_filter_menu>ul>li:nth-child(1)
	{
		left: 196px;
		right: 6px;
		width: auto;
	}
	.mod_izk.role_teacher .page_my_class_student_choice #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_class_book #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_timetable #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_graduations #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_final_exam #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_teacher .page_leave_exam #obj_filter_menu>ul>li:nth-child(2),
	.mod_admin.role_teacher .page_user_management_parent #obj_filter_menu>ul>li:nth-child(2),
	.mod_admin.role_teacher .page_user_management_student #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_visits #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_presences_by_week #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_presences_by_month #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_presences_by_half_year #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_report_halfyear_grades #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_report_final_grades #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_class_t5_results #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_class_t9_results #obj_filter_menu>ul>li:nth-child(2)
	{
		left: 101px;
	}
	.mod_classbook.role_teacher:not(.role_controller) .page_report_representation #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher:not(.role_controller) .page_report_not_counted #obj_filter_menu>ul>li:nth-child(2)
	{
		left: 237px;
	}
	.mod_classbook.role_teacher .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_diet #obj_filter_menu>ul>li:nth-child(2)
	{
		width: 190px;
		left: 0px;
	}
	.mod_classbook.role_teacher:not(.role_controller) .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher:not(.role_controller) .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher:not(.role_controller) .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_teacher .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(2)
	{
		left: 267px;
	}

	.mod_classbook.role_teacher .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_representation #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_substitution #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_not_counted #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_diet #obj_filter_menu>ul>li:nth-child(3){
		width: 160px;
	}
	.mod_classbook.role_teacher .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_teacher .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(3)
	{
		width: 190px;
	}


	/* PARENT & STUDENT */
	/* jednoriadkove filtermenu */
	.mod_app.role_parent .page_password_change #obj_filter_menu,
	.mod_app.role_parent .page_personal_data #obj_filter_menu,
	.mod_app.role_student .page_password_change #obj_filter_menu,
	.mod_app.role_student .page_personal_data #obj_filter_menu,
	.mod_chips.role_parent .page_chips_no_attendance #obj_filter_menu,
	.mod_chips.role_parent .page_chips_no_canteen #obj_filter_menu,
	.mod_chips.role_student .page_chips_no_attendance #obj_filter_menu,
	.mod_chips.role_student .page_chips_no_canteen #obj_filter_menu,
	.mod_izk.role_parent .page_archive #obj_filter_menu,
	.mod_izk.role_student .page_archive #obj_filter_menu{
		display: block;
		margin-bottom: 0px;
	}

	/* tuning jednotlivych stranok */
	.mod_izk.role_parent .page_graduations #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_parent .page_final_exam #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_parent .page_leave_exam #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_parent .page_contacts #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips.role_parent .page_chips_no_attendance #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips.role_parent .page_chips_no_canteen #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips.role_student .page_chips_no_attendance #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips.role_student .page_chips_no_canteen #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student .page_graduations #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student .page_final_exam #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student .page_leave_exam #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_student .page_contacts #obj_filter_menu>ul>li:nth-child(1)
	{
		right: 6px;
		width: auto;
	}


	/* ADMIN */
	/* jednoriadkove filtermenu */
	.mod_app.role_admin .page_dashboard #obj_filter_menu,
	.mod_admin.role_admin .page_user_management_choice #obj_filter_menu,
	.mod_app.role_admin .page_personal_data #obj_filter_menu,
	.mod_app.role_admin .page_password_change #obj_filter_menu,
	.mod_admin.role_admin .page_login_history #obj_filter_menu,
	.mod_admin.role_admin .page_calendar #obj_filter_menu,
	.mod_admin.role_admin .page_settings #obj_filter_menu,
	.mod_admin.role_admin .page_teacher_login_list #obj_filter_menu,
	.mod_admin.role_admin .page_login_credentials_choice #obj_filter_menu,
	.mod_admin.role_admin .page_credentials #obj_filter_menu,
	.mod_classbook .page_order #obj_filter_menu,
	.mod_chips.role_admin .page_chips_no_attendance #obj_filter_menu,
	.mod_chips.role_admin .page_chips_no_canteen #obj_filter_menu,
	.mod_admin.role_admin .page_main #obj_filter_menu,
	.mod_admin.role_admin .page_prescriptions #obj_filter_menu,
	.mod_admin.role_admin .page_by_students #obj_filter_menu,
	.mod_admin.role_admin .page_student_transfers #obj_filter_menu,
	.mod_classbook.role_admin .page_all_day_absences_by_day #obj_filter_menu,
	.mod_classbook.role_admin .page_all_day_absences_by_month #obj_filter_menu,
	.mod_classbook.role_controller .page_all_day_absences_by_day #obj_filter_menu,
	.mod_classbook.role_controller .page_all_day_absences_by_month #obj_filter_menu,
	.mod_classbook.role_head_of_canteen .page_all_day_absences_by_day #obj_filter_menu,
	.mod_classbook.role_head_of_canteen .page_all_day_absences_by_month #obj_filter_menu,
	.mod_classbook.role_head_of_canteen .page_head_of_canteen_settings #obj_filter_menu,
	.mod_classbook .page_note_for_print #obj_filter_menu,
	.mod_chips .page_my_attendance #obj_filter_menu,
	.mod_chips .page_employees_attendance #obj_filter_menu,
	.mod_admin.role_admin .page_groups_report #obj_filter_menu,
	.mod_izk .page_homework_by_student #obj_filter_menu,
	.mod_admin.role_admin .page_questionnaire_codes #obj_filter_menu,
	.mod_admin.role_admin .page_questionnaire_results #obj_filter_menu
	{
		display: block;
		margin-bottom: 0px;
	}

	/* tuning jednotlivych stranok */
	.mod_admin.role_admin .page_user_management_employee #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_user_management_teacher #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_user_management_parent #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_user_management_student #obj_filter_menu>ul>li:nth-child(1)
	{
		width: 135px;
	}
	.mod_admin.role_admin .page_login_credentials_choice #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_teacher_login_list #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin .page_credentials #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_admin .page_messages #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips.role_admin .page_chips_no_attendance #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips.role_admin .page_chips_no_canteen #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips .page_class_attendance #obj_filter_menu>ul>li:nth-child(1),
	.mod_chips .page_employee_attendance #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_settings #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_calendar #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_teacher_rights #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_csc_rights #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_lc_rights #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_teacher_roles #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_longtime_substitutions #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin .page_groups #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook .page_day_view #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook .page_week_view #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook .page_week_view_kg #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook .page_week_view_csc #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook .page_visits_csc #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook .page_week_view_lc #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook .page_leave_csc #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_controller .page_report_diet #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_controller .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin.role_admin .page_statements #obj_filter_menu>ul>li:nth-child(1),
	.mod_admin .page_employee_statements #obj_filter_menu>ul>li:nth-child(1)
	{
		right: 6px;
		left: 0px;
		width: auto;
	}
	.mod_izk.role_admin .page_my_class_student_choice #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_admin .page_class_book #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_admin .page_visits #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_admin .page_timetable #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_admin .page_graduations #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_admin .page_final_grade #obj_filter_menu>ul>li:nth-child(1),
	.mod_izk.role_admin .page_leave_grade #obj_filter_menu>ul>li:nth-child(1)
	{
		width: 95px;
	}
	.mod_classbook.role_admin .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(1),
	.mod_classbook.role_admin .page_report_diet #obj_filter_menu>ul>li:nth-child(1)
	{
		left: 196px;
		right: 6px;
		width: auto;
	}
	.mod_izk.role_admin .page_my_class_student_choice #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_class_book #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_visits #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_admin .page_timetable #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_admin .page_graduations #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_admin .page_final_exam #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk.role_admin .page_leave_exam #obj_filter_menu>ul>li:nth-child(2)
	{
		left: 101px;
	}
	.mod_classbook.role_admin .page_report_representation #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_substitution #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_not_counted #obj_filter_menu>ul>li:nth-child(2){
		left: 237px;
	}
	.mod_classbook.role_admin .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_diet #obj_filter_menu>ul>li:nth-child(2){
		width: 190px;
		left: 0px;
	}
	.mod_classbook.role_admin .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(2),
	.mod_classbook.role_admin .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_report_verdicts #obj_filter_menu>ul>li:nth-child(2),
	.mod_izk .page_report_notes #obj_filter_menu>ul>li:nth-child(2)
	{
		left: 267px;
	}
	.mod_classbook.role_admin .page_report_travel_expenses #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_representation #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_substitution #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_not_counted #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_diet #obj_filter_menu>ul>li:nth-child(3){
		width: 160px;
	}
	.mod_classbook.role_admin .page_report_absences_by_week #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_absences_by_month #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_absences_by_half_year #obj_filter_menu>ul>li:nth-child(3),
	.mod_classbook.role_admin .page_report_absences_by_subject #obj_filter_menu>ul>li:nth-child(3),
	.mod_izk .page_report_verdicts #obj_filter_menu>ul>li:nth-child(3),
	.mod_izk .page_report_notes #obj_filter_menu>ul>li:nth-child(3)
	{
		width: 190px;
	}

	/* jedalen, dochadzka */
	.mod_chips #obj_filter_menu>ul>li:nth-child(1){
		width: 110px
	}
	.mod_chips #obj_filter_menu>ul>li:nth-child(2){
		left: 116px
	}
	/* DASHBOARD */
	.mod_app .page_dashboard #obj_filter_menu > ul > li > ul > li:first-child{
		padding-top: 0;
		border-top: none;
	}
	/* trojriadkove menu */
	.mod_izk.role_admin .page_verbal_eval_by_student #obj_filter_menu,
	.mod_izk.role_teacher .page_verbal_eval_by_student #obj_filter_menu{
		margin-bottom: 82px;
	}
	.mod_izk.role_admin .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(4),
	.mod_izk.role_teacher .page_verbal_eval_by_student #obj_filter_menu>ul>li:nth-child(4){
		margin-top: 41px;
		position: absolute;
		left: 0px;
		right: 6px;
	}
}



/* STYLY Z PROTOTYPU */
.main_container{
    width: 100%;
    height: 100%;
}

/* Vyber predmetu - Ucitel Moje predmety */
.subj_h1{
    font-family: 'Ubuntu', sans-serif;
	/*font-family: 'Ubuntu Condensed', sans-serif;*/
	font-weight: 500;
	font-size: 30px;
	color: rgb(51, 51, 51);
	line-height: 38px;
	margin-top: 25px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;

	border-bottom-color:rgba(0,0,0,0.25);
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.icon_default_subject{
	background: url(images/icon_default_subject.png) 0px 0px no-repeat;
	padding-left: 38px;
}
.icon_mat{
	background: url(images/icon_mat.png) 0px 0px no-repeat;
	padding-left: 38px;
}
.icon_che{
	background: url(images/icon_che.png) 0px 0px no-repeat;
	padding-left: 38px;
}
.btn_class{
	background-color:rgba(255,255,255,0.5);
	width:180px;
	height:40px;
	border-color:rgba(0,0,0,0.5);
	border-width:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-style:dotted;

	font-family: 'Ubuntu Condensed', sans-serif;
	color: rgb(51, 51, 51);
	font-weight: bold;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	float: left;
	margin: 0px 25px 25px 10px;
}
.btn_class:hover{
	background-color:rgba(39,106,173,0.15);
	cursor: pointer;
}
/* Koniec Vyber predmetu */

/* ---------------------------------------- */
/* ! STUDENTS (GRID)  */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.box_mainContent{
	    margin:0px 6px 6px 6px;
		background: url(images/color_line_1.png) repeat-x rgb(249,239,208);
		padding:30px 22px;
	}
	.box_mC {
		background-image: none;
	}
	.mainContent_grid{
		background: url(images/main_lines.png) repeat-y 0px -33px;
		min-height: 320px;
		padding: 7px 0px 6px 0px;
		font-size: 20px;
	}
	.mainContent_grid_no_average{
		background: url(images/main_lines_no_average.png) repeat-y 0px -33px;
	}
	.mainContent_row{
		display: table;
		width: 100%;
		height: 40px;
		cursor: pointer;
		background: url(images/name_bg1.png) left bottom no-repeat;
	}
	.mainContent_row_no_average{
		background: url(images/name_bg1_no_average.png) left bottom no-repeat;
	}
	.mainContent_row:hover,
	.mainContent_row.mC_select{
		background-image: url(images/name_bg2.png), url(images/parent_lines.png);
		background-repeat: no-repeat, repeat-y;
		background-position: left bottom, 0px 0px;
		background-color: rgb(252,247,232);
	}
	.mainContent_row_no_average:hover,
	.mainContent_row_no_average.mC_select{
		background-image: url(images/name_bg2_no_average.png), url(images/parent_lines.png);
	}
	.mainContent_name{
		display: table-cell;
		width: 225px;
		line-height: 40px;
		padding: 0px 10px;
		font-size: 18px;
	}
	.mainContent_marks{
		display: table-cell;
		vertical-align: top;
	}
	.mC_mark{
		width: 60px;
		height: 40px;
	    line-height: 23px;
		text-align: center;
		float: left;
	}
	.mC_mark_column{
		min-width: 60px;
		height: 40px;
		line-height: 23px;
		text-align: center;
		float: left;
	}
	.mC_mark_black{
		margin: auto;
		margin-top: 8px;
		color:rgb(0,0,0);
	}
	.mC_mark_red{
		margin: auto;
		margin-top: 8px;
		color:rgb(216,0,0);
	}
	.mC_mark_green{
		margin: auto;
		margin-top: 8px;
		color:rgb(70,140,0);
	}
	.mC_mark_blue{
		margin: auto;
		margin-top: 8px;
		color:rgb(0,89,178);
	}
	.mC_mark_square, .mC_mark_square_edit{
		margin: auto;
		margin-top: 7px;
		height:24px;
	}
	.mC_mark_square{
		width:24px;
		border-color:rgb(78,63,12);
		border-width:1px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border-style:solid;
	}
	.mC_mark_circle, .mC_mark_circle_edit{
		margin: auto;
		margin-top: 6px;
		height:24px;
	}
	.mC_mark_circle{
		width:24px;
		border-color:rgb(78,63,12);
		border-width:1px;
		-moz-border-radius:50%;
		-webkit-border-radius:50%/50%;
		border-radius:50%/50%;
		border-style:solid;
	}
	.mC_mark_new{
	    background: url(images/new_mark.svg) no-repeat left top;
	}
	.studentContent_grid .mainContent_name {
		width: 247px;
		padding: 0px;
		font-family:"Ubuntu Condensed";
	}
	.studentContent_grid .mainContent_name_with_average {
		width: 307px;
	}
	.studentContent_grid .mainContent_name span {
		display: block;
		width: 233px;
		float: left;
		padding-left: 10px;
	}
	.mC_mark_in{
		font-family:"Ubuntu";
		font-size:20px;
		color:rgb(79,63,13);
		text-align:center;
		padding: 0px 3px;
		margin: 0px;
		background-color:rgb(249,239,208);
		width: 33px;
	}
	.mC_mark_point{
		font-family:"Ubuntu condensed";
		font-size:16px;
	}
	.mC_mark_decimalPoints{
		font-family:"Ubuntu condensed";
		font-size:15px;
	}
	.mC_mark_percent{
		font-family:"Ubuntu condensed";
		font-size:18px;
	}
	.mC_alfnum{
		font-family:"Ubuntu condensed";
		font-size:16px;
		line-height:26px;
		width: 45px;
	}
	.mC_percent, .mC_points{
		font-family:"Ubuntu condensed";
		font-size:18px;
		line-height:26px;
		width: 45px;
	}
	.mC_absence{
		width: 50px;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.box_mainContent{
	    margin:0px 6px 6px 6px;
		background: url(images/color_line_1.png) repeat-x rgb(249,239,208);
		padding-top:13px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.box_mC {
		background-image: none;
		padding-top:0px;
	}
	.mainContent_grid,
	.subjectContent_columns_mobile{
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.mainContent_row{
		cursor: pointer;
		padding-bottom: 5px;
	    padding-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.mainContent_row:hover{
		background-color: rgb(252,247,232);
	}
	.mainContent_name{
		font-family:"Ubuntu Condensed";
		font-size: 18px;
		width: 100%;
		line-height: 30px;
		border-bottom:rgb(192,48,42) 3px solid;
	}
    .serNum_student{
	    display: none;
    }
	.subjectAverage{
		border-left: rgb(204, 0, 0) 3px double;
	}
	.mC_mark{
		min-width: 28px;
		height: 20px;
		line-height: 17px;
		text-align: center;
		display: inline-block;
		border-left:rgb(156,135,104) 1px dotted;
		margin-top: 8px;
		padding-left:5px;
	}
	.mC_mark>div{
		display: inline-block;
	}

	.mC_mark_black{
		color:rgb(0,0,0);
	}
	.mC_mark_red{
		color:rgb(216,0,0);
	}
	.mC_mark_green{
		color:rgb(70,140,0);
	}
	.mC_mark_blue{
		color:rgb(0,89,178);
	}
	.mC_mark_square, .mC_mark_square_edit{
		margin-left: -2px;
		height:17px;
		line-height: 16px;
	}
	.mC_mark_square{
		width:17px;
		border-color:rgb(78,63,12);
		border-width:1px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border-style:solid;
	}
	.mC_mark_circle, .mC_mark_circle_edit{
		margin-left: -2px;
		height:17px;
		line-height: 16px;
	}
	.mC_mark_circle{
		width:17px;
		border-color:rgb(78,63,12);
		border-width:1px;
		-moz-border-radius:50%;
		-webkit-border-radius:50%/50%;
		border-radius:50%/50%;
		border-style:solid;
	}
	.mC_mark_new{
	    background: url(images/new_mark2.svg) no-repeat left top;
		padding-left: 8px;
	}
	.mC_select{
		background-color: rgb(252,247,232);
	}
	.mC_select .linkNotes{
		display: block;
	}
	.mC_mark_in{
		font-family:"Ubuntu";
		font-size:14px;
		font-weight: bold;
		color:rgb(79,63,13);
		text-align:center;
		padding: 0px 2px;
		margin: 0px;
		margin-top: 1px;
		background-color:rgb(249,239,208);
		width: 20px;
	}
	.mC_mark_point{
		font-family:"Ubuntu condensed";
		font-size:16px;
	}
	.mC_mark_decimalPoints{
		font-family:"Ubuntu condensed";
		font-size:15px;
	}
	.mC_mark_percent{
		font-family:"Ubuntu condensed";
		font-size:18px;
	}
	.mC_percent, .mC_points, .mC_alfnum{
		font-family:"Ubuntu condensed";
		font-size:16px;
		line-height:19px;
		width: 50px;
	}
}

.linkNotes{
	display: none;
	font-size: 11px;
	font-family:"Ubuntu Condensed";
	line-height: 12px;
	padding: 3px 8px;
	text-align: right;
	float: right;
	background-color: rgb(243, 223, 160);
	margin-left: 10px;
}
.linkNotes a{
	color:rgb(79,63,13);
	text-decoration: none;
}
.visible{
	display: inline;
}
.visible_table_cell{
	display: table-cell;
}
.visible_inline{
	display: inline;
}

/* ---------------------------------------- */
/* ------------- PARENT (GRID) ------------ */
/* ---- alebo ucitel v rezime readOnly ---- */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.parentContent_grid .mainContent_row{
		cursor: default;
		background: url(images/subject_bg1.png) no-repeat left bottom;
	}
	.parentContent_grid .mainContent_name{
		width: 247px;
		padding: 0px;
		font-size: 18px;
		font-family:"Ubuntu Condensed";
	}
	.parentContent_grid .mainContent_name_with_average {
		width: 307px;
	}
	.parentContent_grid .mainContent_name span {
		display: block;
		width: 233px;
		float: left;
		padding-left: 10px;
	}
	/* osobne údaje */
	.parentSetting_form{
		float: right;
		width: 80%;
		text-align: right;
		margin-top: 55px;
		margin-right: 35px;
		font-size: 14px;
	}
	.pS_tm3{
		padding-left:400px;
		margin-top:-15px;
		margin-bottom:20px;
		font-size:12px;
		line-height:120%;
		text-align:right;
	}
	.parentSetting_tm1{
		margin-top: 5px;
		margin-bottom: 10px;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.parentContent_grid .mainContent_name{
		/*width: 247px;*/
		padding: 0px;
		font-size: 18px;
		font-family:"Ubuntu Condensed";
	}
	/* osobne údaje */
	.parentSetting_form{
		float: right;
		margin-right:15px;
		text-align: right;
		margin-top: 55px;
		font-size: 15px;
		font-family:"Ubuntu Condensed";
	}
	.pS_tm3{
		margin-bottom:20px;
		margin-left:30px;
		font-size:13px;
		line-height:120%;
		text-align:right;
	}
	.parentSetting_tm1{
		margin-top: 5px;
		margin-bottom: 10px;
		margin-left:30px;
		float:right;
	}
}

.pS_tm2{
	padding-left:40px !important;
	width:215px !important;
}
.pS_tm2_red{
	background: url(images/icons_email.svg) left -1px no-repeat;
}
.pS_tm3_red{
	color:rgb(217,0,0);
}
.pS_tm2_green{
	background: url(images/icons_email.svg) left -31px no-repeat;
}
.pS_tm3_green{
	color:rgb(70,140,0);
}
.pS_tm2_yellow{
	background: url(images/icons_email.svg) left -61px no-repeat;
}
.pS_tm3_yellow{
	color:rgb(213,158,0);
}

/* ---------------------------------------- */
/* ----------------- TOOLBAR -------------- */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */

	#obj_toolbar{
		position: absolute;
		background-color:rgb(223,191,96);
		/*height:79px;*/
		border-color:rgb(243,223,160);
		border-width:1px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border-style:solid;
		-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.35);
		-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.35);
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.35);
		padding: 15px 20px 15px 20px;
		width: 350px;
		z-index: 1000;
	}
	.toolbar_help{
		position:absolute;
		width:29px; height:29px;
		right:-35px;
		top:34px;
		background-image:url(images/icon_toolbar_help.svg);
		display:block;
		cursor:pointer;
	}
	.toolbar_help:hover{
		background-position:0px -29px;
	}

	.toolbar_close{
		position:absolute;
		width:29px; height:29px;
		right:-35px;
		top:-3px;
		background-image:url(images/icon_toolbar_close.svg);
		display:block;
		cursor:pointer;
	}
	.toolbar_close:hover{
		background-position:0px -29px;
	}

	.toolbar_c0{
		display: inline-block;
		width:100%;
		height: 40px;
		float: left;
		padding-bottom:7px;
		margin-bottom:7px;
		text-align:left;

		border-bottom-color:rgb(183,151,72);
		border-bottom-width:1px;
		border-bottom-style:dotted;
	}
	.toolbar_c0>div{
		background-color:rgb(243,223,160);
		width: 50px;
		height: 35px;
		line-height: 35px;
		display: inline-block;
		margin-right: 7px;
		font-size: 22px;
		cursor: pointer;
		text-align:center
	}
	.toolbar_c0>div:hover{
		background-color:rgb(249,239,208);
	}
	.toolbar_c0>div:nth-child(n+6)
	{
		display: none;
	}
	.toolbar_line3{
		position:absolute;
		height:35px;
		width: 2px;
		margin-left:287px;
		border-right-color:rgb(183,151,72);
		border-right-width:1px;
		border-right-style:dotted;
	}
	.toolbar_c1{
		display: inline-block;
		height: 100%;
		float: left;
		margin-bottom:7px;
		padding-right:1px;
		border-right-color:rgb(183,151,72);
		border-right-width:1px;
		border-right-style:dotted;
	}
	.toolbar_colorBtn{
		background-color:rgb(243,223,160);
		width:22px;
		height: 8px;
		cursor: pointer;
		padding: 11px 7px;
		float: left;
		margin-right: 5px;
		border: rgb(223,191,96) 1px solid;
	}
	.toolbar_markBtn{
		width:35px;
		height: 20px;
		padding: 5px 0px;
		font-size: 13px;
	}
	.toolbar_Btn_mark1{
		width:19px;
		height:18px;
		line-height: 18px;
		border-color:rgb(63,47,0);
		border-width:1px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border-style:solid;
		text-align: center;
		margin: auto;
	}
	.toolbar_Btn_mark2{
		width:19px;
		height:19px;
		line-height: 18px;
		border-color:rgb(63,47,0);
		border-width:1px;
		-moz-border-radius:52%;
		-webkit-border-radius:52%/52%;
		border-radius:52%/52%;
		border-style:solid;
		text-align: center;
		margin: auto;
	}
	.toolbar_line1{
		height: 5px;
		margin-bottom: 0px;
		/*border-bottom-color:rgb(183,151,72);
		border-bottom-width:1px;
		border-bottom-style:dotted;*/
		clear: both;
	}
	.toolbar_typeBtn{
		background-color:rgb(243,223,160);
		min-width:36px;
		padding-left:4px; padding-right:4px;
		height: 25px;
		line-height: 25px;
		cursor: pointer;
		float: left;
		margin-right: 5px;
		text-align: center;
		font-family:"Ubuntu Condensed";
		font-size: 13px;
		border: rgb(223,191,96) 1px solid;
	}
	.toolbar_points_in{
		font-family:"Ubuntu Condensed";
		font-size:15px;
		color:rgb(79,63,13);
		text-align:center;
		float: left;
		padding: 0px;
		margin: 0px;
		margin-top: 1px;
		margin-right: 6px;
		width: 44px;
		height: 23px;
		border-color: rgb(252,247,232);
		border: rgb(243,223,160) 1px solid;
		border-left: none;
	}
	.ti_disabled{
		color:rgb(249,239,208);
		background-color:rgb(223,191,96);
	}
	.toolbar_c3{
		position:absolute;
	}
	.toolbar_c3_info{
		position:absolute;
		margin-left:264px;
		margin-top:58px;
		width:95px;
		font-family:"Ubuntu Condensed";
		font-size:12px;
		line-height: 12px;
		text-align: left;
	}
	.toolbar_c3_right{
		position:absolute;
		margin-top:92px;
		margin-left:264px;
		width:40px;
		height:25px;
		border: rgb(223,191,96) 1px solid;
		background: url(images/arrow2.svg) no-repeat center center rgb(243,223,160);
		cursor: pointer;
	}
	.toolbar_c3_right:hover{
		background-color:rgb(249,239,208);
	}
	.toolbar_c3_down{
		position:absolute;
		margin-top:92px;
		margin-left:309px;
		width:40px;
		height:25px;
		border: rgb(223,191,96) 1px solid;
		background: url(images/arrow3.svg) no-repeat center center rgb(243,223,160);
		cursor: pointer;
	}
	.toolbar_c3_down:hover{
		background-color:rgb(249,239,208);
	}
	.toolbar_c3_keyboard{
		display:none;
	}

	.toolbar_Btn_del{
		position:absolute;
		width:50px;
		height:35px;
		margin: 0px; padding: 0px;
		margin-left:300px;
		border: none;
		background: url(images/icon_trash2.svg) no-repeat center center rgb(178,0,0);
		cursor: pointer;
	}
	.toolbar_Btn_select{
		border: rgba(243,223,160,1.00) 1px solid;
	}

	.toolbar_15_off div, .toolbar_15_off div:hover{
		cursor: default;
		color:rgb(223, 191, 96);
		background-color:rgb(243,223,160);
	}

	.open_tooblar{
		display: none;
	}

	/* datum, poznamka */
	.toolbar_notedate{
		margin-left: -21px;
		margin-top: 40px;
		position: absolute;

		background-color:rgb(223,191,96);
		border:1px solid rgb(243,223,160);
		border-top: none;
		border-top:1px dotted rgb(183,151,72);

		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius :5px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;

		-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.35);
		-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.35);
		box-shadow:0px 3px 3px 0px rgba(0,0,0,0.35);

		padding: 15px 20px 15px 20px;
		width: 350px;

		font-family: "Ubuntu Condensed";
		font-size: 13px;
		cursor: pointer;
	}
	.toolbar_date{
		float: left;
		font-weight:bold;
		padding-right:5px;
	}
	.toolbar_date input{
		font-family: "Ubuntu Condensed";
		font-size: 15px;
		/*font-weight: bold;*/
		color: rgb(79,63,13);
		text-align: right;
		margin: 0px;
		padding: 2px 3px;
		background: url(images/icon_calendar.svg) no-repeat 4px 3px rgb(249,239,208);
		width: 87px;
		background-size: 15px 15px;
	}
	.toolbar_note>div{
		float: right;
		width: 270px;
		padding-left: 10px;
		text-align: justify;
		border-left: #4F3F0D 2px solid;
	}
	.toolbar_note textarea{
		float: right;
		font-family: "Ubuntu Condensed";
		background-color: rgb(249,239,208);
		margin: 0px;
		padding: 2px 5px;
		overflow-y: auto;
		width:235px;
		color: #4F3F0D;
		font-size:13px;
		resize: none;
	}

}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */

	#obj_toolbar{
		position: fixed;
		right: 0px;
		left: 0px;
		bottom: 0px;
		background-color:rgb(223,191,96);
		-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
		-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
		box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
		text-align: center;
		z-index: 1000;
	}
	.toolbar_c0{
		margin-left: auto; margin-right: auto;
		border-bottom:rgb(181,126,0) 1px solid;
		border-top:rgb(249,239,208) 1px solid;
		padding: 2%;

		white-space: nowrap;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.toolbar_c0>div{
		background-color:rgb(243,223,160);
		width: 18%;
		height: 35px;
		line-height: 35px;
		display: inline-block;
		margin-left:1%; margin-right: 1%;
		font-size: 22px;
	}
	.toolbar_c0>div:hover{
		background-color:rgb(249,239,208);
	}
	.toolbar_line3{
		position:absolute;
		display:none;
	}
	.toolbar_c1{
		position: relative;
		border-top:rgb(249,239,208) 1px solid;
		border-bottom:rgb(181,126,0) 1px solid;
		padding: 2%;

		/* white-space: nowrap; */
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.toolbar_colorBtn{
		background-color:rgb(243,223,160);
		width: 10%;
		height: 10px;
		cursor: pointer;
		padding: 10px 2%;
		display: inline-block;
		margin-left:0px; margin-right: 0px;
		border: rgb(223,191,96) 2px solid;
	}
	.toolbar_markBtn{
		padding: 0px 2%;
		vertical-align: top;
		height: 30px;
	}
	.toolbar_Btn_mark1{
		width:19px;
		height:18px;
		line-height: 16px;
		border-color:rgb(63,47,0);
		border-width:1px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border-style:solid;
		text-align: center;
		margin: auto;
		margin-top: 5px;
	}
	.toolbar_Btn_mark2{
		width:19px;
		height:19px;
		line-height: 16px;
		border-color:rgb(63,47,0);
		border-width:1px;
		-moz-border-radius:52%;
		-webkit-border-radius:52%/52%;
		border-radius:52%/52%;
		border-style:solid;
		text-align: center;
		margin: auto;
		margin-top: 5px;
	}
	.toolbar_line1{
		height: 2px;
	}
	.toolbar_typeBtn{
		font-family:"Ubuntu Condensed";
		font-weight: bold;
		background-color:rgb(243,223,160);
		display: inline-block;
		width:19%;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
		text-align: center;
		font-size: 14px;
		border: rgb(223,191,96) 2px solid;
	}
	.toolbar_points_in{
		font-family:"Ubuntu Condensed";
		font-size:14px;
		color:rgb(79,63,13);
		text-align:center;
		padding: 0px;
		margin: 0px;
		width: 12%;
		height: 30px;
		border-color: rgb(252,247,232);
		border-bottom: rgb(255,255,255) 2px solid;
		border-top: rgb(255,255,255) 2px solid;
		border-right: rgb(255,255,255) 2px solid;
		margin-left: -6px;
	}
	.tb_disabled {
		background-color:rgb(223,191,96);
		border: rgb(243,223,160) 2px solid;
	}
	.ti_disabled {
		color: #F9EFD0;
		background-color:rgb(223,191,96);
		border: rgb(243,223,160) 2px solid;
		height: 26px;
	}
	.toolbar_c3{
		border-top:rgb(249,239,208) 1px solid;
		padding: 2%;
	}
	.toolbar_c3>div{
		display: inline-block;
	}
	.toolbar_Btn_del{
		width:19%;
		height:34px;
		margin: 0px; padding: 0px;
		border: rgb(223,191,96) 2px solid;
		background: url(images/icon_trash2.svg) no-repeat center center rgb(178,0,0);
		cursor: pointer;
	}
	.toolbar_c3_info{
		width:22%;
		font-family:"Ubuntu Condensed";
		font-size:11px;
		line-height: 10px;
		text-align: right;
		vertical-align: top;
	}
	.toolbar_c3_right{
		width:15%;
		height:30px;
		border: rgb(223,191,96) 2px solid;
		background: url(images/arrow2.svg) no-repeat center center rgb(243,223,160);
		cursor: pointer;
	}
	.toolbar_c3_right:hover{
		background-color:rgb(249,239,208);
	}
	.toolbar_c3_down{
		width:15%;
		height:30px;
		border: rgb(223,191,96) 2px solid;
		background: url(images/arrow3.svg) no-repeat center center rgb(243,223,160);
		cursor: pointer;
	}
	.toolbar_c3_down:hover{
		background-color:rgb(249,239,208);
	}
	.toolbar_c3_keyboard{
		width:15%;
		height:30px;
		border: rgb(223,191,96) 2px solid;
		background: url(images/keyboard_close.svg) no-repeat center center rgb(243,223,160);
		cursor: pointer;
		margin-left: 3%;
	}
	.toolbar_c3_keyboard:hover{
		background-color:rgb(249,239,208);
	}

	.toolbar_Btn_select{
		border: rgb(255,255,255) 2px solid;
	}
	.toolbar_15_off{
		display:none;
	}

	.open_tooblar{
		position:fixed;
		width: 40px;
		height: 35px;
		right: 0px;
		bottom: 20px;
		background: url(images/icon_edit.svg) no-repeat center center rgba(223,191,96,0.7);
		border-radius: 4px 0px 0px 4px;
		box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
		z-index: 999;
	}

	/* datum, poznamka */
	.toolbar_notedate{
		display: table;
		position: absolute;
		height: 70px;
		width: 95%;
		left: 98.5%;
		top: 9px;
		text-align: left;
		font-family: "Ubuntu Condensed";
	}
	.toolbar_date{
		display: inline-block;
		width: 22%;
	}
	.toolbar_date>div{
		font-weight: bold;
		font-size: 16px;
		line-height: 30px;
	}
	.toolbar_date input{
		font-family:"Ubuntu Condensed";
		background-color: rgb(249,239,208);
		font-size:14px;
		color:rgb(79,63,13);
		text-align:center;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 30px;
		box-sizing: border-box;
		border: none;
	}
	.toolbar_note{
		position: absolute;
		display: inline-block;
		left: 24%;
		width: 74%;
		height: 70px;
		overflow-y: hidden
	}
	.toolbar_note>div{
		float: right;
		padding-left: 10px;
		padding-right: 5px;
		text-align: justify;
		border-left: #4F3F0D 2px solid;
		font-size: 14px;
	}
	.toolbar_note textarea{
		font-family:"Ubuntu Condensed";
		font-size:14px;
		color:rgb(79,63,13);
		background-color: rgb(249,239,208);
		text-align: left;
		padding: 3px;
		margin: 0px;
		width: 100%;
		height: 68px;
		resize: none;
		box-sizing: border-box;
		border: none;
	}
}

.toolbar_colorBtn:hover{
	background-color:rgb(249,239,208);
}
.toolbar_Btn_red{
	background-color:rgb(217,0,0);
	height: 100%;
}
.toolbar_Btn_green{
	background-color:rgb(70,140,0);
	height: 100%;
}
.toolbar_Btn_blue{
	background-color:rgb(0,128,255);
	height: 100%;
}
.toolbar_Btn_black{
	background-color:rgb(0,0,0);
	height: 100%;
}
.toolbar_Btn_select{
    background-color:rgb(255,255,255);
}

.toolbar_typeBtn:hover{
	background-color:rgb(249,239,208);
}
.toolbar_line2{
	float: left;
	height: 100%;
	width: 12px;
	margin-right: 12px;
	border-right-color:rgb(183,151,72);
	border-right-width:1px;
	border-right-style:dotted;
}
.toolbar_c2{
	display: inline-block;
	height: 100%;
	float: left;
	padding-right: 12px;
	/*border: rgb(204, 0, 0) 1px solid*/
}
.toolbar_userBtn{
	width:50px;
	height: 25px;
	cursor: pointer;
}
.toolbar_userBtn:hover{
	background-color:rgb(249,239,208);
}
.toolbar_oneStudent{
	background: url(images/oneStudent.svg) no-repeat center center rgb(243,223,160);
	margin-bottom: 8px;
}
.toolbar_allStudents{
	background: url(images/allStudents.svg) no-repeat center center rgb(243,223,160);
}
.toolbar_allStudents_in{
	font-family:"Ubuntu";
	font-size:14px;
	color:rgb(79,63,13);
	text-align:center;
	padding: 0px;
	margin: 0px;
	width: 48px;
	height: 20px;
	border-color: rgb(252,247,232);
	border: rgb(243,223,160) 1px solid;
}
.toolbar_Btn_del:hover{
    background-color: rgb(230, 0, 0);
}
.toolbar_Btn_saveAll{
	width:30px;
	height:30px;
	margin: 0px; padding: 0px;
	border: none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background: url(images/ok2.svg) no-repeat center center rgb(70,140,0);
	cursor: pointer;
	margin-top: 23px;
	margin-left: 15px;
	display: none;
}
.toolbar_Btn_saveAll:hover{
    background-color: rgb(90,181,0);
}
.toolbar_Btn_close{
    background: url(images/x2.png) no-repeat center center;
	width:22px;
	height:22px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%/50%;
	border-radius:50%/50%;
	cursor: pointer;
	position: absolute;
	top: 3px;
	right: 4px;
}
.toolbar_Btn_close:hover{
	background-color:rgb(183,138,4);
}

.toolbar_markBtn_off,
.toolbar_markBtn_off:hover{
	cursor: default;
	color:rgb(223, 191, 96);
	background-color:rgb(243,223,160);
}
.toolbar_markBtn_off .toolbar_Btn_mark1,
.toolbar_markBtn_off .toolbar_Btn_mark2{
	border-color:rgb(223, 191, 96);
}
.toolbar_Btn_select:hover{
	background-color:white;
}

/* ---------------------------------------- */
/* ! NOTES */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.box_notes {
		margin:0px 6px 6px 6px;
		background-color:rgb(243,223,160);
		min-height:100px;
		padding: 2px 30px 25px 30px;
	}
	.notes_icon{
		margin-left: 10px;
		border: 0;
		vertical-align: bottom;
		width: 20px;
		height: 20px;
	}
	.notes_title1 {
		float: left;
		font-size:22px;
		line-height:50px;
		color:rgb(77,63,12);
		margin-left: 10px;
	}
	.notes_selectionName {
		float: left;
		font-size:22px;
		line-height:50px;
		color:rgb(77,63,12);
		margin-left: 10px;
	}
	.notes_add{
		margin-top: 12px;
	}
	.notes_date {
		display: table-cell;
		font-weight:bold;
		color:rgb(79,63,13);
		text-align:right;
		width: 127px;
		padding-right: 10px;
		vertical-align: top;
	}
	.notes_date.is_note {
		color:rgb(216,0,0);
	}
	.notes_date.is_praise {
		color:rgb(42,170,0);
	}
	.notes_date_edit {
		display: table-cell;
		width: 124px;
		vertical-align: top;
		padding: 0px 13px 0px 0px;
	}
	.notes_date_edit .is_note_check{
		margin-top: 10px;
	}
	.notes_date_edit .is_praise_check{
		margin-top: 10px;
	}
	.notes_date_edit .is_note_title{
		padding-left: 6px;
	}
	.notes_date_edit .is_praise_title{
		padding-left: 6px;
	}
	.notes_date_in {
		font-family:"Ubuntu Condensed";
		font-size:15px;
		color:rgb(79,63,13);
		text-align:right;
		margin: 0px;
		padding: 2px 3px;
		background: url(images/icon_calendar.svg) no-repeat 4px rgb(249,239,208);
		background-size: 15px 15px;
		width: 87px;
	}
	.notes_line_edit {
		display: table-cell;
		vertical-align: middle;
		padding: 0px 5px;
		width: 20px;
	}
	.notes_del_edit{
		vertical-align: middle;
		display: table-cell;
		width: 20px;
	}
	.notes_del{
		width:20px;
		height:20px;
		margin: auto;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border: none;
		background: url(images/x2.png) no-repeat 4px 4px rgb(178,0,0);
	}
	.notes_ok{
		width:20px;
		height:20px;
		margin: auto;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border: none;
		background: url(images/ok.svg) no-repeat 1px 2px rgb(70,140,0);
	}
	#edit_verbal_eval .notes_txt_edit {
		display: flex;
		padding-bottom: 5px;
	}
	#message_list .notes_txt p:first-of-type,
	.box_notes .notes_txt p:first-of-type{
		margin-top: 0em;
	}
	#message_list .input_file {
		padding-top: 5px;
	}
	.notes_header {
		margin-bottom: 20px;
		background: url(images/color_line_2.png) repeat-x left bottom;
	}
	.notes_visible{
		display: table;
	}
	.notes_txt {
		padding-left: 0px;
		margin-left: 8px;
		font-size:15px;
		text-align: left;
		vertical-align: top;
	}
	#message_list .notes_txt_edit{
		display: block;
		vertical-align: top;
		width: calc(100% - 10px);
	}
	#message_list .notes_bullet,
	#verdict_list .notes_bullet{
		display: table-cell;
		background-color:rgba(79,63,13,0.75);
		width:2px;
	}
	.notes_date > div{
		padding-top: 15px;
		font-weight: normal;
	}
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.box_notes {
		font-family:"Ubuntu Condensed";
	    margin:0px 6px 6px 6px;
		background-color:rgb(243,223,160);
		min-height:100px;
		padding: 2px 15px 15px 15px;
	}
	.notes_icon {
		position: absolute;
		margin-left: 15px;
	}
	#message_list .notes_date_edit .notes_icon {
		margin-top: 3px;
	}
	#message_list .notes_record_in .notes_txt{
		margin-top: 10px;
	}
	.notes_title1 {
		float: right;
		font-size:20px;
		color:rgb(77,63,12);
		margin-top: 35px;
	}
	.notes_selectionName {
		position: absolute;
		right: 20px;
		font-size:20px;
		color:rgb(77,63,12);
		margin-top: 35px;
	}
	.notes_header {
		right: 20px;
		left: 20px;
		padding-top: 8px;
		padding-left: 50px;
		text-align: right;
		background: url(images/color_line_2.png) repeat-x left bottom;
		font-size: 18px;
		line-height: 28px;
		height: 60px;
	}
	.notes_add{
		position: absolute;
		margin-top: 10px;
		z-index: 1;
	}
	.notes_date {
		font-weight:bold;
		color:rgb(79,63,13);
	}
	.notes_date.is_note {
		color:rgb(216,0,0);
	}
	.notes_date.is_praise {
		color:rgb(42,170,0);
	}
	.notes_date_edit {
		display: table-cell;
		width: 70px;
		vertical-align: top;
		padding: 0px 5px 0px 0px;
	}
	.notes_date_in {
		background-color: rgb(255,255,255);
		box-sizing: border-box;
		border:1px solid rgb(232,213,156);
		font-family: "Ubuntu";
		font-size: 16px;
		color: rgb(77,63,12);
		padding: 3px 8px;
		width: 120px;
		text-align:right;
		background: url(images/icon_calendar.svg) no-repeat 4px rgb(249,239,208);
		background-size: 15px 15px;
	}
	.notes_date_edit .is_note_check{
		position: absolute;
		margin-top: 6px;
		margin-left: 50px;
	}
	.notes_date_edit .is_praise_check{
		position: absolute;
		margin-top: 6px;
		margin-left: 50px;
	}
	.notes_date_edit .is_note_title{
		position: absolute;
		margin-top: 3px;
		margin-left: 70px;
	}
	.notes_line_edit {
		display: none;
	}
	#message_list .notes_del_edit,
	#verdict_list .notes_del_edit{
		display: inline;
		margin-top: 10px;
	}
	#message_list .notes_del_edit:not(:last-of-type),
	#verdict_list .notes_del_edit:not(:last-of-type){
		margin-left: calc(100% - 102px);
		float: left;
	}
	#message_list .notes_del_edit:last-of-type,
	#verdict_list .notes_del_edit:last-of-type{
		float: right;
	}
	.notes_del{
		width:45px;
		height:25px;
		margin: auto;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border: none;
		background: url(images/x2.png) no-repeat center center rgb(178,0,0);
	}
	.notes_ok{
		width:45px;
		height:25px;
		margin: auto;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border: none;
		background: url(images/ok.svg) no-repeat center center rgb(70,140,0);
	}
	#message_list .notes_txt_area {
		height: 85px;
	}
	#message_list .notes_txt input{
		margin-top: 10px;
	}
	#message_list .notes_record_in,
	#verdict_list .notes_record_in{
		padding-bottom: 35px;
	}
	#verdict_list .notes_date > div{
		display: inline;
		font-weight: normal;
		padding-left: 20px;
	}
	#verdict_list .notes_txt{
		padding-top: 10px;
	}
}

.notes_add{
	background-color:rgb(249,239,208);
	width:40px;
	height:25px;
	border-color:rgb(209,185,109);
	border-width:1px;
	border-style:solid;
	float: left;
	font-size:22px;
	line-height:22px;
	color:rgb(77,63,12);
	text-align:center;
	cursor: pointer;
}
.notes_add:hover {
	background-color:rgb(252,247,232);
}
.notes_record, .notes_record_readonly {
	font-family:"Ubuntu Condensed";
	font-size:15px;
	padding: 15px 0px;
	width: 100%;
}
.notes_record:hover{
	background-color: rgb(248,237,203);
	cursor: pointer;
}
.notes_record_in {
	width: 100%;
	padding: 15px 0px;
}
#message_list .notes_attach{
	margin: 5px 0px;
}
.notes_txt_area {
	font-family:"Ubuntu Condensed";
	font-size:15px;
	background-color:rgb(249,239,208);
	font-size:15px;
	margin: 0px;
	padding: 2px 5px;
	overflow-y: auto;
	width: 100%;
	resize: vertical;
}
.notes_line1 {
	background-color:rgba(79,63,13,0.75);
	width: 8px;
	height: 2px;
	margin: auto;
}
.notes_del:hover{
	background-color: rgb(230, 0, 0);
	cursor: pointer;
}
.notes_ok:hover{
	background-color: rgb(90,181,0);
	cursor: pointer;
}

/* ---------------------------------------- */
/* ! NOTES - Parent */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.notesParent{
		display: table;
		border-spacing: 6px 0px;
		width: 100%;
	}
	.notesParent>div:first-child{
		display: table-cell;
		width: 58%;
	}
	.notesParent>div:last-child{
		display: table-cell;
	}
	.notesParent .notes_record:hover{
		background-color: inherit;
		cursor: default;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.notesParent .notes_header{
		position:relative;
		height:33px;
		left:auto;
		right:auto;
	}
}
.notes_teacher,
.mod_classbook .page_lesson .teaching_teacher,
.mod_classbook .page_lesson_kg .teaching_teacher,
.mod_classbook .page_lesson_csc .teaching_teacher,
.mod_classbook .page_lesson_lc .teaching_teacher{
	font-size:12px;
	color:rgba(76,63,12,0.5);
	text-align:right;
}
.notes_teacher a{
	color: rgba(76,63,12,0.5);
	text-decoration: none;
}
.notes_teacher a:hover{
	border-bottom: rgba(76,63,12,0.5) 1px dotted;
}
.notesParent>div:last-child .notes_record>div:nth-child(2){
	text-transform: uppercase;
}
.notesParent>div:last-child .notes_record>div:nth-child(3){
	border-bottom:rgb(164,151,110) 1px dotted;
	padding-bottom: 6px;
	font-size:14px;
}
.notesParent>div:last-child .notes_record>div:nth-child(4){
	font-size:14px;
	padding-top:6px;
}

/* ---------------------------------------- */
/* ! LOGIN */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px){ /* desktop */
	.mod_app .page_log_in .login_title,
	.mod_app .page_school_log_in .login_title
	{
		background-color:rgb(243,223,160);
		height:90px;
		margin:-58px 6px 6px 6px;
		padding: 0px 35px;

		font-size:42px;
		line-height:90px;
		color:rgb(76,63,12);
		text-align:right;
	}
	.mod_app .page_log_in .login_content2,
	.mod_app .page_school_log_in .login_content2
	{
		display: table;
		border-spacing: 6px;
		width: 100%;
		height: 10px;
		margin-top: -6px;
		margin-bottom: -6px;
	}
	/* banners */
	.mod_app .page_log_in .login_banner2,
	.mod_app .page_school_log_in .login_banner2
	{
		width: 60%;
		display: table-cell;
		border-spacing: 0px;
		height: 100%;
		vertical-align: top;
	}
	.mod_app .page_log_in .banner_content2,
	.mod_app .page_school_log_in .banner_content2
	{
		display: table-row;
		height: 10%;
	}
	.mod_app .page_log_in .banner_content2>div,
	.mod_app .page_school_log_in .banner_content2>div
	{
		line-height: 0px;
		margin-bottom: 6px;
	}
	.mod_app .page_log_in .banner_content2>div img,
	.mod_app .page_school_log_in .banner_content2>div img
	{
		border: 0px;
		width: 100%;
		height: auto;
	}
	.mod_app .page_log_in .footer2,
	.mod_app .page_school_log_in .footer2
	{
		display: table-row;
	}
	.mod_app .page_log_in .footer2>div,
	.mod_app .page_school_log_in .footer2>div
	{
		background-color: rgb(243, 223, 160);
		height: 100%;
		min-height: 30px;
	}
	/* forms */
	.mod_app .page_log_in .login_form2,
	.mod_app .page_school_log_in .login_form2
	{
		width: 40%;
		display: table-cell;
		vertical-align: top;
		background-image: url(images/color_line_1.png), url(images/butterflies.png);
		background-position: left top, right bottom;
		background-repeat: repeat-x, no-repeat;
		background-color: rgb(249, 239, 208);
	}
	.mod_app .page_log_in .form_content2,
	.mod_app .page_school_log_in .form_content2
	{
		text-align: right;
		font-size: 14px;
		/*background-image: url(images/color_line_1.png), url(images/butterflies.png);
		background-position: left top, right bottom;
		background-repeat: repeat-x, no-repeat;
		background-color: rgb(249, 239, 208);*/
		/* -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;*/
		height: 100%;
		padding: 50px 35px;
	}
	.mod_app .page_log_in .login_form2 .title,
	.mod_app .page_school_log_in .login_form2 .title
	{
		font-size: 36px;
		margin-bottom: 20px;
	}

	/* styly pre stranky vychadzajuce z povodneho dizajnu */
	.mod_app .page_reset_password .login_title,
	.mod_app .page_reset_password_lost .login_title,
	.mod_app .page_email_verification_done .login_title,
	.mod_app .page_art_registration .login_title,
	.mod_app .page_registration .login_title,
	.mod_management .page_log_in .login_title,
	.mod_app .page_questionnaire .login_title
	{
		background-color:rgb(243,223,160);
		height:90px;
		margin:-58px 6px 6px 6px;
		padding: 0px 35px;

		font-size:42px;
		line-height:90px;
		color:rgb(76,63,12);
		text-align:right;
	}
	.mod_app .page_reset_password .login_content,
	.mod_app .page_reset_password_lost .login_content,
	.mod_app .page_personal_data .login_content,
	.mod_app .page_password_change .login_content,
	.mod_app .page_email_verification_done .login_content,
	.mod_app .page_art_registration .login_content,
	.mod_app .page_registration .login_content,
	.mod_app .page_registration_rights .login_content,
	.mod_management .page_log_in .login_content,
	.mod_management .page_password_change .login_content,
	.mod_classbook .page_order .order_content,
	.mod_app .page_questionnaire .login_content
	{
		min-height: 440px;
		background-image: url(images/color_line_1.png), url(images/butterflies.png);
		background-position: left top, center bottom;
		background-repeat: repeat-x, no-repeat;
		background-color: rgb(249, 239, 208);
		margin: 0px 6px 6px 6px;
		padding-bottom: 30px;
		overflow: auto;
	}
	.mod_management .page_log_in .login_description
	{
		float: left;
		width: 40%;
		margin-top: 55px;
		margin-left: 60px;
	}
	.mod_management .page_log_in .login_desc_title
	{
		font-size: 42px;
		margin-bottom: 20px;
	}
	.mod_management .page_log_in .login_form,
	.mod_management .page_password_change .login_form,
	.mod_app .page_reset_password .login_form,
	.mod_app .page_reset_password_lost .login_form,
	.mod_app .page_email_verification_done .login_form,
	.mod_app .page_password_change .login_form,
	.mod_app .page_art_registration .login_form,
	.mod_app .page_registration .login_form
	{
		float: right;
		width: 40%;
		text-align: right;
		margin-top: 55px;
		margin-right: 35px;
		font-size: 14px;
	}
	.mod_app .page_reset_password_lost .login_form{
		width: 90%;
	}

}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_app .page_log_in .title,
	.mod_app .page_school_log_in .title,
	.mod_app .page_log_in .desc,
	.mod_app .page_school_log_in .desc
	{
		display: none;
	}
	.mod_app .page_log_in .login_title,
	.mod_app .page_school_log_in .login_title
	{
		background-color:rgb(243,223,160);
		height:50px;
		margin:-46px 6px 6px 6px;
		padding: 0px 15px;

		font-size:26px;
		line-height:50px;
		color:rgb(76,63,12);
		text-align:right;
	}
	.mod_app .page_log_in .login_form2{
		margin: 0px 6px 6px 6px;
	}
	.mod_app .page_log_in .form_content2,
	.mod_app .page_school_log_in .form_content2
	{
		background-image: url(images/color_line_1.png), url(images/butterflies.png);
		background-position: left top, right bottom;
		background-repeat: repeat-x, no-repeat;
		background-color: rgb(249, 239, 208);
		/* margin: 0px 6px 6px 6px; */
		padding-bottom: 30px;
		overflow: auto;
			}
	.mod_app .page_log_in .form_content2,
	.mod_app .page_school_log_in .form_content2
	{
		padding-top: 5px;
		text-align: right;
		padding-right: 17px;
		font-size: 15px;
		font-family:"Ubuntu Condensed";
	}
	.mod_app .page_log_in .title,
	.mod_app .page_school_log_in .title
	{
		font-size: 28px;
		font-weight:300;
		margin-bottom: 20px;
	}

	/* banners */
	.mod_app .page_log_in .login_banner2,
	.mod_app .page_school_log_in .login_banner2
	{
		display: none;
	}

	/* styly pre stranky vychadzajuce z povodneho dizajnu */
	.mod_app .page_reset_password .login_title,
	.mod_app .page_reset_password_lost .login_title,
	.mod_app .page_email_verification_done .login_title,
	.mod_app .page_art_registration .login_title,
	.mod_app .page_registration .login_title,
	.mod_management .page_log_in .login_title,
	.mod_app .page_questionnaire .login_title
	{
		background-color:rgb(243,223,160);
		height:50px;
		margin:-46px 6px 6px 6px;
		padding: 0px 15px;

		font-size:26px;
		line-height:50px;
		color:rgb(76,63,12);
		text-align:right;
	}
	.mod_app .page_reset_password .login_content,
	.mod_app .page_reset_password_lost .login_content,
	.mod_app .page_personal_data .login_content,
	.mod_app .page_password_change .login_content,
	.mod_app .page_email_verification_done .login_content,
	.mod_app .page_art_registration .login_content,
	.mod_app .page_registration .login_content,
	.mod_app .page_registration_rights .login_content,
	.mod_management .page_log_in .login_content,
	.mod_management .page_password_change .login_content,
	.mod_classbook .page_order .order_content,
	.mod_app .page_questionnaire .login_content
	{
		background-image: url(images/color_line_1.png), url(images/butterflies.png);
		background-position: left top, right bottom;
		background-repeat: repeat-x, no-repeat;
		background-color: rgb(249, 239, 208);
		margin: 0px 6px 6px 6px;
		padding-bottom: 30px;
		overflow: auto;
	}
	.mod_management .page_log_in .login_description
	{
		margin-top: 35px;
		margin-right: 17px;
		font-size:13px;
		text-align:right;

		display:none;
	}
	.mod_management .page_log_in .login_description div:last-child
	{
		display:none
	}
	.mod_management .page_log_in .login_desc_title
	{
		font-size: 28px;
		font-weight:300;
		margin-bottom: 20px;
	}
	.mod_management .page_log_in .login_form,
	.mod_management .page_password_change .login_form,
	.mod_app .page_email_verification_done .login_form,
	.mod_app .page_reset_password .login_form,
	.mod_app .page_reset_password_lost .login_form,
	.mod_app .page_password_change .login_form
	{
		margin-top: 40px;
		text-align: right;
		margin-right: 17px;
		font-size: 15px;
		font-family:"Ubuntu Condensed";
	}
}
.login_inp{
	background-color:rgb(255,255,255);
	width:228px;
	height:28px;
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;

	font-family:"Ubuntu";
	font-size:14px;
	font-weight:bold;
	color:rgb(77,63,12);
	text-align:right;
	margin: 5px 0px 10px 0px;
	padding: 0px 5px;
}
.password_ie8{
	font-family:sans-serif;
}
.login_btn{
	background-color:rgb(140,105,0);
	width:110px;
	height:38px;
	border: none;
	margin-top: 15px;
	cursor: pointer;
	font-family:"Ubuntu";
	font-size:18px;
	line-height:35px;
	color:rgb(255,255,255);
	text-align:center;
}
.login_btn:hover{
	background-color:rgb(97, 73, 0);
}

.login_footer,
.lesson_footer,
.mod_izk .page_my_subject_grades .my_subject_footer{
	background-color:rgb(243,223,160);
    margin: 0px 6px 6px 6px;
}
.login_footer{
	height: 35px;
}
.login_mssg{
	font-family:"Ubuntu Condensed";
	/*font-weight: bold;*/
	line-height: 18px;
	font-size:14px;
	color:rgb(178,0,0);
	text-align:right;
	margin-top: 15px;
}
.flash{
	float: right;
	width: 100%;
	text-align: right;
	margin-top: 10px;
	margin-right: 35px;
}
.reset_btn {
	width: 150px;
}

/* ---------------------------------------- */
/* ! SUBJECT CHOICE */
/* ---------------------------------------- */
.sbj_choice_bg{
   	background-image: url(images/color_line_1.png), url(images/butterflies.png);
	background-position: left top, right bottom;
	background-repeat: repeat-x, no-repeat;
	background-color: rgb(249,239,208);
}
.sbj_choice{
    display: inline-block;
    margin-bottom: 40px;
}
.sbj_choice:first-of-type{
    padding-top: 20px;
}
.sbj_choice_title{
    font-size:30px;
    padding-bottom: 5px;

    border-bottom-color:rgba(64,32,0,0.5);
    border-bottom-width:1px;
    border-bottom-style:dotted;
}
.sbj_choice_title_pdf_list{
	font-size:18px;
	font-weight: bold;
	margin-top: 15px;
}
.sbj_choice_class{
    float: left;
    background-color:rgb(140,105,0);
    width:125px;
    height:38px;

    font-size:16px;
    font-weight:bold;
    line-height:38px;
    color:rgb(255,255,255);
    text-align:center;
    margin-top: 24px;
    margin-right: 15px;
    cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sbj_choice_class:hover{
    background-color:rgb(97, 73, 0);
}
.mod_izk .page_my_subjects_choice .sbj_choice_class,
.mod_izk .page_homework_subject_choice .sbj_choice_class,
.mod_izk .page_statement_choice .sbj_choice_class,
.mod_app .page_statement_choice .sbj_choice_class{
	width: auto;
	min-width:110px;
	font-weight:normal;
	padding: 0px 10px;
}
.mod_izk .page_my_subjects_choice .sbj_choice_class.substituted,
.mod_izk .page_homework_subject_choice .sbj_choice_class.substituted{
	background-image: url(images/icon_substitute_izk.svg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 25px;
}
.mod_izk .page_my_subjects_choice .sbj_choice_class span.class_name,
.mod_izk .page_homework_subject_choice .sbj_choice_class span.class_name{
	font-weight:bold;
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.sbj_choice_title{
		font-family:"Ubuntu Condensed";
		font-size: 20px;
	}
	.sbj_choice{
		padding-top:8px;
		display:block;
		margin-left:15px;
		margin-right:15px;
		margin-bottom:0px;
	}
	.sbj_choice a{
		text-decoration:none;
	}
	.sbj_choice_class{
		width:78px;
		margin-top: 15px;
		margin-right:12px;
		font-family:"Ubuntu Condensed";
		font-size:22px;
		font-weight:normal;
		float:none;
		display:inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.mod_izk .page_my_subjects_choice .sbj_choice_class,
	.mod_izk .page_homework_subject_choice .sbj_choice_class{
		min-width:80px;
		padding: 0px 6px;
	}
	.sbj_choice_bg{
		padding-bottom:30px;
	}
	.sbj_choice_bg>div:nth-child(2){
		padding-top:18px;
	}
}

/* ---------------------------------------- */
/* --------------- TIMETABLE -------------- */
/* ---------------------------------------- */

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	#timetable{
		width: 100%;
		border-collapse: collapse;
		font-size: 18px;
		table-layout: fixed;
	}
	#timetable td {
		padding: 0;
		height: 60px;
		min-width: 15px;
		background: url(images/timetable_line1.png) right repeat-y, url(images/timetable_line2.png) bottom repeat-x;
		text-align: center;
		background-clip: padding-box;
	}
	#timetable tr:first-child td, #timetable tr:last-child td { /* hlavicka a pata tabulky */
		height: 15px;
		background-image: none;
	}
	#timetable tr:nth-child(2) td{ /* riadok hodiny */
		border-bottom-color:rgb(192,48,42);
		border-bottom-width:1px;
		border-bottom-style:solid;
		background-color:rgb(252,247,232);
	}
	#timetable tr:nth-child(2) td:not(:first-child):not(:nth-child(2)){
		background-image: url(images/timetable_line1.png);
		background-position: right;
		background-repeat: repeat-y;
	}
	#timetable tr:nth-child(2) td:first-child{ /* txt hodiny */
		font-weight: normal;
	}
	#timetable tr:nth-child(2) td div:first-child{ /* 0,1,2 ... */
		font-size: 20px;
		font-weight: bold;
	}
	#timetable tr:nth-child(2) td div:last-child{ /* cas hodin */
		font-family:"Ubuntu Condensed";
		font-size: 14px;
	}
	#timetable tr td:nth-child(1) { /* dni */
		text-align: left;
		padding-left: 25px;
		font-weight: bold;
		width: 105px;
	}
	#timetable tr:not(:nth-child(2)) td:nth-child(1) { /* dni */
		background: url(images/timetable_line2.png) bottom repeat-x;
	}
	#timetable tr:first-child td:nth-child(1),
	#timetable tr:nth-child(2) td:nth-child(1),
	#timetable tr:last-child td:nth-child(1){ /* dni */
		background-image: none;
	}
	.mod_izk .page_timetable #timetable tr td:last-child{ /* koniec tabulky */
		width: 30px;
		min-width: 30px;
	}
	.mod_izk .page_timetable #timetable tr:not(:first-child) td:last-child{ /* koniec tabulky */
		background-image: url(images/timetable_line2.png);
		background-position: bottom;
		background-repeat: repeat-x;
	}
	.mod_izk .page_timetable #timetable tr:nth-child(2) td:last-child,
	.mod_izk .page_timetable #timetable tr:last-child td:last-child{
		background-image: none;
	}
	#timetable tr td:nth-child(2) { /* cerveny separator */
		border-right-color:rgb(192,48,42);
		border-right-width:1px;
		border-right-style:solid;
		border-left-color:rgb(192,48,42);
		border-left-width:1px;
		border-left-style:solid;
		width: 2px;
		min-width: 2px;
		background-image: none;
	}

	#timetable2{
		width: 100%;
		border-collapse: collapse;
		font-size: 18px;
		table-layout: fixed;
		margin-left: 0px;
	}
	#timetable2 td {
		padding: 0;
		height: 60px;
		width: 75px;
		background: url(images/timetable_line1.png) right repeat-y, url(images/timetable_line2.png) bottom repeat-x;
		text-align: center;
		background-clip: padding-box;

	}
	#timetable2 tr:first-child td, #timetable tr:last-child td { /* hlavicka a pata tabulky */
		height: 0px;
		background-image: none;

	}
	#timetable2 tr:nth-child(2) td{ /* riadok hodiny */
		border-bottom-color:rgb(192,48,42);
		border-bottom-width:1px;
		border-bottom-style:solid;
		background-color:rgb(252,247,232);
	}



	#timetable2 tr:nth-child(2) td:not(:first-child):not(:nth-child(2)){
		background-image: url(images/timetable_line1.png);
		background-position: right;
		background-repeat: repeat-y;
	}
	#timetable2 tr:nth-child(2) td:first-child{ /* txt hodiny */
		font-weight: normal;
	}
	#timetable2 tr:nth-child(2) td div:first-child{ /* 0,1,2 ... */
		font-size: 20px;
		font-weight: bold;
	}
	#timetable2 tr:nth-child(2) td div:last-child{ /* cas hodin */
		font-family:"Ubuntu Condensed";
		font-size: 14px;
	}
	#timetable2 tr td:nth-child(1) { /* dni */
		text-align: center;
		padding-top: 0px;
		font-weight: bold;
		width: 125px;
		position: absolute;
		margin-left: -125px;

	}
	#timetable2 tr:not(:nth-child(2)) td:nth-child(1) { /* dni */
		background: url(images/timetable_line2.png) bottom repeat-x;

		background-color:rgb(249, 239, 208);
	}
	#timetable2 tr:first-child td:nth-child(1),
	#timetable2 tr:nth-child(2) td:nth-child(1),
	#timetable2 tr:last-child td:nth-child(1){ /* dni */
		background-image: none;
	}
	.mod_izk .page_timetable #timetable2 tr td:last-child{ /* koniec tabulky */
		width: 30px;
		min-width: 30px;
	}
	.mod_izk .page_timetable #timetable2 tr:not(:first-child) td:last-child{ /* koniec tabulky */
		background-image: url(images/timetable_line2.png);
		background-position: bottom;
		background-repeat: repeat-x;
	}
	.mod_izk .page_timetable #timetable2 tr:nth-child(2) td:last-child,
	.mod_izk .page_timetable #timetable2 tr:last-child td:last-child{
		background-image: none;
	}
	#timetable2 tr td:nth-child(2) { /* cerveny separator */
		border-right-color:rgb(192,48,42);
		border-right-width:1px;
		border-right-style:solid;
		border-left-color:rgb(192,48,42);
		border-left-width:1px;
		border-left-style:solid;
		width: 2px;
		min-width: 2px;
		background-image: none;
		position: absolute;
		margin-left: -0px;
	}
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	#timetable{
		width: 100%;
		border-collapse: collapse;
		font-family:"Ubuntu Condensed";
		font-size: 14px;
		letter-spacing:-1px;
		font-weight:bold;
		table-layout: fixed;
	}
	#timetable td {
		padding: 0;
		height: 40px;
		min-width:15px;
		background: url(images/timetable_line1.png) right repeat-y, url(images/timetable_line2.png) bottom repeat-x;
		text-align: center;
	}
	#timetable tr:nth-child(2) td:first-child{ /* txt hodiny */
		font-size:0px;
	}
	#timetable tr:nth-child(2) td{ /* riadok hodiny */
		border-bottom-color:rgb(192,48,42);
		border-bottom-width:1px;
		border-bottom-style:solid;

		background-color:rgb(255,255,255);
	}
	#timetable tr:nth-child(2) td:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)){
		background-image: url(images/timetable_line1.png);
		background-position: right;
		background-repeat: repeat-y;
	}
	#timetable tr:first-child td, #timetable tr:last-child td {  /* hlavicka a pata tabulky */
		height: 0px;
		background: none;
	}
	#timetable tr:nth-child(2) td div:first-child{ /* 0,1,2 ... */
		font-family:"Ubuntu";
		font-size: 16px;
		font-weight: bold;
	}
	#timetable tr:nth-child(2) td:nth-last-child(2) {
		background-image: none;
	}
	#timetable tr:nth-child(2) td div:last-child{ /* cas hodin */
		display:none;
	}
	#timetable tr td:nth-child(1) { /* dni */
		font-family:"Ubuntu";
		font-weight: bold;
		font-size:0px;
		text-align:center;
	}
	#timetable tr:not(:nth-child(2)) td:nth-child(1) { /* dni */
		background: url(images/timetable_line2.png) bottom repeat-x;
	}
	#timetable tr:first-child td:nth-child(1),
	#timetable tr:nth-child(2) td:nth-child(1),
	#timetable tr:last-child td:nth-child(1){ /* dni */
		background-image: none;
	}
	#timetable tr:nth-child(n+3) td:nth-child(1)::first-letter { /* dni */
		font-size: 16px;
		text-transform:capitalize;
	}
	#timetable tr td:last-child { /* koniec tabulky */
		display:none;
	}
	#timetable tr:nth-child(2) td:nth-last-child(2) { /* predposledny stlpec */
		background-image:none;
	}
	#timetable tr:not(:nth-child(2)) td:nth-last-child(2) { /* predposledny stlpec */
		background: url(images/timetable_line2.png) bottom repeat-x;
	}
	#timetable tr:nth-last-child(2) td { /* predposledny riadok */
		background-image: url(images/timetable_line1.png);
		background-position: right;
		background-repeat: repeat-y;
	}
	#timetable tr:nth-last-child(2) td:first-child,
	#timetable tr:nth-last-child(2) td:nth-child(2),
	#timetable tr:nth-last-child(2) td:nth-last-child(2){
		background-image:none;
	}
	#timetable tr td:nth-child(2) { /* cerveny separator */
		border-right-color:rgb(192,48,42);
		border-right-width:1px;
		border-right-style:solid;
		border-left-color:rgb(192,48,42);
		border-left-width:1px;
		border-left-style:solid;
		width: 1px;
		min-width: 1px;
		background-image: none;
	}
	#timetable2{
		width: 100%;
		border-collapse: collapse;
		font-family:"Ubuntu Condensed";
		font-size: 14px;
		letter-spacing:-1px;
		font-weight:bold;
		table-layout: fixed;
	}
	#timetable2 td {
		padding: 0;
		height: 40px;
		width:75px;
		background: url(images/timetable_line1.png) right repeat-y, url(images/timetable_line2.png) bottom repeat-x;
		text-align: center;
	}
	#timetable2 tr:nth-child(2) td:first-child{ /* txt hodiny */
		font-size:0px;
	}
	#timetable2 tr:nth-child(2) td{ /* riadok hodiny */
		border-bottom-color:rgb(192,48,42);
		border-bottom-width:1px;
		border-bottom-style:solid;

		background-color:rgb(255,255,255);
	}
	#timetable2 tr:nth-child(2) td:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)){
		background-image: url(images/timetable_line1.png);
		background-position: right;
		background-repeat: repeat-y;
	}
	#timetable2 tr:first-child td, #timetable2 tr:last-child td {  /* hlavicka a pata tabulky */
		height: 0px;
		background: none;
	}
	#timetable2 tr:nth-child(2) td div:first-child{ /* 0,1,2 ... */
		font-family:"Ubuntu";
		font-size: 16px;
		font-weight: bold;
	}
	#timetable2 tr:nth-child(2) td:nth-last-child(2) {
		background-image: none;
	}
	#timetable2 tr:nth-child(2) td div:last-child{ /* cas hodin */
		display:none;
	}
	#timetable2 tr td:nth-child(1) { /* dni */
		font-family:"Ubuntu";
		font-weight: bold;
		font-size:0px;
		text-align:center;
	}
	#timetable2 tr:not(:nth-child(2)) td:nth-child(1) { /* dni */
		background: url(images/timetable_line2.png) bottom repeat-x;
	}
	#timetable2 tr:first-child td:nth-child(1),
	#timetable2 tr:nth-child(2) td:nth-child(1),
	#timetable2 tr:last-child td:nth-child(1){ /* dni */
		background-image: none;
	}
	#timetable2 tr:nth-child(n+3) td:nth-child(1)::first-letter { /* dni */
		font-size: 16px;
		text-transform:capitalize;
	}
	#timetable2 tr td:last-child { /* koniec tabulky */
		display:none;
	}
	#timetable2 tr:nth-child(2) td:nth-last-child(2) { /* predposledny stlpec */
		background-image:none;
	}
	#timetable2 tr:not(:nth-child(2)) td:nth-last-child(2) { /* predposledny stlpec */
		background: url(images/timetable_line2.png) bottom repeat-x;
	}
	#timetable2 tr:nth-last-child(2) td { /* predposledny riadok */
		background-image: url(images/timetable_line1.png);
		background-position: right;
		background-repeat: repeat-y;
	}
	#timetable2 tr:nth-last-child(2) td:first-child,
	#timetable2 tr:nth-last-child(2) td:nth-child(2),
	#timetable2 tr:nth-last-child(2) td:nth-last-child(2){
		background-image:none;
	}
	#timetable2 tr td:nth-child(2) { /* cerveny separator */
		border-right-color:rgb(192,48,42);
		border-right-width:1px;
		border-right-style:solid;
		border-left-color:rgb(192,48,42);
		border-left-width:1px;
		border-left-style:solid;
		width: 1px;
		min-width: 1px;
		background-image: none;
	}
}


/* ---------------------------------------- */
/* ---------------- KRUZKY ---------------- */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	#kruzkyTB_M{
		display:none;
	}
	#kruzkyTB{
		width: 100%;
		border-collapse: collapse;
		font-family:"Ubuntu Condensed";
		font-size: 14px;
	}
	#kruzkyTB td {
		padding: 0px 7px 0px 14px;
		height: 40px;
		background: url(images/kruzky_line1.png) right no-repeat;

		border-bottom-color:rgb(164,151,110);
		border-bottom-width:1px;
		border-bottom-style:dotted;
		text-align: left;
	}
	#kruzkyTB tr:first-child td, #kruzkyTB tr:last-child td { /* hlavicka a pata tabulky */
		height: 15px;
		border-bottom: none;
		background-image: none;
	}
	#kruzkyTB tr:nth-child(2) td{ /* nazvy stlpcou */
		background-color:rgb(252,247,232);
		font-weight: bold;
	}
	#kruzkyTB tr:nth-child(2) td:first-child{ /* txt kruzky */
		font-weight: normal;
	}
	#kruzkyTB tr td:nth-child(1) { /* nazvy kruzkov */
		background-image: none;
		padding-left: 25px;
		font-weight: bold;
		font-size: 16px;
		font-family:"Ubuntu";
	}
	#kruzkyTB tr td:nth-child(2) { /* cerveny separator */
		border-right-color:rgb(192,48,42);
		border-right-width:1px;
		border-right-style:solid;
		border-left-color:rgb(192,48,42);
		border-left-width:1px;
		border-left-style:solid;
		width: 2px;
		min-width: 2px;
		background-image: none;
		padding: 0px
	}
	#kruzkyTB tr td:last-child{
		background-image: none;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	#kruzkyTB{
		display:none;
	}
	#kruzkyTB_M{
		width: 100%;
		border-collapse: collapse;
		font-family:"Ubuntu Condensed";
		font-size: 14px;
		border-bottom:#F9EFCF solid 15px
	}
	#kruzkyTB_M tr:nth-child(n+2) td:first-child { /* cerveny separator */
		border-right-color:rgb(192,48,42);
		border-right-width:3px;
		border-right-style: double;
		background-image: none;
		width:35%;
	}
	#kruzkyTB_M td {
		padding: 0px 8px 0px 15px;
		height: 25px;
		line-height:25px;

		border-bottom-color:rgb(164,151,110);
		border-bottom-width:1px;
		border-bottom-style:dotted;
		text-align: left;
	}
	#kruzkyTB_M td:nth-child(1) { /* nazvy kruzkov */
		font-weight: bold;
	}
	#kruzkyTB_M tr:nth-child(1) { /* nazvy kruzkov */
		background-image: none;
		font-weight: bold;
		font-family:"Ubuntu";
		background-color:white;
	}
	#kruzkyTB_M tr:last-child td{
		border-bottom:none;
	}
	#kruzkyTB_M tr:first-child td{
		border-bottom:rgb(192,48,42) 1px solid;
	}
}

/* ---------------------------------------- */
/* ! My CLASS */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.myCl_choice{
		display: inline-block;
		padding-top: 5px;
		margin-bottom: 40px;
		width: 100%;
	}
	.myCl_choice_title{
		font-size:28px;
		padding-bottom: 5px;
		margin-bottom: 30px;

		border-bottom-color:rgba(64,32,0,0.5);
		border-bottom-width:1px;
		border-bottom-style:dotted;
	}
	.myCl_choice_title span{
		display:inline-block;
		font-size:18px;
		margin-left:5px;
		margin-top:6px;
		vertical-align:text-top;
		font-weight:300;
	}
	.myCl_choice_title span strong{
		font-weight:500;
	}
	.myCl_choice table {
		width: 90%;
		border-collapse: collapse;
		margin: auto
	}
	.myCl_choice table td:nth-child(1), .myCl_choice table td:nth-child(3), .myCl_choice table td:nth-child(5){
	    width: 30%;

		border-bottom-color:rgb(156,135,104);
		border-bottom-width:1px;
		border-bottom-style:dotted;
	}
	.myCl_choice table td:nth-child(1)>a,
	.myCl_choice table td:nth-child(3)>a,
	.myCl_choice table td:nth-child(5)>a{
		line-height: 30px;
		font-size:16px;
		padding-left: 10px;
		cursor: pointer;
		display: block;
		text-decoration: none;
		color: rgb(78,63,12);
		border: none;
	}
	.myCl_choice table td:nth-child(1)>a:hover,
	.myCl_choice table td:nth-child(3)>a:hover,
	.myCl_choice table td:nth-child(5)>a:hover{
	    background-color:rgb(252,247,232);
	}
	.myCL_submenu{
		height:40px;
		line-height:40px;
		background-color:#FCF7E7;

		border-bottom-color:rgba(64,32,0,0.5);
		border-bottom-width:1px;
		border-bottom-style:dotted;

		margin-top:-30px;
		margin-bottom:25px;
		padding-bottom: 2px;
	}
	.myCL_submenu>div{
		font-size:15px;
		display:inline-block;
		padding-left:14px; padding-right:18px;
		background: url(images/timetable_line2.png) right center no-repeat;
	}
	.myCL_submenu>div a{
		color:#4E3E0D;
		text-decoration:none;
	}
	.myCL_submenu>div a:hover{
		color:#B57E00;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.myCl_choice{
		display: inline-block;
		margin-bottom: 25px;
		width: 100%;
		font-family: "Ubuntu Condensed";
		padding-top: 10px;
	}
	.myCl_choice_title{
		font-size:20px;
		padding-bottom: 5px;
		margin-bottom: 30px;
		margin-left: 15px;
		margin-right: 5px;
	}
	.myCl_choice_title span{
		font-size:15px;
		margin-left:5px;
	}
	.myCL_submenu{
		line-height:28px;
		background-color:#FCF7E7;

		border-top: 1px dotted rgba(64,32,0,0.5);
		border-bottom: 1px dotted rgba(64, 32, 0, 0.5);

		margin-top:-30px;
		margin-bottom:15px;
		padding-bottom: 5px;
		padding-top: 5px;
		text-transform: uppercase;
	}
	.myCL_submenu>div{
		font-size:14px;
		padding-left:14px;
		padding-right:18px;
	}
	.myCL_submenu>div a{
		color:#4E3E0D;
		text-decoration:none;
	}
	.myCL_submenu>div a:hover{
		color:#B57E00;
	}
	.myCl_choice table{
		width: 100%;
		border-collapse: collapse;
	}
	.myCl_choice table td{
		display: block;
		margin: 0px 15px;
	}
	.myCl_choice table td:nth-child(1)>a, .myCl_choice table td:nth-child(3)>a, .myCl_choice table td:nth-child(5)>a{
		border-bottom-color:rgb(156,135,104);
		border-bottom-width:1px;
		border-bottom-style:dotted;
	}
	.myCl_choice table td:nth-child(2),
	.myCl_choice table td:nth-child(4)
	{
		display: none
	}
	.myCl_choice table td:nth-child(1)>a,
	.myCl_choice table td:nth-child(3)>a,
	.myCl_choice table td:nth-child(5)>a{
		line-height: 28px;
		font-size:16px;
		padding-left: 5px;
		cursor: pointer;
		display: block;
		text-decoration: none;
		color: rgb(78,63,12);
	}
	.myCl_choice table td:nth-child(1)>a:hover,
	.myCl_choice table td:nth-child(3)>a:hover,
	.myCl_choice table td:nth-child(5)>a:hover{
	    background-color:rgb(252,247,232);
	}
	.mod_izk.role_teacher .serNum_student{
		display: block;
	}
}

/* ---------------------------------------- */
/* ! MyCLASS Student */
/* ---------------------------------------- */
.absence_sideL{
	text-align: center;
}
@media all and (min-width: 1111px) {
	.absence_table{
		display: table;
		width: 100%;
		border-spacing: 6px;
		margin-top: -6px;
	}
	.absence_sideL,
	.verbal_eval_block{
		display: table-cell;
	}
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.absence_title{
		margin-bottom: 15px;
		margin-top: -7px;
		line-height: 12px;
		padding-bottom: 12px;
		text-align: left;

		border-bottom-color:rgb(156,135,104);
		border-bottom-width:1px;
		border-bottom-style:dotted;
	}
	.absence_row{
		display: inline-block;
		line-height:24px;
		height: 24px;
		margin-bottom: -5px;
	}
	.absence_num{
		font-family:"Ubuntu";
		font-weight: bold;
		font-size: 16px;
		color: rgb(78,63,12);
		background-color:rgb(252,247,232);
		width:50px;
		border-color:rgb(243,223,160);
		border-width:1px;
		border-style:solid;
		margin-left: 6px;
		text-align: center;
	}
	.absence_sep{
		margin-right: 5px;margin-left: 10px;
		background-color:transparent;
		border-left-color:rgb(156,135,104);
		border-left-width:1px;
		border-left-style:dotted;
	}

	/* zmeskane hodiny bez praxe */
	#obj_absence_box .absence_num{
		width: 40px;
		margin-left: 2px;
	}
	#obj_absence_box .absence_not_equal{
		vertical-align: top;
		width: 20px;
		height: 18px;
		font-size: 14px;
		background: url(images/not_equal.png) left center no-repeat;
		display: inline-block;
		padding-left: 20px;
		margin-top: 5px;
	}
	#obj_absence_box .absence_equal{
		vertical-align: top;
		width: 20px;
		height: 15px;
		font-size: 14px;
		color: rgba(78,63,12,0.3);
		background: url(images/equal.svg) left center no-repeat;
		display: inline-block;
		padding-left: 20px;
		margin-top: 7px;
	}
	#obj_absence_box .update_info{
		font-size:11px;
		margin-bottom: -18px;
		margin-top: 12px;
		text-align: center;
	}
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.absence_table .box_mainContent{
		padding-top:12px;
	}
	.absence_sideL{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
	}
	.absence_title{
		font-size:16px;
		font-family:"Ubuntu Condensed";
		line-height: 6px;
		padding-bottom: 12px;
		margin-bottom:5px;
		text-align: left;

		border-bottom-color:rgb(156,135,104);
		border-bottom-width:1px;
		border-bottom-style:dotted;
	}
	.absence_row{
		font-family:"Ubuntu Condensed";
		font-size:14px;
		display: inline-block;
		line-height:20px;
		height: 20px;
		margin-bottom: -5px;
	}
	.absence_num{
		font-family:"Ubuntu Condensed";
		font-weight: bold;
		font-size: 16px;
		color: rgb(78,63,12);
		background-color:rgb(252,247,232);
		width:30px;
		border-color:rgb(243,223,160);
		border-width:1px;
		border-style:solid;
		margin-left: 3px;
		text-align: center;
	}
	.absence_sep{
		margin-right: 2px;margin-left: 5px;
		background-color:transparent;
		border-left-color:rgb(156,135,104);
		border-left-width:1px;
		border-left-style:dotted;
	}

	/* zmeskane hodiny bez praxe */
	#obj_absence_box .absence_num{
		width: 25px;
		margin-left: 2px;
	}
	#obj_absence_box .absence_not_equal{
		vertical-align: top;
		width: 20px;
		height: 18px;
		font-size: 14px;
		font-family:"Ubuntu Condensed";
		background: url(images/not_equal.png) left center no-repeat;
		display: inline-block;
		padding-left: 20px;
		margin-top: 5px;
	}
	#obj_absence_box .absence_equal{
		vertical-align: top;
		width: 20px;
		height: 15px;
		font-size: 14px;
		font-family:"Ubuntu Condensed";
		color: rgba(78,63,12,0.3);
		background: url(images/equal.svg) left center no-repeat;
		display: inline-block;
		padding-left: 20px;
		margin-top: 5px;
	}
	#obj_absence_box .update_info{
		font-family:"Ubuntu Condensed";
		font-size:11px;
		margin-bottom: -2px;
		margin-top: 8px;
		text-align: center;
	}

}
.absence_sideR{
	display: table-cell;
	text-align: center;
	width: 50%;
}
.absence_numRed{
	color:rgb(216,0,0);
}
.absence_in{
	font-family:"Ubuntu";
	font-size:20px;
	color:rgb(79,63,13);
	text-align:center;
	padding: 0px 3px;
	margin: 0px;
	background-color:rgb(249,239,208);
	width: 29px;
}

.pochvala{
	display: table;
	/*text-align: left*/
}
.pochvala_type{
	display: table-cell;
	/*font-size: 14px;*/
}
.pochvala_type_sep{
	display: table-cell;
	padding-left: 18px;
	padding-right: 18px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 22px;
	line-height: 0;
}
.pochvala_txt{
	font-size: 15px;
	margin-top: 8px;
	padding-top: 8px;

	border-top-color:rgb(156,135,104);
	border-top-width:1px;
	border-top-style:dotted;
}
.pochvala_txt_area{
	font-family:"Ubuntu Condensed";
	font-size:15px;
	color:rgb(79,63,13);
	width: calc(100% - 10px);
	background-color:rgb(249,239,208);
	margin: 0px;
	padding: 4px 5px;
	overflow-y: auto;
	resize: vertical;
}
.pochvala_typeL{
	display: table-cell;
	width: 58%;
	/*font-size: 14px;*/
}
.pochvala_typeR{
	display: table-cell;
	width: 42%;
	/*font-size: 14px;*/
}
.pochvala_type_inL {
	font-family:"Ubuntu Condensed";
	font-size:15px;
	font-weight:bold;
	color:rgb(79,63,13);
	margin: 0px;
	padding: 2px 3px;
	background-color:rgb(249,239,208);
	width: 100%;
}
.pochvala_type_inR {
	font-family:"Ubuntu Condensed";
	font-size:15px;
	color:rgb(79,63,13);
	margin: 0px;
	padding: 2px 3px;
	background-color:rgb(249,239,208);
	width: 100%;
}
.pochvala_mssg{
	font-family:"Ubuntu Condensed";
	/*font-weight: bold;*/
	line-height: 18px;
	font-size:12px;
	color:rgb(178,0,0);
	text-align:right;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.pochvala_date{
		text-align: right;
	}
	.pochvala_png {
		padding-right: 12px;
	}
}

/* ---------------------------------------- */
/* ------------- SUBJECT (GRID) ---------- */
/* ---------------------------------------- */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.subjectContent_grid .mainContent_name_with_average {
		width: 297px;
		padding: 0px 0px 0px 10px;
	}
	.subjectContent_grid .subjectAverage {
		margin-left: 10px;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.subjectContent_grid .mainContent_name_with_average {
	}
}
.subjectAverage, .subjectAverage_column, .subjectAverage_header_top, .subjectAverage_header_bottom {
	font-family:"Ubuntu Condensed";
	font-size: 15px;
    float: right;
	width: 60px;
	text-align: center;
}


/* ---------------------------------------- */
/* ! USER LIST */
/* ---------------------------------------- */
.userList {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.userList_title {
	font-size: 20px;
	line-height: 40px;
}
#userList_table {
	font-size: 15px;
	border: 1px solid black;
	width: 650px;
	table-layout: fixed;
}
#userList_table td {
	height: 30px;
	border: 1px solid black;
	padding: 5px 5px;
	white-space: nowrap;
	overflow: hidden;
}
.userList_table_col_name {
	width: 260px;
}
.userList_table_col_login,
.userList_table_col_alias {
	width: 130px;
}
.userList_table_col_password {
	width: 85px;
}
.userList_table_col_www {
	width: 350px;
}
.userList_note{
	padding-top: 15px;
	font-size: 13px;
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mod_admin .page_credentials,
	.mod_admin .page_questionnaire_codes{
		font-family:"Ubuntu Condensed";
		min-width: 740px;
	}
	.mod_admin #userList_table {
		width: auto;
	}
	.mod_admin #userList_table td{
		font-family:"Ubuntu Condensed";
	}
	.mod_admin #userList_table td b,
	.userList_table_col_desc{
		font-size: 12px;
		font-weight: normal;
	}
	.userList_note{
		padding-bottom: 15px;
	}
}

/* ---------------------------------------- */
/* ----------------- FOOTER --------------- */
/* ---------------------------------------- */
.footer {
	font-size:13px;
	line-height:120%;
	color:rgb(243,223,160);
	text-align:right;
	margin: 0px 6px 8px 6px;
}
.footer .schoolInfo{
	float:left;
	padding-right:20px;
	padding-top: 8px;
}
.footer .oou_copyright{
	padding-top: 8px;
}
.footer .oou_copyright>div:first-child{
	float:left;
	padding-right:20px;
}
.footer a{
	color: rgba(243, 223, 162, 1);
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.footer .line{
		clear: both;
		height: 8px;
		border-bottom: 1px dashed rgba(243, 223, 162, 0.5);
	}
	.footer .line_mobile{
		display: none;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.footer {
		font-size:12px;
		font-family: "Ubuntu Condensed";
		margin-bottom:10px;
	}
	.footer .line, .line_mobile{
		clear: both;
		height: 8px;
		border-bottom: 1px solid #F2DEA3;
	}
	.footer .copyright{
		float: left;
		margin-top: 8px;
		margin-bottom: 10px;
	}
}


/* ---------------------------------------- */
/* ------------ SERVICE INFO -------------- */
/* ---------------------------------------- */
.service{
	background-color:rgb(249,239,208);
	margin: 6px 6px 6px 6px;
	padding-top: 5px;
	padding-left: 20px;
}

/* ---------------------------------------- */
/* ----------------- TOOLTIP -------------- */
/* ---------------------------------------- */
.ui-tooltip {
	background-color:rgb(254,252,245);
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border: none;
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);

	padding: 15px 20px;

	font-family:"Ubuntu Condensed";
	font-size:13px;
	font-stretch:condensed;
	color:rgb(76,63,12);
	text-align:left;
}
.ui-tooltip a{
	color:rgb(78,63,12);
	border-bottom:rgba(78,63,12,0.75) 1px dotted;
	text-decoration: none
}
.ui-tooltip a:hover{
	color:rgb(140,105,0);
	border-bottom:rgb(140,105,0) 1px dotted;
}

.tooltip_icon_1{
	background: url(images/icon_i.svg) no-repeat center center;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-left: 6px;
	margin-top: 4px;
	position: absolute;
}
.tooltip_icon_2{
	background: url(images/icon_i.svg) no-repeat center center;
	width: 16px;
	height: 16px;
	margin-left: 12px;
	margin-top: 12px;
	display: inline-block;
	position: absolute;
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.tooltip_icon_1{
		background: url(images/icon_i.svg) no-repeat center bottom;
		position: relative;
		float:right;
	}
	.mod_izk.role_admin .page_login_credentials_choice .tooltip_icon_2{
		margin-top: 4px;
	}
}


/* ---------------------------------------- */
/* ! FLASH MESSAGES */
/* ---------------------------------------- */
/* red message */
.mssg_error{
	background-color:rgb(190, 0, 0);
    margin:0px 6px 6px 6px;
	padding:0px 22px;
}
.mssg_error>div:first-child{
    height: 35px;
	margin-top: 15px;
	float: left;
	color: rgb(190, 0, 0);
	font-weight: bold;
	font-size: 23px;
	text-align: center;

	width:30px;
	height:30px;
	background-color: white;
	-moz-border-radius:50%;
	-webkit-border-radius:50%/50%;
	border-radius:50%/50%;
}
.mssg_error>div:last-child{
    color: rgb(255, 245, 245);
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	font-size: 14px;
	padding-left: 17px;
}
/* yellow message */
.mssg_warning{
	background-color:rgb(244, 158, 9);
    margin:0px 6px 6px 6px;
	padding:0px 22px;
}
.mssg_warning>div:first-child{
    height: 35px;
	margin-top: 15px;
	float: left;
	color: rgb(153, 96, 6);
	font-weight: bold;
	font-size: 23px;
	text-align: center;

	width:30px;
	height:30px;
	background-color: white;
	-moz-border-radius:50%;
	-webkit-border-radius:50%/50%;
	border-radius:50%/50%;
}
.mssg_warning>div:last-child{
    color: rgb(255, 245, 245);
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	font-size: 14px;
	padding-left: 17px;
}
/* green message */
.mssg_success{
	background-color:rgb(172, 200, 31);
    margin:0px 6px 6px 6px;
	padding:0px 22px;
	height: 60px;
}
.mssg_success>div:first-child{
    height: 35px;
	margin-top: 15px;
	float: left;
	color: rgb(105,140,0);
	font-weight: bold;
	font-size: 23px;
	text-align: center;

	width:30px;
	height:30px;
	background-color: white;
	-moz-border-radius:50%;
	-webkit-border-radius:50%/50%;
	border-radius:50%/50%;
}
.mssg_success>div:last-child{
    color: rgb(255, 245, 245);
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	font-size: 14px;
	padding-left: 17px;
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mssg_error, .mssg_warning, .mssg_success{
		font-family: "Ubuntu Condensed";
	}
 }

/* ---------------------------------------- */
/* ! ERROR */
/* ---------------------------------------- */
.error {
	width: 700px;
	padding:0px 0px;
	margin: auto;
}
.error_title {
	background-color:rgb(243,223,160);
	height:90px;
    margin:-58px 6px 6px 6px;
	padding: 0px 35px;

	font-size:64px;
	line-height:90px;
	color:rgb(76,63,12);
	text-align:right;
}
.error_content{
	height: 400px;
	background-image: url(images/color_line_1.png), url(images/error_bg.png);
	background-position: left top, right bottom;
	background-repeat: repeat-x, no-repeat;
	background-color: rgb(249, 239, 208);
    margin: 0px 6px 6px 6px;
}
.error_description{
	float: left;
	width: 45%;
	margin-top: 70px;
	margin-left: 60px;
}
.error_desc_title{
	font-size: 42px;
	margin-bottom: 15px;
    line-height: 110%;
}
.error_footer{
	background-color:rgb(243,223,160);
    margin: 0px 6px 6px 6px;
	height: 35px;
	line-height: 35px;
	font-size:14px;
	color:rgb(76,63,12);
	text-align:center;
}
.error_footer a {
    text-decoration: none;
	color:rgb(76,63,12);
}
.error_footer a:hover {
    text-decoration: underline;
}

/* ---------------------------------------- */
/* --------------- MAINTENANCE ------------ */
/* ---------------------------------------- */
.maintenance {
	width: 700px;
	padding:0px 0px;
	margin: auto;
}
.maintenance_content{
	height: 400px;
	background-image: url(images/color_line_1.png), url(images/dog.png), url(images/butterflies.png);
	background-position: left top, 420px bottom, right bottom;
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-color: rgb(249, 239, 208);
	margin: 0px 6px 6px 6px;
}
.maintenance_description{
	font-size: 14px;
	float: left;
	width: 55%;
	margin-top: 220px;
	margin-left: 60px;
}
.maintenance_desc_title{
	font-size: 36px;
	margin-bottom: 25px;
	line-height: 110%;
}

/* ---------------------------------------- */
/* -------------- VERIFY EMAIL ------------ */
/* ---------------------------------------- */
.verifyEmail_bg *{
	box-sizing: content-box;
}
.verifyEmail_bg{
	position: absolute;
	top:0px;
	bottom:0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.6);
	z-index: 1000;
}
.verifyEmail_head{
	background-color:rgb(243,223,160);
	max-width:600px;
	height:auto;
	margin: auto;
	margin-top: 200px;
	padding: 18px 50px;
	font-size: 14px;
	text-align: right;
}
.verifyEmail_content{
	min-height: 340px;
	overflow: auto;
	max-width:600px;
	margin:auto;
	margin-top:6px;
	padding:35px 50px;
	background-image: url(images/color_line_1.png), url(images/login_bg.png);
	background-position: left top, right top;
	background-repeat: repeat-x, no-repeat;
	background-color: rgb(249, 239, 208);
}
.verifyEmail_agree{
	font-size:13px;
	display: inline-block;
	width: 95%;
	margin-bottom: 20px;
}
.verifyEmail_disagree{
	font-size:13px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.verifyEmail_form{
	float: right;
	text-align: right;
	margin-top: 40px;
	font-size: 14px;
}
.verifyEmail_inp{
	background-color:rgb(255,255,255);
	width:250px;
	height:28px;
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;

	font-family:"Ubuntu";
	font-size:14px;
	font-weight:bold;
	color:rgb(77,63,12);
	text-align:right;
	margin: 2px 0px 20px 0px;
	padding: 0px 5px;
}
.verifyEmail_btn{
	background-color:rgb(140,105,0);
	width:120px;
	height:38px;
	border: none;
	margin-top: 15px;
	margin-left: 10px;
	cursor: pointer;

	font-family:"Ubuntu";
	font-size:18px;
	line-height:35px;
	color:rgb(255,255,255);
	text-align:center;
}
.verifyEmail_btn:hover{
	background-color:rgb(97, 73, 0);
}
.verifyEmailSend_btn{
	width:270px;
}
.verifyEmailDone{
	float: right;
}
.verifyEmailDone a{
	text-decoration: none;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.verifyEmail_head{
		width:auto;
		height:auto;
		margin-left:12px;
		margin-right:12px;
		margin-top: 40px;
		padding: 10px;
		font-family: "Ubuntu Condensed";
	}
	.verifyEmail_content{
		font-family: "Ubuntu Condensed";
		width:auto;
		height:auto;
		min-height:0;
		margin-left:12px;
		margin-right:12px;
		margin-top:6px;
		padding: 10px 10px 40px 10px;
		background-position: left top, right bottom;
	}
	.verifyEmail_btn{
		margin-top:15px;
		font-family: "Ubuntu Condensed";
	}
	.verifyEmail_inp{
		font-family: "Ubuntu Condensed";
	}
}


/* ---------------------------------------- */
/* ------------ OCHRANA UDAJOV ------------ */
/* ---------------------------------------- */
.privacy_bg{
	position: absolute;
	top:0px; left: 0px; right: 0px;
	width:100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 2000;
}
.privacy_head{
	background-color:rgb(243,223,160);
	max-width:600px;
	line-height:50px;
	margin: auto;
	margin-top: 50px;
	padding: 0px 20px;
	font-size: 22px;
	text-align: left;
}
.privacy_head a{
	float:right;
	font-size:13px;
	display:block;
	margin-right:-15px;
	height:30px;
	line-height:30px;
	width:75px;
	text-align:center;
	border-left-color:rgb(164,151,110);
	border-left-width:1px;
	border-left-style:dotted;
	margin-top:10px;
	text-decoration:none;
	color:rgb(76,63,12);
}
.privacy_head a:hover{
	text-decoration:underline;
}
.privacy_content{
	max-width: 600px;
	margin:auto;
	margin-top:6px;
	padding:20px 20px;
	background-image: url(images/color_line_1.png), url(images/butterflies.png);
	background-position: left top, right bottom;
	background-repeat: repeat-x, no-repeat;
	background-color: rgb(249, 239, 208);
	font-size:12px;
	font-family:"Ubuntu Condensed";
	text-align:justify;
}
.privacy_footer{
	max-width: 640px;
	background-color:rgb(243,223,160);
    margin: 0px 6px 6px 6px;
	height: 25px;
	margin:auto;
	margin-top:6px;
	margin-bottom:50px;
}
.privacy_footer a{
	float:right;
	font-size:12px;
	display:block;
	width:75px;
	text-align:center;
	border-left-color:rgb(164,151,110);
	border-left-width:1px;
	border-left-style:dotted;
	margin-top:5px;
	text-decoration:none;
	color:rgb(76,63,12);
}
.privacy_footer a:hover{
	text-decoration:underline;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.privacy_head, .privacy_content, .privacy_footer{
		margin-left:12px;
		margin-right:12px;
	}
	.privacy_head{
		padding-right:75px;
		position:relative;
		font-size:19px;
		font-family:"Ubuntu Condensed";
	}
	.privacy_head a{
		position:absolute;
		right:12px;
		top:0px;
	}
	.verifyEmail_agree{
		width: 90%;
	}
}

/* ---------------------------------------- */
/* ----------------- BANNERS ---------------- */
/* ---------------------------------------- */

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.izk_A {
		margin:6px 6px 6px 6px;
		line-height: 0px;
	}
	.page_lesson .izk_A {
		margin:6px auto;
		line-height: 0px;
		max-width: 1088px;
	}
	.izk_A img{
		border: 0px;
		width: 100%;
		height: auto;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.izk_A {display: none}
}
/* ---------------------------------------- */
/* -------DATEPICKER, TIMEPICKER ---------- */
/* ---------------------------------------- */
#ui-timepicker-div * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
#ui-datepicker-div,
#ui-timepicker-div{
	font-family: 'Ubuntu', sans-serif;

	background-color: #F3DFA0;
	background-image: none;

	border-width:1px;
	border-color:rgb(249,239,208);
	border-style:solid;

	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;

	-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
	z-index: 1001 !important;
}
#ui-datepicker-div .ui-datepicker-header,
#ui-timepicker-div .ui-timepicker-title{
    background: #8C6900 none;
	border: none;
	color: #fff;

	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}
#ui-datepicker-div .ui-datepicker-title select{
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #4E3F0C;
	background-color: #F3DFA0;
	border-color: #8C6900;
	border-style: solid;
}
#ui-timepicker-div .ui-timepicker-table{
	background-color: #F3DFA0;
	background-image: none;
	border: none;
}
#ui-datepicker-div .ui-datepicker-calendar,
#ui-datepicker-div .ui-state-default,
#ui-timepicker-div .ui-state-default{
	color: #4E3F0C;
}
#ui-datepicker-div .ui-state-default,
#ui-timepicker-div .ui-state-default{
	background: #DBBD64 none;
	border: none;
}
#ui-datepicker-div .ui-state-hover,
#ui-timepicker-div .ui-state-hover{
	background: #F9EFD0 none;
	border: none;
}
#ui-datepicker-div .ui-state-highlight,
#ui-timepicker-div .ui-state-active{
	background: #8C6900 none;
	border: none;
	color: #F9EFD0;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	top: 3px;
}
#ui-datepicker-div a,
#ui-timepicker-div a{
	border: none;
}
#ui-timepicker-div table.ui-timepicker{
	font-size: .9em;
}
/* ---------------------------------------- */
/* ------------------ GRID ---------------- */
/* ---------------------------------------- */
.grid, .grid input {
	font-family:"Ubuntu Condensed";
}
.mngr_content .grid, .mngr_content .grid input {
	margin-right: 0px;
}
.grid input[type="text"] {
	color: rgb(78,63,12) !important;
	font-family:"Ubuntu Condensed";
}
.grid .grid-perPage select {
	color: rgb(78,63,12) !important;
	font-family:"Ubuntu Condensed";
	border: 1px solid #F3DFA0;
	width: 50px;
}
.grid .grid-results {
	background-color: #F3DFA0;
}
.grid .grid-upper-panel{
	color: rgb(78,63,12);
}
.grid .grid-current-link{
	display:none;
}
.grid th.grid-head-column {
	background-color: #F9EFD0;
	border-bottom: #8C6900 3px solid;
}
.grid th.grid-head-column a {
	color: rgb(78,63,12);
}
.grid th.grid-head-column a:hover {
	color: #8C6900;
}
.grid input[type=submit] {
	background-color: #8C6900;
}
.grid input[type=submit]:hover {
	background-color: rgb(78,63,12);
}
.grid .grid-filter-form {
	background-color: #F3DFA0;
	border-bottom: #8C6900 1px solid;
}
.grid tr.grid-row-odd {
	background-color: #F9EFD0;
}
.grid tr.grid-row-even {
	background-color: #F3DFA0;
}
.grid .grid-bottom {
	background: none;
}
.grid .grid-perPage label {
	/*font-weight: bold;*/
}
.grid tr td.grid-row-cell {
	border-right: none;
	border-bottom: none;
}
.grid tr td.grid-row-cell:first-child {
	border-left: none;
}
.grid .grid-bottom {
	padding: 8px 0px 0px 0px;
}
.grid .grid-paginator {
	margin-right: 0px;
}
.grid .grid-paginator .grid-current {
	background: #F3DFA0;
	color: #4E3F0C;
	line-height: 16px;
}
.grid .grid-paginator a, .grid-paginator span {
	color: #fff;
	background-color: #F3DFA0;
	line-height: 16px;
}
.grid .grid-paginator a {
	background-color: #8C6900;
	line-height: 16px;
}
.grid .grid-subgrid-open {
	background: url('images/class_book/arrow_down.svg') no-repeat 4px;
}
.grid .grid-subgrid-close {
	background: url('images/class_book/arrow_up.svg') no-repeat 4px;
}
.ui-menu-item {
	font-family:"Ubuntu Condensed";
}
/* ---------------------------------------- */
/* ! NEXT STUDENT (arrows) */
/* ---------------------------------------- */
.nextStudent{
	position: absolute;
	left:0px;
	right: 0px;
}
.nextStudent>div{
    max-width: 1100px;
	min-width: 650px;
	margin-left: auto;
	margin-right: auto;
}
.nextStudent>div>div{
	width: 165px;
	height: 64px;
	float: right;
	margin-right: 10px;
	background: url(images/nextStudent_s2.png) no-repeat;
}
.nextStudent>div>div a:first-child{
    width: 82px;
	height: 64px;
	float: left;
}
.nextStudent>div>div a:first-child:hover{
	background: url(images/nextStudent.png) no-repeat 0px 0px
}
.nextStudent>div>div a:last-child{
	width: 82px;
	height: 64px;
	float: right;
}
.nextStudent>div>div a:last-child:hover{
	background: url(images/nextStudent.png) no-repeat -83px 0px
}
.nextStudent>div>div a:first-child.arrowDisable{
	background: url(images/nextStudent_s3.png) no-repeat 0px 0px;
	cursor: default;
}
.nextStudent>div>div a:last-child.arrowDisable{
	background: url(images/nextStudent_s3.png) no-repeat -83px 0px;
	cursor: default;
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.nextStudent{
		left: auto;
		margin-top: -30px;
		-ms-transform: scale(0.6); /* IE 9 */
		-webkit-transform: scale(0.6); /* Chrome, Safari, Opera */
		transform: scale(0.6);
		right: -130px;
	}
}

/* ---------------------------------------- */
/* ! ADMIN SETTINGS */
/* ---------------------------------------- */
.adminSettings {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	font-size: 13px;
}
.adminSettings_checkbox{
	padding-left: 15px;
	margin-bottom: 5px;
}
.adminSettings_checkbox input[type='checkbox']{
	margin-left: 0px;
}
.adminSettings_inp{
	background-color:rgb(255,255,255);
	height:22px;
	width: 70px;
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;

	font-family:"Ubuntu";
	font-size:12px;
	font-weight:bold;
	color:rgb(77,63,12);
	text-align:right;
	margin: 3px 0px 3px 10px;
	padding: 0px 5px;
}
.adminSettings_inp_text{
	width: 200px;
	text-align:left;
}
.mod_admin.role_admin .page_settings .adminSettings_token,
.mod_classbook.role_head_of_canteen .page_head_of_canteen_settings .adminSettings_token{
	width: 300px;
}
.page_settings .grade_value{
	font-weight: bold;
	margin-left: 15px;
}
.page_settings .upper_grade_bound,
.page_settings .lower_grade_bound{
	width: 35px;
	text-align:right;
	margin: 3px 5px 3px 15px;
}
.page_settings .lower_grade_bound{
	margin-left: 8px;
}
.page_settings .grade_value .color{
	display: inline-block;
	height: 10px;
	width: 40px;
}
.page_settings .grade_weight{
	width: 43px;
	text-align:right;
	margin: 3px 5px 3px 15px;
}
.page_settings .grade_weight.center{
	text-align:center;
}
.mod_admin .page_settings #registration_note,
.mod_admin .page_settings #registration_0_grade,
.mod_admin .page_settings #registration_other_grades,
.mod_admin .page_settings #apology_teacher_notification,
.mod_admin .page_settings #show_izk_average{
	margin-top: 5px;
	padding-left: 30px;
}
.mod_admin .page_settings #registration_educations > div:first-child,
.mod_admin .page_settings #registration_languages > div:first-child{
	margin-bottom: 5px;
}
.mod_admin .page_settings .educations_and_languages .adminSettings_left1{
	margin-right: 0px;
}
.mod_admin .page_settings #registration_note textarea{
	width: calc(100% - 10px);
	height: 39px;
	min-height: 39px;
	resize: vertical;
	margin-top: 6px;
	background-color: rgb(255,255,255);
    border-color: rgb(232,213,156);
    border-width: 1px;
    border-style: solid;
    font-family: "Ubuntu";
    font-size: 12px;
    color: rgb(77,63,12);
    padding: 2px 5px;
}
.mod_admin .page_settings #show_registration_attachment{
	padding-left: 30px;
}
.mod_admin .page_settings .director_sign_attachment,
.mod_admin .page_settings .school_stamp_attachment,
.mod_admin .page_settings .template_confirmation{
	padding-left: 35px;
}
.mod_admin .page_settings #registration_attachment{
	padding-left: 50px;
}
.mod_admin .page_settings .upload_btn{
	padding-top: 5px;
}
.mod_admin .page_settings .delete_attachment_btn{
	display: inline-block;
	width:34px;
	height:25px;
	background:transparent url(images/class_book/trash.svg) center no-repeat;
	background-size: 19px 19px;
	cursor:pointer;
	border: none;
	vertical-align: bottom;
}
.mod_admin .page_settings #delete_attachment_btn:hover{
	width:34px;
	height:25px;
	background:transparent url(images/class_book/trash_hover.svg) center no-repeat;
	background-size: 21px 21px;
	cursor:pointer;
}
.adminSettings_property>div{
	font-family:Ubuntu;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
.adminSettings_property>div>span{
	font-size: 15px;
	font-weight: normal;
}
.adminSettings_property{
	padding-left: 15px;
	padding-right: 15px;
}
.adminSettings_property table{
	width: 570px;
	margin-top: 10px;
}
.adminSettings_property table td:nth-child(1){
	width: 60px;
	color: rgb(189,163,100);
}
.adminSettings_property table td:nth-child(3){
	padding-left: 25px;
	width: 120px;
	color: rgb(189,163,100);
}
.page_settings .delivery_address table td:nth-child(1),
.page_settings .delivery_address table td:nth-child(3){
	color: rgb(78,63,12);
}
.adminSettings_line1{
	border-bottom-color:rgba(64,32,0,0.5);
	border-bottom-width:1px;
	border-bottom-style:dotted;
	margin: 20px 0px;
}
.adminSettings_line2{
	border-right-color:rgba(64,32,0,0.5);
	border-right-width:1px;
	border-right-style:dotted;
	padding-right: 30px;
}
.adminSettings_left1{
	float: left;
	width: 50%;
	margin-right: 30px;
}
.adminSettings_left1_kg{
	width: 100%;
}
.adminSettings_right1{
	float: left;
}
.adminSettings_tm3{
	clear: both;
	margin:20px 0px;
}
.adminSettings_link{
	margin-bottom: 15px;
	margin-top: -7px;
	line-height: 12px;
	padding-bottom: 12px;
	text-align: left;

	border-bottom-color:rgb(156,135,104);
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.adminSettings_tm2{
	font-size:13px;
}
.adminSettings_tm2 img{
	margin-top: 12px;
}
.adminSettings_txta{
	background-color:rgb(255,255,255);
	height:45px;
	width: 95%;
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;

	font-family:"Ubuntu Condensed";
	font-size:12px;
	color:rgb(77,63,12);
	margin: 6px 0px;
	padding: 10px;
	left:0px;
	right: 0px;
	resize: none;
	overflow: auto;
}
.adminSettings_delivery{
	margin-top: 20px;
}
.mod_admin .page_settings .generateToken_btn{
	width: 220px;
}
.mod_admin .page_settings .save_api_settings_btn{
	width: 350px;
}
.mod_admin .page_settings .api_token_block{
	margin-top: 20px;
}
.order_detail>div{
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
.order_detail label{
	font-weight:normal;
	font-size: 16px;
}
.order_detail{
	padding-left: 15px;
	padding-right: 15px;
}
.order_detail table{
	width: 570px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.order_detail table td:nth-child(1){
	width: 150px;
	color: rgb(189,163,100);
}

.mod_admin.role_admin .page_calendar .block_uni,
.mod_admin .page_groups .block_uni{
	margin: 0px 6px 6px 6px;
	min-width: 200px;
	background-color: #F9EFD0;
	font-size: 20px;
}
.mod_admin .page_groups #obj_required_synchronization{
	padding: 10px 20px;
	font-size: 16px;
}
.mod_admin.role_admin .page_calendar .header_uni,
.mod_admin .page_groups .header_uni{
	height: 50px;
	background-color: #F3DFA0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.mod_admin .page_groups .header_uni .header_subtitle{
	font-size: 16px;
	opacity: 0.8;
}
.mod_admin.role_admin .page_calendar .hd_container_uni,
.mod_admin.role_admin .page_calendar .hd_container_uni>div,
.mod_admin .page_groups .hd_container_uni>div{
	height: 32px;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.mod_admin.role_admin .page_calendar .header_uni .arrow_down,
.mod_admin .page_groups .block_selector_container .header_uni .arrow_down{
	width: 42px;
	height: 100%;
	border-right: 1px dotted #A08641;
	background: url(images/class_book/arrow_down.svg) no-repeat center center;
	cursor: pointer;
	margin-right: 10px;
}
.mod_admin.role_admin .page_calendar .header_uni .arrow_down:hover,
.mod_admin .page_groups .block_selector_container .header_uni .arrow_down:hover:not(.read_only){
	background: url(images/class_book/arrow_down_s2.svg) no-repeat center center;
}
.mod_admin .page_groups .block_selector_container .header_uni .block_open:not(.read_only){
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
	border-right: none;
	border-left: 1px dotted #A08641;
}
.mod_admin .page_groups .block_selector_container .header_uni .read_only{
	cursor: default;
	opacity: 0.5;
}
.mod_admin.role_admin .page_calendar .content_uni,
.mod_admin .page_groups .content_uni{
	border-top: 2px solid #4F3F06;
	min-height: 20px;
}
.mod_admin.role_admin .page_calendar #calendar .selected_event{
	border-color: #F49E09;
	background-color: #F49E09;
	border-right: dotted;
}
.mod_admin.role_admin .page_calendar #create_holiday_button {
	width: 40px;
	height: 40px;
	background: transparent url(images/class_book/icon_create_activity.svg) no-repeat center center;
	font-size: 0;
	padding: 0;
	margin: 0;
	margin-right: 25px;
	display: inline-block;
	cursor: pointer;
}
.mod_admin.role_admin .page_calendar #delete_holiday_button {
	width: 40px;
	height: 40px;
	background: transparent url(images/class_book/icon_delete_activity.svg) no-repeat center center;
	font-size: 0;
	padding: 0;
	margin: 0;
	margin-right: 25px;
	display: inline-block;
	cursor: pointer;
	background-size: 36px 33px;
}
.mod_admin.role_admin .page_calendar #create_holiday_button:hover {
	background-size: 39px 36px;
}
.mod_admin.role_admin .page_calendar #delete_holiday_button:hover {
	background-size: 39px 36px;
}
.mod_admin.role_admin .page_calendar .calendar_buttons {
	font-size: 11px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.mod_admin.role_admin .page_calendar .holiday_container .content_uni{
	font-size: 16px;
}
.mod_admin.role_admin .page_calendar .holiday_container .content_uni.holiday_onlyread{
	background-color: #F3DFA0;
}
.mod_admin.role_admin .page_calendar .holiday_container .content_uni.holiday_onlyread>div:first-child{
	display: block;
	width: 100%;
	cursor: pointer;
}
.mod_admin.role_admin .page_calendar .holiday_container .content_uni.holiday_onlyread>div>div>div>span{
	display: block;
	color: #BDA35A;
	font-size: 13px;
	line-height: 20px;
}
.mod_admin.role_admin .page_calendar .holiday_container .content_uni{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.mod_admin.role_admin .page_calendar .holiday_container .content_uni>div:first-child{
	width: 100%;
	padding-bottom: 10px;
}
.mod_admin.role_admin .page_calendar .holiday_container .holiday_edit>div:first-child{
	border-right: 1px dotted #A08641;
}
.mod_admin.role_admin .page_calendar .btn_uni.btn_disabled,
.mod_admin.role_admin .page_calendar .btn_uni.btn_disabled:hover,
.mod_admin .page_groups .btn_uni.btn_disabled,
.mod_admin .page_groups .btn_uni.btn_disabled:hover{
    background-color:rgb(205,185,125);
	cursor: default;
}
.mod_admin.role_admin .page_calendar .holiday_container .holiday_form textarea,
.mod_admin.role_admin .page_calendar .holiday_container .holiday_form input{
	background-color: rgb(255,255,255);
	box-sizing: border-box;
	border:1px solid rgb(232,213,156);
	font-family: "Ubuntu";
	font-size: 16px;
	color: rgb(77,63,12);
	padding: 3px 8px;
	margin-right: 5px;
	margin-left: 1px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.mod_admin.role_admin .page_calendar .holiday_container .holiday_form textarea{
	margin-right: 10px;
	resize: vertical;
	width: 100%;
}
.mod_admin.role_admin .page_calendar .holiday_container .holiday_form .holiday_interval>span:first-child{
	display: block;
}
.mod_admin.role_admin .page_calendar .holiday_container .holiday_form .holiday_interval>span:nth-child(3){
	display: inline-block;
	width: 20px;
	text-align: center;
	margin-left: 3px;
}
.mod_admin.role_admin .page_calendar .holiday_container .holiday_form .start_date,
.mod_admin.role_admin .page_calendar .holiday_container .holiday_form .end_date{
	text-align:right;
	background: url(images/icon_calendar.svg) no-repeat 4px rgb(255,255,255);
	background-size: 15px 15px;
	width: 120px;
}
.mod_admin.role_admin .page_calendar .holiday_container .holiday_save{
	text-align: center;
	width: 70px;
}
.mod_admin.role_admin .page_calendar .holiday_save > div{
	width: 28px;
	height: 28px;
	margin: auto;
	background: transparent url(images/class_book/submit.svg) no-repeat center center;
	cursor: pointer;
}
.mod_admin.role_admin .page_calendar .holiday_save > div:hover{
	background: transparent url(images/class_book/submit_s2.svg) no-repeat center center;
}
.mod_admin.role_admin .page_calendar .day_month{
	font-weight: 500;
}
.mod_admin.role_admin .page_calendar .block_selector_container .not_selected_items > div,
.mod_admin .page_groups .block_selector_container .not_selected_items > div{
	padding: 20px 10px 10px 20px;
}
.mod_admin.role_admin .page_calendar .block_selector_container .selected_items,
.mod_admin .page_groups .block_selector_container .selected_items{
	background-color: #F3DFA0;
}
.mod_admin.role_admin .page_calendar .block_selector_container .selected_item,
.mod_admin .page_groups .block_selector_container .selected_item{
	border-top: 1px dotted #A08641;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.mod_admin.role_admin .page_calendar .block_selector_container .selected_item>div,
.mod_admin .page_groups .block_selector_container .selected_item>div{
	height: 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.mod_admin.role_admin .page_calendar .block_selector_container .selected_item .item_name,
.mod_admin .page_groups .block_selector_container .selected_item .item_name{
	padding-left: 20px;
	padding-right: 10px;
	width: 100%;
}
.mod_admin .page_groups .block_selector_container .selected_items .item_name{
	font-size: 16px;
}
.mod_admin .page_groups .block_selector_container .not_selected_items .btn_uni{
	font-size: 14px;
}
.mod_admin .page_groups .block_selector_container .not_selected_items .not_selected_items_title,
.mod_admin .page_groups .block_selector_container .not_selected_items .all_selected_items_text{
	font-size: 14px;
	opacity: 0.8;
	margin-bottom: 10px;
}
.mod_admin.role_admin .page_calendar .block_selector_container .delete_item,
.mod_admin .page_groups .block_selector_container .delete_item{
	width: 40px;
	height: 22px;
	display: inline-block;
	margin-right: 0px;
	margin-left: auto;
	border-left: 1px dotted #A08641;
	background: url(images/class_book/delete_student.svg) no-repeat center center;
	cursor: pointer;
}
.mod_admin.role_admin .page_calendar .block_selector_container .delete_item:hover,
.mod_admin .page_groups .block_selector_container .delete_item:hover:not(.read_only){
	background: url(images/class_book/delete_student_s2.svg) no-repeat center center;
}
.mod_admin .page_groups .block_selector_container .read_only{
	cursor: default;
	opacity: 0.5;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_admin.role_admin .page_calendar #obj_calendar{
		padding-bottom: 5px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .content_uni.holiday_onlyread>div>div{
		padding: 10px 0px 0px 20px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form>div{
		border-bottom: 1px dotted #A08641;
		padding: 10px 20px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form>div:last-child{
		border-bottom: none;
		margin-bottom: 5px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form>div>span{
		display: inline-block;
		font-size: 13px;
		line-height: 20px;
		margin: 5px;
	}
	.mod_admin.role_admin .page_calendar .block_selector_container .selected_items,
	.mod_admin .page_groups .block_selector_container .selected_items{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.mod_admin.role_admin .page_calendar .block_selector_container .selected_item:last-child,
	.mod_admin .page_groups .block_selector_container .selected_item:last-child{
		margin-right: 0px;
	}
	.mod_admin.role_admin .page_calendar .block_selector_container .selected_item,
	.mod_admin .page_groups .block_selector_container .selected_item{
		width: 25%;
		margin-right: 20px;
	}
	.mod_admin.role_admin .page_calendar .block_selector_container .selected_item:last-child,
	.mod_admin .page_groups .block_selector_container .selected_item:last-child{
		margin-right: 20px;
	}
	.mod_admin.role_admin .page_calendar .block_uni .txt_block>span{
		font-size: 16px;
		padding-left: 20px;
	}
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_admin.role_admin .page_settings .adminSettings,
	.mod_admin.role_admin .page_calendar .adminSettings
	{
		margin: 10px 15px 0px 15px;
	}
	.mod_admin.role_admin .page_settings .tooltip_icon_1{
		float: none;
		margin-top: 0px;
	}
	.mod_admin.role_admin .page_settings .adminSettings,
	.mod_admin.role_admin .page_calendar .adminSettings,
	.mod_admin.role_admin .page_settings .adminSettings_property>div,
	.mod_admin.role_admin .page_settings .adminSettings_tm2,
	.mod_management .page_founder_school_detail .adminSettings_link
	{
		font-family:"Ubuntu Condensed";
		font-weight: normal;
	}
	.mod_admin.role_admin .page_settings .adminSettings_property{
		padding: 0px;
	}
	.mod_admin.role_admin .page_settings .adminSettings_property table{
		width: auto;
	}
	.mod_admin.role_admin .page_settings .adminSettings_property table td{
		display: inline-block;
	}
	.mod_admin.role_admin .page_settings .adminSettings_property table td:nth-child(1),
	.mod_admin.role_admin .page_settings .adminSettings_property table td:nth-child(3)
	{
		padding-left: 0px;
		width: 35%;
	}
	.mod_admin.role_admin .page_settings .adminSettings_property table td:nth-child(2),
	.mod_admin.role_admin .page_settings .adminSettings_property table td:nth-child(4)
	{
		padding-left: 0px;
		width: 65%;
		word-break: break-all;
	}
	.mod_admin.role_admin .page_settings .delivery_address table td:nth-child(1),
	.mod_admin.role_admin .page_settings .delivery_address table td:nth-child(3)
	{
		padding-left: 0px;
		width: 18%;
	}
	.mod_admin.role_admin .page_settings .adminSettings_left1{
		float: none;
		width: auto;
		margin: 0px;
		padding: 0px;
		border-right: none;
	}
	.mod_admin.role_admin .page_settings .adminSettings_checkbox{
		padding-left: 18px;
		text-indent: -18px;
	}
	.mod_admin .page_settings #registration_note,
	.mod_admin .page_settings #show_registration_attachment{
		padding-left: 12px;
		text-indent: 0px;
	}
	.mod_admin .page_settings #registration_note textarea{
		font-family: "Ubuntu Condensed";
		width: calc(100% - 6px);
		margin-top: 2px;
		padding: 2px;
	}
	.mod_admin .page_settings #registration_attachment{
		padding-left: 30px;
	}
	.mod_admin.role_admin .page_settings .adminSettings_checkbox:nth-child(n+8){
		padding-left: 0px;
		text-indent: 0px;
	}
	.mod_admin.role_admin .page_settings form#frm-apiSettingsForm .adminSettings_checkbox{
		padding-left: 0px;
		text-indent: 0px;
	}
	.mod_admin.role_admin .page_settings .adminSettings_tm3{
		text-align: center;
		margin: 0px;
		padding: 0px 0px 25px 15px;
	}
	.mod_admin.role_admin .page_settings .login_btn{
		margin-top: 0px;
		font-family: "Ubuntu Condensed";
		width: 80px;
	}
	.mod_admin.role_admin .page_settings .generateToken_btn{
		margin-top: 10px;
		width: 180px;
	}
	.mod_admin.role_admin .page_settings .save_api_settings_btn{
		width: 270px;
	}
	.mod_admin.role_admin .page_settings .generate_code_btn,
	.mod_admin.role_admin .page_settings .print_code_btn,
	.mod_admin.role_admin .page_settings .view_result_btn{
		width: 130px;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	.mod_admin.role_admin .page_settings .view_result_btn.previous_year{
		width: 200px;
	}
	.mod_admin.role_admin .page_settings .template_confirmation_btn{
		width: 150px;
	}
	.mod_admin.role_admin .page_settings .adminSettings_link,
	.mod_management .page_founder_school_detail .adminSettings_link{
		margin: 0px 0px 15px 0px;
		line-height: normal;
		font-size: 20px;
		padding-bottom: 10px;
	}
	.mod_admin.role_admin .page_settings .adminSettings_tm2{
		padding: 15px;
	}
	.mod_admin.role_admin .page_settings .adminSettings_txta{
		width: 90%;
		height: 50px;
	}

	.mod_admin.role_admin .page_calendar .holiday_container .content_uni.holiday_onlyread>div>div,
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form>div{
		padding: 10px 0px 10px 14px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form textarea,
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form input{
		font-family: "Ubuntu Condensed";
		font-size: 16px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form .start_date,
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form .end_date{
		width: 100px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .button_info_container,
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_save{
		width: 50px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form>div{
		border-bottom: 1px dotted #A08641;
		padding: 10px 20px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form>div:last-child{
		border-bottom: none;
		margin-bottom: 5px;
	}
	.mod_admin.role_admin .page_calendar .holiday_container .holiday_form>div>span{
		display: block;
		font-size: 13px;
		line-height: 20px;
	}
	.mod_admin.role_admin .page_calendar .holiday_save{
		width: 50px;
	}
	.mod_admin.role_admin .page_calendar .block_selector_container .selected_item,
	.mod_admin .page_groups .block_selector_container .selected_item{
		width: 100%;
		margin-right: 20px;
	}
	.mod_admin.role_admin .page_calendar .block_selector_container .selected_item:last-child,
	.mod_admin .page_groups .block_selector_container .selected_item:last-child{
		margin-right: 20px;
	}
	.mod_admin.role_admin .page_calendar .desktop_only,
	.mod_admin .page_groups .desktop_only{
		display: none;
	}
	.mod_admin.role_admin .page_calendar .block_uni .txt_block>span{
		font-size: 16px;
		padding-left: 20px;
	}
	.mod_admin.role_admin .page_calendar .tooltip_icon_1{
		position: absolute;
		float:left;
	}
	.mod_admin.role_admin .page_settings .adminSettings_token,
	.mod_classbook.role_head_of_canteen .page_head_of_canteen_settings .adminSettings_token{
		font-family: "Ubuntu Condensed";
		width: 230px;
	}
}


/* ---------------------------------------- */
/* ! STUDENT MESSAGES */
/* ---------------------------------------- */
.studentMessages_content {
	height: 140px !important;
}
.studentMessages_form {
	width: 100%;
	margin-left: 20px;
	font-size: 14px;
}
.studentMessages_search {
	background-color:rgb(255,255,255);
	width:264px;
	height:28px;
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;

	font-family:"Ubuntu";
	font-size:14px;
	font-weight:bold;
	color:rgb(77,63,12);
	margin: 5px 0px 10px 0px;
	padding: 0px 5px;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.page_student_messages .studentMessages_form,
	.mod_classbook .page_note_for_print .studentMessages_form{
		padding-top: 15px;
		margin-left: 15px;
		font-family:"Ubuntu Condensed";
	}
	.page_student_messages .studentMessages_search,
	.mod_classbook .page_note_for_print .studentMessages_search{
		width: 75%;
	}
	.page_student_messages .tooltip_icon_1,
	.mod_classbook .page_note_for_print .tooltip_icon_1{
		float: none
	}
	.studentMessages_search {
		font-family:"Ubuntu Condensed";
	}
}

/* ---------------------------------------- */
/* ! ACCESS RIGHTS */
/* ---------------------------------------- */
.accessRights {
	display: table;
	width: auto;
	/*border: rgb(204, 0, 0) 1px solid;*/
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
}
.accessRights_bg1{
	background-color:rgb(253,249,236);
	height:40px;
	border-bottom-color:rgba(178,0,0,0.65);
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.accessRights_Left{
	display: table-cell;
	width: 45%;
}
.accessRights_Center{
	display: table-cell;
	min-width: 70px;
	background: url(images/icon_access.png) no-repeat center 15px;
}
.accessRights_Right{
	display: table-cell;
	width: 55%;
	vertical-align: top;
}
.accessRights_smartCombo{
	background-color:rgb(255,255,255);
	min-width:200px;
	width: 75%;
	height:26px;
	border-color:rgb(216,199,145);
	border-width:1px;
	border-style:solid;
	float: left;
	padding-left: 10px;
	margin-top: 2px;

	font-size:14px;
	line-height:24px;
	/*color:rgba(140,104,0,0.55);*/
	color:rgb(77,63,12);
	text-align:left;
}
.accessRights_tm1{
	background-color:rgb(140,105,0);
	width:30px;
	height:30px;
	float: left;
	margin-right: 8px;
	margin-top: 2px;
	text-align: center;
	color:rgb(232,213,156);
}
.accessRights_tm1.ui-state-hover{
	background:none;
	background-color:rgb(97, 73, 0);
	border:none;
	width:30px;
	height:30px;
	border: none;
	float: left;
	margin-right: 8px;
	margin-top: 2px;
	text-align: center;
	color:rgb(232,213,156);
}
.accessRights_tm1 .ui-icon{
	background-image: url("images/down_arrow.svg");
	background-position: 0 0;
}
.accessRights_teacher{
	font-size:15px;
	font-weight:bold;
	line-height: 28px;
	color:rgb(76,63,12);
	text-align:left;
	margin: 20px 20px 0px 20px;
}
.accessRights_name{
	font-size:15px;
	font-weight:bold;
	color:rgb(76,63,12);
	padding-top: 10px;

	border-bottom-color:rgba(64,32,0,0.5);
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.accessRights_TB2{
	display: table;
	width: 100%;
}
.accessRights_c1{
	display: table-cell;
	width: 45%;
}
.mod_admin.role_admin .page_longtime_substitutions .accessRights_c1{
	width: 70%;
}
.accessRights_c2{
	display: table-cell;
	width: 55%;
	min-width: 140px;
}
.mod_admin.role_admin .page_longtime_substitutions .accessRights_c2{
	width: 30%;
}
.accessRights_tm2{
	font-size:18px;
	color:rgb(77,63,12);
}
.accessRights_tm3{
	font-size:13px;
	font-family: "Ubuntu Condensed";
	line-height:38px;
	color:rgb(77,63,12);
}
.accessRights_tm3 input{
	margin: 0px 8px 0px 0px;
}
.accessRights_TB3{
	display: table;
	width: 100%;

	border-bottom-color:rgba(64,32,0,0.5);
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.accessRights_tm4{
	background-color:rgb(140,105,0);
	width:140px;
	height:28px;

	font-size:14px;
	font-weight:bold;
	line-height:28px;
	color:rgb(255,255,255);
	text-align:center;
	margin: 5px 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mod_admin.role_admin .page_longtime_substitutions .accessRights_tm4{
	width:300px;
}
.accessRights_tm5 input{
	margin: 0px 8px 0px 0px;
}
.accessRights_tm6{
	padding: 0px 20px;
}
.accessRights_tm6 .accessRights_TB3:last-child{
	border-bottom: none;
}
.accessRights_submit{
	margin-top: 20px;
	margin: 20px 30px 10px 30px;
	border-top-color:rgba(64,32,0,0.5);
	border-top-width:1px;
	border-top-style:dotted;
	padding-top: 10px;
	text-align: center;
}
.ui-autocomplete{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-color:rgb(216,199,145);
	border-width:1px;
	border-style:solid;
}
.mod_admin.role_admin .page_longtime_substitutions .longtime_absences{
	margin: 30px 30px 10px 30px;
	font-size: 13px;
}
.mod_admin.role_admin .page_longtime_substitutions .longtime_absences > a{
	color:rgb(78,63,12);
	border-bottom:rgba(78,63,12,0.75) 1px dotted;
	text-decoration: none;
}
.mod_admin.role_admin .page_longtime_substitutions .longtime_absences > a.tooltip_icon_1{
	margin-top:0px;
	margin-left:10px;
	border-bottom:none;
	float: right;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mod_admin.role_admin .page_teacher_rights,
	.mod_admin.role_admin .page_csc_rights,
	.mod_admin.role_admin .page_lc_rights,
	.mod_admin.role_admin .page_teacher_roles,
	.mod_admin.role_admin .page_longtime_substitutions{
		min-width: 320px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights,
	.mod_admin.role_admin .page_teacher_rights input,
	.mod_admin.role_admin .page_csc_rights .accessRights,
	.mod_admin.role_admin .page_csc_rights input,
	.mod_admin.role_admin .page_lc_rights .accessRights,
	.mod_admin.role_admin .page_lc_rights input,
	.mod_admin.role_admin .page_teacher_roles .accessRights,
	.mod_admin.role_admin .page_teacher_roles input,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights,
	.mod_admin.role_admin .page_longtime_substitutions input{
		font-family: "Ubuntu Condensed";
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights,
	.mod_admin.role_admin .page_csc_rights .accessRights,
	.mod_admin.role_admin .page_lc_rights .accessRights,
	.mod_admin.role_admin .page_teacher_roles .accessRights,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights{
		display: block;
		margin:0px;
		width: 100%;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_bg1,
	.mod_admin.role_admin .page_csc_rights .accessRights_bg1,
	.mod_admin.role_admin .page_lc_rights .accessRights_bg1,
	.mod_admin.role_admin .page_teacher_roles .accessRights_bg1,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_bg1{
		padding: 10px 10px 5px 10px;
		width: auto;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_smartCombo,
	.mod_admin.role_admin .page_csc_rights .accessRights_smartCombo,
	.mod_admin.role_admin .page_lc_rights .accessRights_smartCombo,
	.mod_admin.role_admin .page_teacher_roles .accessRights_smartCombo,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_smartCombo{
		min-width: inherit;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_tm1,
	.mod_admin.role_admin .page_csc_rights .accessRights_tm1,
	.mod_admin.role_admin .page_lc_rights .accessRights_tm1,
	.mod_admin.role_admin .page_teacher_roles .accessRights_tm1,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_tm1{
		margin-right: 0px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_tm2,
	.mod_admin.role_admin .page_csc_rights .accessRights_tm2,
	.mod_admin.role_admin .page_lc_rights .accessRights_tm2,
	.mod_admin.role_admin .page_teacher_roles .accessRights_tm2,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_tm2{
		font-size: 16px;
		min-width: 160px;
	}
	.mod_admin.role_admin .page_teacher_rights .tooltip_icon_1,
	.mod_admin.role_admin .page_csc_rights .tooltip_icon_1,
	.mod_admin.role_admin .page_lc_rights .tooltip_icon_1,
	.mod_admin.role_admin .page_teacher_roles .tooltip_icon_1,
	.mod_admin.role_admin .page_longtime_substitutions .tooltip_icon_1{
		float: left;
		margin-left: 12px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_Left,
	.mod_admin.role_admin .page_csc_rights .accessRights_Left,
	.mod_admin.role_admin .page_lc_rights .accessRights_Left,
	.mod_admin.role_admin .page_teacher_roles .accessRights_Left,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_Left{
		display: inline;
		width: auto;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_Center,
	.mod_admin.role_admin .page_csc_rights .accessRights_Center,
	.mod_admin.role_admin .page_lc_rights .accessRights_Center,
	.mod_admin.role_admin .page_teacher_roles .accessRights_Center,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_Center{
		display: none;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_Right,
	.mod_admin.role_admin .page_csc_rights .accessRights_Right,
	.mod_admin.role_admin .page_lc_rights .accessRights_Right,
	.mod_admin.role_admin .page_teacher_roles .accessRights_Right,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_Right{
		display: inline;
		width: auto;
	}
	.mod_admin.role_admin #rights_table .table_head,
	.mod_admin.role_admin #rights_table .table_head,
	.mod_admin.role_admin #rights_table .table_head{
		height: auto;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_TB2,
	.mod_admin.role_admin .page_csc_rights .accessRights_TB2,
	.mod_admin.role_admin .page_lc_rights .accessRights_TB2,
	.mod_admin.role_admin .page_teacher_roles .accessRights_TB2,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_TB2{
		padding-top: 2px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_TB3,
	.mod_admin.role_admin .page_csc_rights .accessRights_TB3,
	.mod_admin.role_admin .page_lc_rights .accessRights_TB3,
	.mod_admin.role_admin .page_teacher_roles .accessRights_TB3,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_TB3{
		border-bottom: none;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_tm3,
	.mod_admin.role_admin .page_csc_rights .accessRights_tm3,
	.mod_admin.role_admin .page_lc_rights .accessRights_tm3,
	.mod_admin.role_admin .page_teacher_roles .accessRights_tm3,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_tm3{
		font-size: 12px;
		line-height: 20px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_c1,
	.mod_admin.role_admin .page_csc_rights .accessRights_c1,
	.mod_admin.role_admin .page_lc_rights .accessRights_c1,
	.mod_admin.role_admin .page_teacher_roles .accessRights_c1{
		width: 160px;
		padding-right: 25px;
	}
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_c1{
		width: 200px;
		padding-right: 25px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_c2,
	.mod_admin.role_admin .page_csc_rights .accessRights_c2,
	.mod_admin.role_admin .page_lc_rights .accessRights_c2,
	.mod_admin.role_admin .page_teacher_roles .accessRights_c2,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_c2{
		width: auto;
		min-width: 80px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_tm6,
	.mod_admin.role_admin .page_csc_rights .accessRights_tm6,
	.mod_admin.role_admin .page_lc_rights .accessRights_tm6,
	.mod_admin.role_admin .page_teacher_roles .accessRights_tm6,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_tm6{
		padding-left: 10px;
		padding-right: 0px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_name,
	.mod_admin.role_admin .page_csc_rights .accessRights_name,
	.mod_admin.role_admin .page_lc_rights .accessRights_name,
	.mod_admin.role_admin .page_teacher_roles .accessRights_name,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_name{
		line-height: 24px;
		font-size: 16px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_teacher,
	.mod_admin.role_admin .page_csc_rights .accessRights_teacher,
	.mod_admin.role_admin .page_lc_rights .accessRights_teacher,
	.mod_admin.role_admin .page_teacher_roles .accessRights_teacher,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_teacher{
		margin: 0px 10px 0px 10px;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_tm4,
	.mod_admin.role_admin .page_csc_rights .accessRights_tm4,
	.mod_admin.role_admin .page_lc_rights .accessRights_tm4,
	.mod_admin.role_admin .page_teacher_roles .accessRights_tm4,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_tm4{
		width: inherit;
	}
	.mod_admin.role_admin .page_teacher_rights .accessRights_submit,
	.mod_admin.role_admin .page_csc_rights .accessRights_submit,
	.mod_admin.role_admin .page_lc_rights .accessRights_submit,
	.mod_admin.role_admin .page_teacher_roles .accessRights_submit,
	.mod_admin.role_admin .page_longtime_substitutions .accessRights_submit{
		margin: 20px 15px 0px 15px;
		padding-bottom: 15px;
		padding-top: 0px;
	}
	.mod_admin.role_admin .page_longtime_substitutions .longtime_absences{
		margin: 15px 10px 0px 10px;
		padding-bottom: 15px;
		font-size: 13px;
		font-family: "Ubuntu Condensed";
	}
}

/* ---------------------------------------- */
/* ! USER MANAGEMENT */
/* ---------------------------------------- */
.mod_admin.role_teacher.page_user_management_parent .userManagement,
.mod_admin.role_teacher.page_user_management_student .userManagement
{
	padding-bottom: 15px;
	padding-top: 5px;
}
.userManagementGridNote1, .userManagementGridNote2 {
	font-size: 11px;
}
.userManagementGridNote1Print {
	font-size: 10pt;
	display: none;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */

	/* TEACHER */
	.mod_admin.role_teacher .page_user_management_parent .userManagement,
	.mod_admin.role_teacher .page_user_management_student .userManagement
	{
		padding-left: 0px;
		padding-bottom: 15px;
		padding-top: 0px;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid tr td.grid-row-cell,
	.mod_admin.role_teacher .page_user_management_parent .grid th.grid-head-column,
	.mod_admin.role_teacher .page_user_management_parent .grid .grid-filter-form,
	.mod_admin.role_teacher .page_user_management_student .grid tr td.grid-row-cell,
	.mod_admin.role_teacher .page_user_management_student .grid th.grid-head-column,
	.mod_admin.role_teacher .page_user_management_student .grid .grid-filter-form
	{
		padding: 0px;
		word-break: break-word;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid, .grid input,
	.mod_admin.role_teacher .page_user_management_student .grid, .grid input
	{
		margin-right: 0px;
	}
	.mod_admin.role_teacher .page_user_management_parent #obj_user_management td,
	.mod_admin.role_teacher .page_user_management_parent #obj_user_management th,
	.mod_admin.role_teacher .page_user_management_student #obj_user_management td,
	.mod_admin.role_teacher .page_user_management_student #obj_user_management th,
	.mod_izk.role_teacher .page_grade_category #obj_grade_category th
	{
		padding:3px;
	}
	.mod_admin.role_teacher .page_user_management_parent #obj_user_management td:first-child,
	.mod_admin.role_teacher .page_user_management_parent #obj_user_management th:first-child,
	.mod_admin.role_teacher .page_user_management_student #obj_user_management td:first-child,
	.mod_admin.role_teacher .page_user_management_student #obj_user_management th:first-child
	{
		padding-left:5px;
	}

	.mod_admin.role_teacher .page_user_management_parent .grid thead tr:nth-child(2) th>a,
	.mod_admin.role_teacher .page_user_management_student .grid thead tr:nth-child(2) th>a
	{
		overflow: hidden;
		/* text-overflow:ellipsis; */
		height: 26px;
		display: block;
		font-size: 12px;
		font-weight: normal;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_teacher .page_user_management_parent .grid thead tr:nth-child(3) th>select,
	.mod_admin.role_teacher .page_user_management_student .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_teacher .page_user_management_student .grid thead tr:nth-child(3) th>select
	{
		display: none
	}
	.mod_admin.role_teacher .page_user_management_parent .grid thead tr:nth-child(2) th:nth-child(6) a,
	.mod_admin.role_teacher .page_user_management_student .grid thead tr:nth-child(2) th:nth-child(6) a
	{
		display: none;
	}

	.mod_admin.role_teacher .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-last-child(n+3),
	.mod_admin.role_teacher .page_user_management_parent .grid tbody td:nth-last-child(n+3),
	.mod_admin.role_teacher .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-last-child(n+3),
	.mod_admin.role_teacher .page_user_management_student .grid tbody td:nth-last-child(n+3)
	{
		background: url(images/timetable_line2.png) right center no-repeat;
	}

	/* sirka stlpcov */
	.mod_admin.role_teacher .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-child(1),
	.mod_admin.role_teacher .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-child(7),
	.mod_admin.role_teacher .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-child(1),
	.mod_admin.role_teacher .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-child(7)
	{
		width: 18% !important;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-child(5),
	.mod_admin.role_teacher .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-child(5)
	{
		width: 30% !important;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-child(6),
	.mod_admin.role_teacher .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-child(6)
	{
		width: 4% !important;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-child(2),
	.mod_admin.role_teacher .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-child(2)
	{
		width: 12% !important;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-child(3),
	.mod_admin.role_teacher .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-child(3)
	{
		width: 10% !important;
	}

	.mod_admin.role_teacher .page_user_management_parent .grid th:nth-child(4),
	.mod_admin.role_teacher .page_user_management_parent .grid td:nth-child(4),
	.mod_admin.role_teacher .page_user_management_student .grid th:nth-child(4),
	.mod_admin.role_teacher .page_user_management_student .grid td:nth-child(4)
	{
		display: none;
	}
	@media all and (max-device-width: 400px) and (orientation:portrait){ /* mobile - obemedzenie pod 400px */
		.mod_admin.role_teacher .page_user_management_parent .grid th:nth-child(5),
		.mod_admin.role_teacher .page_user_management_parent .grid td:nth-child(5),
		.mod_admin.role_teacher .page_user_management_student .grid th:nth-child(5),
		.mod_admin.role_teacher .page_user_management_student .grid td:nth-child(5)
		{
			display: none;
		}
	}

	/* btn filter */
	.mod_admin.role_teacher .page_user_management_parent .grid th:nth-child(8),
	.mod_admin.role_teacher .page_user_management_student .grid th:nth-child(8)
	{
		width: 0.1%;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid tr:nth-child(2) th:nth-child(8),
	.mod_admin.role_teacher .page_user_management_student .grid tr:nth-child(2) th:nth-child(8)
	{
		font-size: 0px;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid th:nth-child(8) input,
	.mod_admin.role_teacher .page_user_management_student .grid th:nth-child(8) input
	{
		position: absolute;
		right:28px;
		margin-top: -12px;
	}
	.mod_admin.role_teacher .page_user_management_parent .grid th:nth-child(8) a,
	.mod_admin.role_teacher .page_user_management_student .grid th:nth-child(8) a
	{
		position: absolute;
		right:12px;
		margin-top: -12px;
	}

	.mod_admin.role_teacher .page_user_management_parent .grid thead tr:nth-child(3) th,
	.mod_admin.role_teacher .page_user_management_student .grid thead tr:nth-child(3) th
	{
		height: 28px;
	}

	/* stav mailu */
	.mod_admin.role_teacher .page_user_management_parent .grid td:nth-child(6)>div,
	.mod_admin.role_teacher .page_user_management_student .grid td:nth-child(6)>div
	{
		margin-left: auto;
		margin-right: auto;
		width: 8px !important;
		height: 8px !important;
		border-radius: 4px;
	}

	/* ADMIN */
	.mod_admin.role_admin .page_user_management_employee,
	.mod_admin.role_admin .page_user_management_teacher,
	.mod_admin.role_admin .page_user_management_parent,
	.mod_admin.role_admin .page_user_management_student,
	.mod_admin.role_admin .page_prescriptions,
	.mod_admin.role_admin .page_by_students,
	.mod_admin.role_parent .page_payments
	{
		min-width: 640px;
	}
	.mod_admin.role_admin .page_user_management_employee .userManagement,
	.mod_admin.role_admin .page_user_management_teacher .userManagement,
	.mod_admin.role_admin .page_user_management_parent .userManagement,
	.mod_admin.role_admin .page_user_management_student .userManagement,
	.mod_admin.role_admin .page_teacher_login_list .userManagement
	{
		padding-left: 0px;
		padding-bottom: 15px;
		padding-top: 0px;
	}
	.mod_admin.role_admin .page_user_management_employee .grid, .grid input,
	.mod_admin.role_admin .page_user_management_teacher .grid, .grid input,
	.mod_admin.role_admin .page_user_management_parent .grid, .grid input,
	.mod_admin.role_admin .page_user_management_student .grid, .grid input,
	.mod_admin.role_admin .page_teacher_login_list .grid, .grid input
	{
		margin-right: 0px;
	}
	.mod_admin.role_admin .page_user_management_employee #obj_user_management td:first-child,
	.mod_admin.role_admin .page_user_management_employee #obj_user_management th:first-child,
	.mod_admin.role_admin .page_user_management_teacher #obj_user_management td:first-child,
	.mod_admin.role_admin .page_user_management_teacher #obj_user_management th:first-child,
	.mod_admin.role_admin .page_user_management_parent #obj_user_management td:first-child,
	.mod_admin.role_admin .page_user_management_parent #obj_user_management th:first-child,
	.mod_admin.role_admin .page_user_management_student #obj_user_management td:first-child,
	.mod_admin.role_admin .page_user_management_student #obj_user_management th:first-child,
	.mod_admin.role_admin .page_teacher_login_list #obj_teacher_login_list td:first-child,
	.mod_admin.role_admin .page_teacher_login_list #obj_teacher_login_list th:first-child
	{
		padding-left:5px;
	}
	.mod_admin.role_admin .page_user_management_employee .grid thead tr:nth-child(2) th>a,
	.mod_admin.role_admin .page_user_management_teacher .grid thead tr:nth-child(2) th>a,
	.mod_admin.role_admin .page_user_management_parent .grid thead tr:nth-child(2) th>a,
	.mod_admin.role_admin .page_user_management_student .grid thead tr:nth-child(2) th>a,
	.mod_admin.role_admin .page_teacher_login_list .grid thead tr:nth-child(2) th>a
	{
		overflow: hidden;
		height: 26px;
		display: block;
		font-size: 12px;
		font-weight: normal;
	}
	.mod_admin.role_admin .page_user_management_employee #obj_user_management td,
	.mod_admin.role_admin .page_user_management_employee #obj_user_management th,
	.mod_admin.role_admin .page_user_management_teacher #obj_user_management td,
	.mod_admin.role_admin .page_user_management_teacher #obj_user_management th,
	.mod_admin.role_admin .page_user_management_parent #obj_user_management td,
	.mod_admin.role_admin .page_user_management_parent #obj_user_management th,
	.mod_admin.role_admin .page_user_management_student #obj_user_management td,
	.mod_admin.role_admin .page_user_management_student #obj_user_management th,
	.mod_admin.role_admin .page_teacher_login_list #obj_teacher_login_list td,
	.mod_admin.role_admin .page_teacher_login_list #obj_teacher_login_list th
	{
		padding:2px 2px;
	}
	.mod_admin.role_admin .page_user_management_employee .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_admin .page_user_management_employee .grid thead tr:nth-child(3) th>select,
	.mod_admin.role_admin .page_user_management_teacher .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_admin .page_user_management_teacher .grid thead tr:nth-child(3) th>select,
	.mod_admin.role_admin .page_user_management_parent .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_admin .page_user_management_parent .grid thead tr:nth-child(3) th>select,
	.mod_admin.role_admin .page_user_management_student .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_admin .page_user_management_student .grid thead tr:nth-child(3) th>select,
	.mod_admin.role_admin .page_teacher_login_list .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_admin .page_teacher_login_list .grid thead tr:nth-child(3) th>select,
	.mod_admin.role_admin .page_student_transfers .grid thead tr:nth-child(2) th>div,
	.mod_admin.role_admin .page_student_transfers .grid thead tr:nth-child(3) th>select
	{
		display: none
	}
	.mod_admin.role_admin .page_user_management_employee .grid thead>tr:nth-child(2)>th:nth-last-child(n+3),
	.mod_admin.role_admin .page_user_management_employee .grid tbody td:nth-last-child(n+3),
	.mod_admin.role_admin .page_user_management_teacher .grid thead>tr:nth-child(2)>th:nth-last-child(n+3),
	.mod_admin.role_admin .page_user_management_teacher .grid tbody td:nth-last-child(n+3),
	.mod_admin.role_admin .page_user_management_parent .grid thead>tr:nth-child(2)>th:nth-last-child(n+3),
	.mod_admin.role_admin .page_user_management_parent .grid tbody td:nth-last-child(n+3),
	.mod_admin.role_admin .page_user_management_student .grid thead>tr:nth-child(2)>th:nth-last-child(n+3),
	.mod_admin.role_admin .page_user_management_student .grid tbody td:nth-last-child(n+3),
	.mod_admin.role_admin .page_teacher_login_list .grid thead>tr:nth-child(2)>th:nth-last-child(n+3),
	.mod_admin.role_admin .page_teacher_login_list .grid tbody td:nth-last-child(n+3)
	{
		background: url(images/timetable_line2.png) right center no-repeat;
	}

	/* btn filter */
	.mod_admin.role_admin .page_user_management_employee .grid th:last-child,
	.mod_admin.role_admin .page_user_management_teacher .grid th:last-child,
	.mod_admin.role_admin .page_user_management_parent .grid th:last-child,
	.mod_admin.role_admin .page_user_management_student .grid th:last-child,
	.mod_admin.role_admin .page_teacher_login_list .grid th:last-child
	{
		width: 0.1%;
	}
	.mod_admin.role_admin .page_user_management_employee .grid tr:nth-child(2) th:last-child,
	.mod_admin.role_admin .page_user_management_teacher .grid tr:nth-child(2) th:last-child,
	.mod_admin.role_admin .page_user_management_parent .grid tr:nth-child(2) th:last-child,
	.mod_admin.role_admin .page_user_management_student .grid tr:nth-child(2) th:last-child,
	.mod_admin.role_admin .page_teacher_login_list .grid tr:nth-child(2) th:last-child
	{
		font-size: 0px;
	}
	.mod_admin.role_admin .page_user_management_employee .grid th:last-child input,
	.mod_admin.role_admin .page_user_management_teacher .grid th:last-child input,
	.mod_admin.role_admin .page_user_management_parent .grid th:last-child input,
	.mod_admin.role_admin .page_user_management_student .grid th:last-child input,
	.mod_admin.role_admin .page_teacher_login_list .grid th:last-child input
	{
		position: absolute;
		right:32px;
		margin-top: -12px;
	}
	.mod_admin.role_admin .page_user_management_employee .grid tr:nth-child(3) th:last-child a,
	.mod_admin.role_admin .page_user_management_teacher .grid tr:nth-child(3) th:last-child a,
	.mod_admin.role_admin .page_user_management_parent .grid tr:nth-child(3) th:last-child a,
	.mod_admin.role_admin .page_user_management_student .grid tr:nth-child(3) th:last-child a,
	.mod_admin.role_admin .page_teacher_login_list .grid tr:nth-child(3) th:last-child a
	{
		position: absolute;
		right:12px;
		margin-top: -12px;
	}
	.mod_admin.role_admin .page_user_management_employee .grid .grid-perPage,
	.mod_admin.role_admin .page_user_management_teacher .grid .grid-perPage,
	.mod_admin.role_admin .page_user_management_parent .grid .grid-perPage,
	.mod_admin.role_admin .page_user_management_student .grid .grid-perPage
	{
		padding-right: 20px;
		padding-top: 10px;
	}
	.mod_admin.role_admin .page_teacher_login_list .grid .grid-upper-info{
		/* float: left; */
	}

	/* stav mailu */
	.mod_admin.role_admin #obj_user_management .pS_tm2_yellow,
	.mod_admin.role_admin #obj_user_management .pS_tm2_green,
	.mod_admin.role_admin #obj_user_management .pS_tm2_red
	{
		margin-left: auto;
		margin-right: auto;
		width: 10px !important;
		height: 10px !important;
		border-radius: 5px;
	}

	/* notes */
	.mod_admin.role_admin .userManagementGridNote1, .userManagementGridNote2 {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* btn print */
	.mod_admin.role_admin .page_teacher_login_list .printBtn{
		margin-bottom: -15px;
	}


	/* login history */
	.page_login_history #obj_user_login_history{
		padding-bottom: 10px;
	}
	.page_login_history #obj_user_login_history table.grid{
		margin-right: 0px;
		width: 100%;
	}
	.page_login_history #obj_user_login_history table.grid tfoot td{
		padding-right: 15px;
	}

	/* ziadny zaznam */
	.users_empty {
		padding: 15px;
	}
}


/* ---------------------------------------- */
/* ! CONTACTS */
/* ---------------------------------------- */

.schoolContacts{
	display: inline-block;
	padding-top: 20px;
	margin-bottom: 40px;
	width: 100%;
}
.schoolContacts_title{
	font-size:30px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-left:10px;
}
.schoolContacts table {
	width: 91%;
	border-collapse: collapse;
	margin: auto;
	margin-bottom: 50px;
}
.schoolContacts table td:nth-child(1),
.schoolContacts table td:nth-child(3){
    width: 47%;

	border-bottom-color:rgb(156,135,104);
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.schoolContacts table td:nth-child(1)>a,
.schoolContacts table td:nth-child(3)>a{
	line-height: 30px;
	font-size:16px;
	padding-left: 10px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: rgb(78,63,12);
	border-bottom: none;
}
.schoolContacts table td:nth-child(1)>a:hover,
.schoolContacts table td:nth-child(3)>a:hover{
	background-color:rgb(252,247,232);
}
.schoolContacts_subject{
	float: right;
}
.schoolContacts_subject span {
	font-size: 13px;
	line-height: normal;
	vertical-align: text-bottom;
	color: rgb(163,151,110);
	font-family:"Ubuntu Condensed";
}
.schoolContacts table:last-child{
	margin-bottom: 0px;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */

}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.schoolContacts table{
		margin-bottom:25px;
	}
	.schoolContacts table td {
		display: inline-block;
		width:100% !important;
		padding-left:0px;
	}
	.schoolContacts table tr:last-child td:last-child {
		border-bottom:none;
	}
	.schoolContacts table td:nth-child(2){
		display: none;
	}
	.schoolContacts_title{
		font-family: "Ubuntu Condensed";
		font-size:26px;
		margin-bottom:10px;
	}
	.schoolContacts table td:nth-child(1)>a, .schoolContacts table td:nth-child(3)>a{
		padding-left:0px;
		font-family: "Ubuntu Condensed";
	}
}


/* ---------------------------------------- */
/* ------------- SEND MESSAGE ------------- */
/* ---------------------------------------- */
.blackBG{
	position: fixed;
	top:0px; left: 0px; right: 0px; bottom: 0px;
	background-color: rgba(0,0,0,0.6);
	z-index: 1000
}
.sendMessage{
	z-index: 1001;
	position: absolute;
	width: 100%;
}

.sendMessage_head{
	background-color:rgb(243,223,160);
	width:625px;
	margin: auto;
	margin-top: 150px;
	padding: 26px 50px 20px 25px;
	font-size: 14px;
	text-align: right;
}
.sendMessage_head table {
	width: 100%; border-collapse: collapse;
}
.sendMessage_head table td:first-child {
	width: 54px;
	height: 42px;
	background: url(images/envelope.svg) no-repeat left 3px;
}
.sendMessage_head table td:last-child {
	width: 350px;
	font-family:Ubuntu;
	font-size:26px;
	color:rgb(76,63,12);
	text-align:right;
	line-height: 20px;
	vertical-align: top;
}
.sendMessage_mssg1 {
	font-family:"Ubuntu Condensed";
	font-size:13px;
	color:rgb(178,0,0);
	text-align:left;
	vertical-align: top;
	padding-left: 10px;
}
.sendMessage_head table td:last-child span {
	font-size:18px;
	color:rgb(145,133,91);
}
.sendMessage_content{
	min-height: 340px;
	overflow: auto;
	width:600px;
	margin:auto;
	margin-top:6px;
	padding:35px 50px;
	background-image: url(images/color_line_1.png), url(images/butterflies.png);
	background-position: left top, 25px bottom;
	background-repeat: repeat-x, no-repeat;
	background-color: rgb(249, 239, 208);
}
.sendMessage_form{
	float: right;
	text-align: right;
	margin-top: 40px;
	font-size: 14px;
}
.sendMessage_inp{
	background-color:rgb(255,255,255);
	width:440px;
	height:28px;
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;

	font-family:"Ubuntu";
	font-size:14px;
	font-weight:bold;
	color:rgb(77,63,12);
	text-align:left;
	margin: 5px 0px 15px 0px;
	padding: 0px 5px;
}
.sendMessage_txt_small,
.sendMessage_txt_large{
	font-family:Ubuntu;
	font-size:14px;
	color:rgb(76,63,12);
	text-align:left;
	padding: 5px;

	background-color:rgb(255,255,255);
	width:440px;
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;
	margin: 5px 0px;
	resize: vertical;
}
.sendMessage_txt_small{
	height:150px;
}
.sendMessage_txt_large{
	height:220px;
}
.sendMessage_tm1{
	padding: 25px 0px 15px 0px;
	text-align: right;
	display: inline-block;
}
.sendMessage_btn{
	background-color:rgb(140,105,0);
	width:100px;
	height:38px;
	border: none;
	cursor: pointer;
	top:0px;

	font-family:"Ubuntu";
	font-size:16px;
	font-weight: bold;
	line-height:35px;
	color:rgb(255,255,255);
	text-align:center;
	float: right;
}


/* Rodic - podpisovanie znamok */
.mod_izk .page_signing .mC_mark_red{
	margin-top: 0px;
}
.signGrades_btn_disabled,
.signGrades_btn_disabled:hover{
	cursor: default;
	opacity: 0.4;
	float: right;
}

.signGrades_btn_disabled2,
.signGrades_btn_disabled2:hover{
	background: url(images/sign2.svg) no-repeat center center;
	background-size: 144px 35px;
	width:160px;
	height:40px;
	border: none;
	cursor: default;
	opacity: 0.4;
	float: right;
	margin-top: 18px;
}


.signGrades_btn_disabled3,
.signGrades_btn_disabled3:hover{
	background: url(images/sign3.svg) no-repeat center center;
	background-size: 130px 35px;
	width:144px;
	height:40px;
	border: none;
	cursor: default;
	opacity: 0.4;
	float: right;
	margin-top: 18px;
}


.signGrades_btn{
	float: right;
}

.signGrades_btn2{
	background: url(images/sign2.svg) no-repeat center center;
	background-size: 144px 35px;
	width:160px;
	height:40px;
	border: none;
	cursor: pointer;
	top:0px;
	float: right;
	margin-top: 18px;
}
.signGrades_btn2:hover{
	background-size: 156px 38px;
}


.signGrades_btn3{
	background: url(images/sign3.svg) no-repeat center center;
	background-size: 130px 35px;
	width:144px;
	height:40px;
	border: none;
	cursor: pointer;
	top:0px;
	float: right;
	margin-top: 18px;
	-webkit-animation: breathing 7s ease-out infinite normal;
	animation: breathing 7s ease-out infinite normal;
}
.signGrades_btn3:hover{
	background-size: 140px 38px;
}

.mssg_head_image{
	height: 13px;
}
.mssg_body{
	padding-top: 10px;
	padding-bottom: 14px;
}
.mssg_separator{
	border-bottom: 1px solid rgba(79,63,13,0.75);
}
.mssg_sign_need{
	background-color:rgb(243, 223, 160);
    margin:0px 6px 6px 6px;

		padding:0px 22px;
}

.mssg_sign_need .mssg_icon{
    height: 35px;
	margin-right: 20px;
	float: left;
	color: rgb(153, 96, 6);
	font-weight: bold;
	font-size: 23px;
	text-align: center;

	width:30px;
	height:30px;
	background-color: white;
	-moz-border-radius:50%;
	-webkit-border-radius:50%/50%;
	border-radius:50%/50%;
}

.mssg_sign_ok{
	background-color:rgb(243, 223, 160);
    margin:0px 6px 6px 6px;
	padding:0px 22px;
}
.mssg_sign_ok .mssg_icon{
    height: 35px;
	margin-right: 20px;
	float: left;
	color: rgb(105,140,0);
	font-weight: bold;
	font-size: 23px;
	text-align: center;

	width:30px;
	height:30px;
	background-color: white;
	-moz-border-radius:50%;
	-webkit-border-radius:50%/50%;
	border-radius:50%/50%;
}
.mssg_sign_ok #Title, .mssg_sign_need #Title {
	padding-top: 3px;
	font-size: 14px;
	font-family: "Ubuntu Condensed";
}
.report_grades{
	margin: 0px 6px 6px 6px;
	background-color: rgb(249,239,208);
}
.page_signing #obj_grades{
	padding-top: 20px;
}
.mC_mark_unsigned{
	background: url(images/unsigned_mark.svg) no-repeat left top;
}
.mod_izk .page_my_class_grades .belowGridNote,
.mod_izk .page_my_subject_grades .belowGridNote,
.mod_izk .page_report_notes .belowGridNote{
	font-size: 11px;
}
.page_my_class_grades .belowGridNote .mC_mark_unsigned,
.page_my_subject_grades .belowGridNote .mC_mark_unsigned,
.page_report_notes .belowGridNote .mC_mark_unsigned{
	width: 10px;
	height: 12px;
	display: inline-block;
	margin: 0px 2px;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */

	.mod_izk .page_signing .grid,
	.mod_admin .page_payments .grid{
		font-family: ubuntu;
		width: 100%;
	}
	.mod_izk .page_signing .grid th.grid-head-column,
	.mod_izk .page_signing .grid tr td.grid-row-cell,
	.mod_admin .page_payments .grid th.grid-head-column,
	.mod_admin .page_payments .grid tr td.grid-row-cell{
		font-size: 16px;
		height: 30px;
	}
	.mod_izk .page_signing .grid .grid-perPage select,
	.mod_izk .page_signing .grid .grid-results,
	.mod_izk .page_signing .grid .grid-perPage label,
	.mod_admin .page_payments .grid .grid-perPage select,
	.mod_admin .page_payments .grid .grid-results,
	.mod_admin .page_payments .grid .grid-perPage label,
	.mssg_sign_ok #Title,
	.mssg_sign_need #Title{
		font-size: 16px;
		font-family: ubuntu;
	}
	.report_grades{
		padding: 30px 22px;
	}
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.page_my_class_grades .belowGridNote,
	.page_my_subject_grades .belowGridNote{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
		margin-top: -10px;
	}
	.mC_mark.mC_mark_unsigned{
		padding-left: 10px;
	}
	.mssg_sign_need{
		padding: 0px 10px;
	}
}

.sendMessage_mssg2{
	font-family:"Ubuntu Condensed";
	font-size:14px;
	color:rgb(178,0,0);
	text-align:right;
	width: 300px;
	display: inline-block;
	padding-right: 10px;
}
.sendMessage_mssg2 a{
	color:rgb(178,0,0);
}
.sendMessage_mssg2 a:hover{
	color:rgb(225,0,0);
}
.sendMessage_footer{
	background-color:rgb(243,223,160);
	width:600px;
	margin:auto;
	margin-top:6px;

	font-family:"Ubuntu";
	font-size:12px;
	color:rgb(76,63,12);
	text-align:right;
	padding: 15px 50px;
}
.sendMessage_closeBtn{
	position: absolute;
	width: 34px;
	height: 34px;
	margin-left: 50%;
	margin-right: 50%;
	margin-top: 140px;
}
.sendMessage_closeBtn a{
	display: block;
	margin-left: 327px;
	width: 34px;
	height: 34px;
	background: url(images/close.svg) no-repeat center center;
}
.sendMessage_closeBtn a:hover{
	background: url(images/close_s2.svg) no-repeat center center;
 }

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */

}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.sendMessage_head{
		margin-top: 40px;
	}
	.sendMessage_head, .sendMessage_content, .sendMessage_footer{
		width:auto;
		margin-left:12px;
		margin-right:12px;
		font-family:"Ubuntu Condensed";
	}
	.sendMessage_head{
		padding:10px;
	}
	.sendMessage_head table td{
		display:block;
	}
	.sendMessage_head table td:first-child{
		display:none;
	}
	.sendMessage_mssg1{
		padding-left:0px;
		padding-bottom:10px;
	}
	.sendMessage_head table td:last-child{
		width:auto;
		font-family:"Ubuntu Condensed";
		text-align:left;
	}
	.sendMessage_closeBtn{
		margin-top: 25px;
		margin-right:auto;
		right:0px;
	}
	.sendMessage_closeBtn a{
		margin-left: auto;
	}
	.sendMessage_content{
		padding:10px;
		background-image: url(images/color_line_1.png);
		background-position: left top;
		background-repeat: repeat-x;
		background-color: rgb(249, 239, 208);
	}
	.sendMessage_form{
		margin-top:20px;
		float:none;
		text-align:left;
	}
	.sendMessage_inp, .sendMessage_txt_small, .sendMessage_txt_large{
		width:96%;
		padding-left:2%;
		padding-right:2%;
		font-size:15px
	}
	.sendMessage_txt_small{
		height:84px;
	}
	.sendMessage_txt_large{
		height:150px;
	}
	.sendMessage_tm1{
		padding:5px 0px;
		text-align:left;
		float:right;
	}
	.sendMessage_btn{
		float:none;
	}
	.sendMessage_mssg2{
		padding-top:8px;
		text-align:left;
		width:auto;
	}
	.sendMessage_footer{
		padding:10px;
		text-align:left;
		font-size:14px
	}
}


/* ---------------------------------------- */
/* --------------- MATURITY --------------- */
/* ---------------------------------------- */
.mt_art2 {
	background-color:rgb(79,63,13);
	width:20px;
	height:2px;
	margin: auto;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
/*** PISOMNA ***/
.mt_content{
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	font-size: 13px;
}
.mt_content table{
	text-align: center;
	width:85%;
	border:0px;
	margin:auto;
}
.mt_content table td {
	font-family:"Ubuntu";
	color:rgb(78,63,12);
	text-align:center;
	font-size:15px;
	height:40px;
}
.mt_content table tr:nth-child(n+2) td {
	border-right:rgb(160,134,65) 1px dotted;
}
.mt_content table tr td:last-child {
	border-right:none;
}
.mt_content table tr td:nth-child(n+2) {
	width:70px;
}
.mt_content table tr td:nth-child(n+5) {
	width:100px;
}
.mt_content table tr td:nth-child(1) {
	padding-left:15px;
}

/* I. cast */
.mt_content table:nth-child(1) tr:nth-child(n+4) td {
	border-bottom:rgb(160,134,65) 1px dotted;
}
.mt_content table:nth-child(1) tr:nth-child(4) td {
	border-top: rgb(140,105,0) solid 2px;
}
.mt_content table:nth-child(1) tr:first-child td {
	font-size:26px;
	border-bottom: rgb(140,105,0) solid 4px;
	line-height:50px;
}
.mt_content table:nth-child(1)  tr:nth-child(-n+3) td {
	height:35px;
}
.mt_content table:nth-child(1)  tr:nth-child(2) td {
	font-size:16px;
}
.mt_content table:nth-child(1) tr:nth-child(2) td:nth-child(1) { /* txt "predmet" */
	text-align:left;
}
.mt_content table:nth-child(1) tr:nth-child(n+4) td:nth-child(1) { /* predmety */
	text-align:left;
}
.mt_content table:nth-child(1) tr:nth-child(n+4) td { /* pozadie TB */
	background-color:rgb(247,232,185);
}
.mt_content table:nth-child(1) tr:nth-child(3) td {
	font-family:"Ubuntu Condensed";
	font-size:13px;
	color:rgb(77,63,12);
	text-align:center;
}
/* II.cast */
.mt_content table:nth-child(2) tr:first-child td {
	font-size:18px;
	border-bottom: rgb(140,105,0) solid 4px;
}
.mt_content table:nth-child(2) tr:first-child td {
	font-size:18px;
	border-bottom: rgb(140,105,0) solid 4px;
}
.mt_content table:nth-child(2) tr:nth-child(n+2) td { /* pozadie TB */
	background-color:rgb(247,232,185);
}
.mt_content table:nth-child(2) tr:nth-child(n+2) td:nth-child(1) { /* predmety */
	text-align:left;
}
.mt_content table:nth-child(2) tr:nth-child(n+2) td, .mt_content table:nth-child(1) tr:nth-child(2) td:nth-child(n+3) {
	border-bottom:rgb(160,134,65) 1px dotted;
}
.mt_content table:nth-child(2) {
	margin-bottom:25px;
}

.mt_content table:nth-child(1), .mt_content table:nth-child(2) tr:last-child td {
	border-bottom: rgb(140,105,0) solid 1px;
}
.mt_content table:nth-child(1) {
	/*border-bottom: rgb(140,105,0) solid 1px;*/
}
.mt_content table:nth-child(1) tr:last-child td{
	border-bottom:none;
}

/*** USTNA ***/
.mt_content2{
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	font-size: 13px;
}
.mt_content2 table{
	text-align: center;
	width:85%;
	border:0px;
	margin:auto;
}
.mt_content2 table td {
	font-family:"Ubuntu";
	color:rgb(78,63,12);
	text-align:center;
	font-size:15px;
	height:40px;
}
.mt_content2 table tr td:nth-child(n+2) {
	width:100px;
}
.mt_content2 table tr:nth-child(n+2) td {
	border-right:rgb(160,134,65) 1px dotted;
}
.mt_content2 table tr td:last-child {
	border-right:none;
}

/* I. cast */
.mt_content2 table:nth-child(1) tr:first-child td {
	font-size:26px;
	border-bottom: rgb(140,105,0) solid 4px;
	line-height:50px;
}
.mt_content2 table:nth-child(1) tr:nth-child(2) td {
	font-size:18px;
	border-bottom: rgb(140,105,0) solid 2px;
}
.mt_content2 table:nth-child(1) tr:nth-child(3) td {
	border-bottom: rgb(140,105,0) solid 1px;
}
.mt_content2 table:nth-child(1) tr:nth-child(n+4) td {
	border-bottom:rgb(160,134,65) 1px dotted;
}
.mt_content2 table:nth-child(1) tr:nth-child(n+3) td:nth-child(1) { /* predmety */
	text-align:left;
	padding-left:15px;
}
.mt_content2 table:nth-child(1) tr:nth-child(n+4) td { /* pozadie TB */
	background-color:rgb(247,232,185);
}

/* II. cast */
.mt_content2 table:nth-child(2) tr:nth-child(1) td {
	font-size:18px;
	border-bottom: rgb(140,105,0) solid 4px;
}
.mt_content2 table:nth-child(2) tr:nth-child(n+2) td:nth-child(1) { /* predmety */
	text-align:left;
	padding-left:15px;
}
.mt_content2 table:nth-child(2) tr:nth-child(n+2) td { /* pozadie TB */
	background-color:rgb(247,232,185);
}
.mt_content2 table:nth-child(2) tr:nth-child(n+2) td {
	border-bottom:rgb(160,134,65) 1px dotted;
}


.mt_content2 table:nth-child(1) tr:last-child td, .mt_content2 table:nth-child(2) tr:last-child td {
	border-bottom: rgb(140,105,0) solid 1px;
}
.mt_content2 table:nth-child(2) {
	margin-bottom:15px;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mt_content, .mt_content table td, .mt_content2 table td{
		font-family:"Ubuntu Condensed";
		font-size:13px;
		letter-spacing:-0.5px;
	}
	.mt_content, .mt_content2{
		margin:0px;
		padding-bottom:20px;
	}
	.mt_content table, .mt_content2 table{
		width:100%;
	}
	.mt_content table:nth-child(1) tr:first-child td, .mt_content2 table:nth-child(1) tr:first-child td {
		font-size:20px;
		border-bottom: rgb(140,105,0) solid 2px;
		line-height:30px;
	}
	.mt_content table:nth-child(1) tr:nth-child(2) td{
		font-size:13px;
	}
	.mt_content table:nth-child(1) tr:nth-child(3) td{
		/*font-size:14px;*/
	}
	.mt_content table tr td:nth-child(1),
	.mt_content2 table:nth-child(1) tr:nth-child(n+3) td:nth-child(1),
	.mt_content2 table:nth-child(2) tr:nth-child(n+2) td:nth-child(1){
		padding-left:5px;
	}
	.mt_content table:nth-child(2), .mt_content2 table:nth-child(2){
		margin-bottom:0px;
	}
	.mt_content table:nth-child(2) tr:first-child td, .mt_content2 table:nth-child(2) tr:nth-child(1) td {
		border-bottom: rgb(140,105,0) solid 2px;
	}
}



/* ---------------------------------------- */
/* ! HROMADNY ZAPIS */
/* ---------------------------------------- */
#HzapisTB tr:first-child td, #HzapisTB tr:nth-last-child(2) td { /* hlavicka a pata tabulky */
	height: 10px;
	border-bottom: none;
	background-image: none;
}
#HzapisTB{
	width: 100%;
	border-collapse: collapse;
	margin-top:10px;
	font-size:20px;
}
#HzapisTB td {
	padding: 0px 4px 0px 4px;
	height: 40px;
	min-width:90px;
	background: url(images/kruzky_line1.png) right no-repeat;

	border-bottom-color:rgb(164,151,110);
	border-bottom-width:1px;
	border-bottom-style:dotted;

	text-align: center;
}
#HzapisTB tr td:nth-child(1) { /* mena */
	background-image: none;
	padding-left: 15px;
	text-align:left;
	min-width:220px;
}
#HzapisTB tr:nth-child(2) td{ /* nazvy stlpcou 1 */
	background-color:rgb(252,247,232);
	font-family:"Ubuntu Condensed";
	font-size: 16px;
	font-weight:bold;
	border-bottom:none;
	height:35px;
}
#HzapisTB tr:nth-child(3) td{ /* nazvy stlpcou 2 */
	background-color:rgb(252,247,232);
	font-family:"Ubuntu Condensed";
	font-size: 14px;
	height:35px;
}
#HzapisTB tr td:nth-child(2) { /* cerveny separator */
	border-right-color:rgb(192,48,42);
	border-right-width:1px;
	border-right-style:solid;
	border-left-color:rgb(192,48,42);
	border-left-width:1px;
	border-left-style:solid;
	width: 2px;
	min-width: 2px;
	background-image: none;
	padding: 0px
}
#HzapisTB td:last-child{
	background-image:none;
}
#HzapisTB tr:last-child td{
	border: none;
	background-image: none;
}
#HzapisTB tr:last-child td:nth-child(4), #HzapisTB tr:last-child td:nth-child(5){
	background: url(images/kruzky_line1.png) right repeat-y;
}

#HzapisTB .Hz_mark_square{
	width:24px;
	border-color:rgb(78,63,12);
	border-width:1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-style:solid;

	margin: auto;
	height:24px;
}
#HzapisTB .Hz_mark_circle{
	width:24px;
	border-color:rgb(78,63,12);
	border-width:1px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%/50%;
	border-radius:50%/50%;
	border-style:solid;

	margin: auto;
	height:24px;
}
#HzapisTB .Hz_mark_red{
	margin: auto;
	color:rgb(216,0,0);
	display: inline-block;
}
#HzapisTB .update_btn{
	background-color:rgb(140,105,0);
	width:76%;
	height:30px;
	border: none;
	margin-top: -15px;
	margin-bottom: 2px;
	margin-left: 12%;
	cursor: pointer;

	font-family:"Ubuntu Condensed";
	font-size:16px;
	line-height:30px;
	color:rgb(255,255,255);
	text-align:center;
}
#HzapisTB .update_btn:hover{
	background-color:rgb(97, 73, 0);
}
#HzapisTB .update_info {
	font-family:"Ubuntu Condensed";
	font-size:11px;
	margin-bottom: -25px;
}
#HzapisTB .tooltip_icon_1{
	position: relative;
	float: right;
	margin-top: -25px;
	margin-right: 2%;
}
#HzapisTB .icon_equal{
	width: 20px;
	height: 15px;
	background: url(images/equal.svg) center center no-repeat;
	display: inline-block;
	margin-right: 10px;
}
#HzapisTB .num_equal{
	font-family:"Ubuntu Condensed";
	font-size: 15px;
	opacity: 0.3;
	display: inline-block;
	position: absolute;
	margin-top: 3px;
	margin-left: -8px;
}
#HzapisTB .icon_not_equal{
	width: 20px;
	height: 18px;
	background: url(images/not_equal.png) center center no-repeat;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: -2px;
}
#HzapisTB .num_not_equal{
	font-family:"Ubuntu Condensed";
	font-size: 15px;
	display: inline-block;
	position: absolute;
	margin-top: 3px;
	margin-left: -8px;
}


@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	#HzapisTB tr:first-child td, #HzapisTB tr:last-child td { /* hlavicka a pata tabulky */
		display: none;
	}
	#HzapisTB{
		font-family:"Ubuntu Condensed";
		font-size:15px;
		margin-top: 0px;
	}
	#HzapisTB td {
		min-width:initial;
		padding: 0;
	}
	#HzapisTB tr:nth-child(2) td span{ /* nazvy stlpcou 1 */
		font-size: 12px;
		font-weight: normal;
	}
	#HzapisTB tr:nth-child(3) td:nth-child(n+3) span{ /* nazvy stlpcou 2 */
		overflow: hidden;
		text-overflow:ellipsis;
		display: block;
		font-size: 12px;
		/* width: 36px; */
		width: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	#HzapisTB tr td:nth-child(1) { /* mena */
		padding-left: 2%;
		min-width: initial;
		word-break: break-word;
	}
	#HzapisTB tr:nth-child(3) td:nth-child(n+3){ /* znamky */
		/* width: 12%; */
		width: 10%;
	}
	#HzapisTB tr:nth-last-child(-n+2) td{ /* znamky */
		border-bottom: none;
	}
	#HzapisTB .Hz_mark_circle, #HzapisTB .Hz_mark_square{
		line-height: 20px;
		width: 20px;
		height: 20px;
	}
	/* slpce zmeskane hodiny */
	#HzapisTB tr:nth-child(3) td:nth-child(5) span,
	#HzapisTB tr:nth-child(3) td:nth-child(6) span
	{
		width: 55px;
	}
	#HzapisTB .icon_equal{
		width: 10px;
		margin-bottom: -1px;
		margin-right: 15px;
	}
	#HzapisTB .icon_not_equal{
		width: 10px;
		margin-bottom: -3px;
		margin-right: 15px;
	}
	#HzapisTB .num_equal{
		margin-top: 0px;
		margin-left: -15px;
	}
	#HzapisTB .num_not_equal{
		margin-top: 0px;
		margin-left: -15px;
	}
	/* btn aktualizovat */
	#HzapisTB tr:last-child td {
		display: table-cell;
	}
	#HzapisTB .update_btn{
		width:70%;
		height:auto;
		margin-top: 0px;
		margin-bottom: 2px;
		margin-left: 12%;

		font-size:14px;
		line-height: normal;
		padding: 5px 0px;
	}
	#HzapisTB .update_info {
		font-family:"Ubuntu Condensed";
		font-size:11px;
		margin-bottom: 0px;
	}
	#obj_behavior_and_absence_list{
		padding-bottom: 10px;
	}
}


/*#HzapisTB td:nth-child(7), #HzapisTB td:nth-child(8){
	display:none;
}
#HzapisTB tr:nth-child(2) td:nth-child(5){
	display:none;
}
#HzapisTB td:nth-child(6){
	background-image:none;
}
#HzapisTB tr:nth-child(2) td:nth-child(4){
	background-image:none;
}*/


/* ---------------------------------------- */
/* ! CIPOVE SYSTEMY */
/* --------------------------------------- */
.CSys{
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 3px;
	font-size: 13px;

	text-align:center;
}
.CSysIFrame{
	min-width: 900px;
	width:100%;
	min-height:624px;
}
.CSys_DochadzkaTriedy{
	min-height:1100px;
}
.CSys_DochadzkaUcitelov{
	min-height:900px;
}
.CSys_JedalnyListok{
	min-height:800px;
}
.CSys_logoJedalen{
	background: url(images/logo_jedalen.svg) no-repeat left center;
	display: inline-block;
	width: 158px;
	height: 44px;
	float: left;
	/*border-right:rgba(243,223,160,0.5) 1px dotted;*/

}
.CSys_logoDochadzka{
	background: url(images/logo_dochadzka.svg) no-repeat left center;
	display: inline-block;
	width: 180px;
	height: 44px;
	float: left;
	/*border-right:rgba(243,223,160,0.5) 1px dotted;*/

	/*margin-right:5px;
	border-left: rgba(243,223,160,0.5) 1px dotted;*/
}
.CSys_logo .logo_homepage{
	background: url(images/logo.svg) no-repeat center -4px;
	border-left: rgba(243,223,160,0.5) 3px double;
	width:250px;
	height:44px;
	margin-top:-2px;
}
.CSys_logo a:first-child{
	border-left:none;
	background-position:left;
	margin-right:0px;
}
.CSys_noModule{
	/*background:url(images/error_bg.png) no-repeat right bottom;*/
	background: url(images/dog.png) no-repeat right top, url(images/butterflies.png) no-repeat right top;
	min-height:380px;
	text-align:justify;
	margin-bottom:-30px;
	padding-bottom:25px;
	padding-left:15px;
	padding-top:10px;
}
.CSys_nM1{
	margin-right:330px;
}
.CSys_nM2{
	font-size:32px;
	font-weight:300;
	margin-bottom:0px;
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_chips .path_canteen.page_chips_iframe, .mod_chips .path_attendance.page_chips_iframe{
		width: 950px;
	}
	.mod_chips .CSys_noModule{
		background-size: 0%, auto;
	}
	.mod_chips .CSys_nM1{
		margin-right:10px;
		font-family: "Ubuntu Condensed";
		font-size: 14px;
	}
	.mod_chips .CSys_nM2{
		font-size:20px;
		font-weight:300;
		margin-bottom:0px;
	}
	.mod_chips .CSys_noModule ol{
		margin-bottom: 0px;
	}
	.mod_chips .CSys_noModule{
		text-align: left;
		margin-bottom: 0px;
		padding-top: 15px;
		min-height: inherit;
		background-position: right bottom;
	}

}

/* ---------------------------------------- */
/* ! TRIEDNA KNIHA */
/* ---------------------------------------- */
.tk_calendar{
    text-align: center;
	border-bottom-color:rgb(79,63,13);
	border-bottom-width:2px;
	border-bottom-style:solid;

	font-size:22px;
	line-height: 40px;
	color:rgb(76,63,12);
}
.tk_calendar>div{
	display: inline;
}
.tk_calendarL{
	float: left;
	/*margin-top: 5px;*/
}
.tk_calendarR{
	float: right;
	margin-top: 2px;
	text-decoration: none;
	color: rgb(76,63,12);
	background: url(images/icon_calendar.svg) center right no-repeat;
	padding-right: 33px;
	/*width: 78px;*/
	height: 40px;
	border: none;
	cursor: pointer;
	font-size: 0px;
}
.tk_calendarR:hover {
	color:rgb(140,105,0);
	background: url(images/icon_calendar_s2.svg) center right no-repeat;
}
.tk_calendarR::-webkit-input-placeholder { /* WebKit browsers */
	color: rgb(76,63,12);
	font-family: 'Ubuntu', sans-serif;
}
.tk_calendarR:hover::-webkit-input-placeholder {
	color:rgb(140,105,0);
}
.tk_calendarR:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgb(76,63,12);
	opacity: 1;
	font-family: 'Ubuntu', sans-serif;
}
.tk_calendarR:hover:-moz-placeholder {
	color:rgb(140,105,0);
}
.tk_calendarR::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgb(76,63,12);
	opacity: 1;
	font-family: 'Ubuntu', sans-serif;
}
.tk_calendarR:hover::-moz-placeholder {
	color:rgb(140,105,0);
}
.tk_calendarR:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgb(76,63,12);
	font-family: 'Ubuntu', sans-serif;
}
.tk_calendarR:hover:-ms-input-placeholder {
	color:rgb(140,105,0);
}
.tk_calendarC{
	font-size:22px;
}
.tk_calendarC span{
    color:rgb(189,163,91);
}
.tk_calendarC_arrow{
    background-color:rgb(243,223,160);
	width:40px;
	height:25px;
	border-color:rgb(201,171,82);
	font-family: "Ubuntu Condensed";
	/*font-size: 22px;*/
	line-height: 22px;
	border-width:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border-style:solid;
	display: inline-block;
    cursor: pointer;
	margin-left: 25px;
	margin-right: 25px;
	text-decoration: none;
	color:rgb(76,63,12);
}
.tk_calendarC_arrow:hover{
	background-color:rgb(201,171,82);
	color: #FFFFFF;
	text-decoration: none;
}
.tk_container{
	padding-bottom: 40px;
	padding-top:20px;

	border-bottom-color:rgb(79,63,13);
	border-bottom-width:2px;
	border-bottom-style:solid;
}
.tk_container .numVykaz span{
	font-size: 0.8em;
	font-weight:500 !important;
}
.tk_linkaHzapis{
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 14px;
}
.tk_linkaHzapis a{
	color:rgb(78,63,12);
	border-bottom:rgba(78,63,12,0.75) 1px dotted;
	text-decoration: none;
	font-weight: bold;
}

/*** tabulka dna ***/

 /* nazov dna */
 .tk_day{
 	position:relative;
 }
.tk_nameDay{
	position:absolute;
	font-size:14px;
	font-family: "Ubuntu Condensed";
	bottom:0px;
	top:56px;
}
.tk_nameDay>span{
	position:absolute;
	top:50%;
	width:138px;
	text-align:center;
	left:-50px;
	margin-top:-8px;
	-moz-transform:matrix(0,-1,1,0,0,0);
	-moz-transform-origin:center;
	-webkit-transform:matrix(0,-1,1,0,0,0);
	-webkit-transform-origin:center;
	-o-transform:matrix(0,-1,1,0,0,0);
	-o-transform-origin:center;
	transform:matrix(0,-1,1,0,0,0);
	transform-origin:center;
}

.tk_mainTB{
    width: 100%;
	border-collapse: collapse;
	margin-top: 35px;
}
.tk_mainTB td {
	height: 25px;
	font-family: "Ubuntu";
	font-size: 14px;
}

/* sirky */
.tk_mainTB td:nth-child(1){
    width: 35px;
}
.tk_mainTB td:nth-last-child(-n+2){ /* osprav., neosprav. */
    width: 65px;
}
.tk_mainTB tr:nth-child(2) td:nth-child(3){  /* txt predmet */
	width: 80px;
}

.tk_mainTB td:first-child>div{  /* nazov dna */
	font-size:14px;
	-moz-transform:matrix(0,-1,1,0,0,0);
	-moz-transform-origin:center;
	-webkit-transform:matrix(0,-1,1,0,0,0);
	-webkit-transform-origin:center;
	-o-transform:matrix(0,-1,1,0,0,0);
	-o-transform-origin:center;
	transform:matrix(0,-1,1,0,0,0);
	transform-origin:center;
	width: 35px;
}
.tk_mainTB tr:nth-child(1) td{
	background-color:rgb(140,105,0);
	color: #fff;
	font-weight:bold;
}
.tk_mainTB tr:nth-child(1) td:nth-child(2){ /* datum */
	font-size: 16px;
}
.tk_mainTB td:nth-child(n+4){ /* centrovanie hodin, predmetov */
	text-align: center;
	width: 40px;
}
.tk_mainTB tr:nth-child(2) td:nth-child(n+4){ /* predmety */
	font-size: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.tk_mainTB tr:nth-child(n+3) td{ /* pozadie pod tabulkou */
	background-color: #F7E8B9;
}
/* txt predmet, txt nepritomny ziaci */
.tk_mainTB tr:nth-child(2) td:nth-child(2),
.tk_mainTB tr:nth-child(2) td:nth-child(3)
{
	color: #9F8540;
}
.tk_mainTB tr:nth-child(n+3) td:nth-child(n+2){ /* bodkovane ciary */
	border-bottom:rgb(160,134,65) 1px dotted;
}
.tk_mainTB tr:nth-child(n+3) td:nth-child(n+3){ /* bodkovane ciary */
	border-right:rgb(160,134,65) 1px dotted;
}
.tk_mainTB tr td:nth-last-child(5),
.tk_mainTB tr td:last-child{ /* odstranenie bodkovanych ciar */
	border-right:none !important;
}
.tk_mainTB tr:nth-child(3) td{  /* plna ciara nad menami */
	border-top:rgb(140,105,0) 2px solid;
	padding-top: 7px;
}
.tk_mainTB tr:last-child td{   /* plna ciara dole */
	border-bottom:rgb(140,105,0) 1px solid  !important;
	padding-bottom: 4px;
}
.tk_mainTB tr:nth-child(n+2) td:nth-child(2) span,
.tk_mainTB tr:nth-child(n+2) td:nth-last-child(-n+4){ /* priezvisko, cisla osprav. a neosprav., reprezentacia, NA*/
	font-weight: bold;
}

/* symboly */
.tk_art1 {
	background-color:rgb(79,63,13);
	width:15px;
	height:2px;
	margin: auto
}
.tk_art2 {
	background-color:rgb(79,63,13);
	width:15px;
	height:2px;
	margin: auto;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.tk_art3 {  /* minuty */
	font-size: 16px;
	font-family: "Ubuntu Condensed";

}
.tk_art3 span {
	font-size: 9px;
}
.tk_art4 {  /* btn edit */
	width: 33px;
	height: 27px;
	position: relative;
	margin-left:auto;
	bottom:-20px;
	border-bottom:rgb(140,105,0) 1px solid;
	background:rgb(247,232,185) url(images/icon_edit.svg) center center no-repeat;
	cursor: pointer;
}
.tk_art4:hover {
    background-image:url(images/icon_edit_s2.svg);
}
.mod_classbook .page_class_book .tk_week_locked .tk_art1,
.mod_classbook .page_class_book .tk_week_locked .tk_art2{
	background-color: #A19362;
}

/* today */
.tk_today .tk_mainTB_week tr:nth-child(1),
.tk_today .tk_mainTB_week_MH tr:nth-child(1),
.tk_today .tk_mainTB tr:nth-child(1) td,
.tk_today .tk_mainTB_week .change_btn,
.tk_today .tk_mainTB_week_MH .change_btn{
	background-color:rgb(79,63,6);
}
.tk_today .tk_mainTB tr:nth-child(3) td,
.tk_today .tk_mainTB_week tr:nth-child(3) td,
.tk_today .tk_mainTB_week_MH tr:nth-child(3) td{  /* plna ciara nad menami */
	border-top:rgb(79,63,6) 2px solid;
}
.tk_today .tk_mainTB tr:last-child td,
.tk_today .tk_mainTB_week tr:last-child td,
.tk_today .tk_mainTB_week_MH tr:last-child td{   /* plna ciara dole */
	border-bottom:rgb(79,63,6) 1px solid !important;
}
.tk_today .tk_art4 {  /* btn edit */
	border-bottom:rgb(79,63,6) 1px solid;
	background:rgb(255,251,236) url(images/icon_edit.svg) center center no-repeat;
}
.tk_today .tk_mainTB tr:nth-child(n+3) td,
.tk_today .tk_mainTB_week tr:nth-child(n+3) td,
.tk_today .tk_mainTB_week_MH tr:nth-child(n+3) td{ /* pozadie pod tabulkou */
	background-color: rgb(255,251,236);
}
/* editacia triednej knihy */
.tk_edit td{
	color: #1A3F51;
}
/* txt predmet */
.tk_edit tr:nth-child(2) td:nth-child(2),
.tk_edit tr:nth-child(2) td:nth-child(3)
{
	color:rgba(26,63,81,0.6);
}
.tk_edit tr:nth-child(1) td{
	background-color:#1E85B7 !important;
}
.tk_edit tr:nth-child(n+3) td:nth-child(n+2){ /* bodkovane ciary */
	border-bottom-color:#1A3F51;
}
.tk_edit tr:nth-child(n+3) td:nth-child(n+3){ /* bodkovane ciary */
	border-right-color:#1A3F51;
}
.tk_edit tr:nth-child(3) td{  /* plna ciara nad menami */
	border-top-color:#1E85B7 !important;
}
.tk_edit tr:last-child td{   /* plna ciara dole */
	border-bottom-color:#1E85B7 !important;
}
.tk_edit tr:nth-child(n+3) td{ /* pozadie pod tabulkou */
	background-color: #FFF !important;
}
/* symboly */
.tk_edit .tk_art1 {
	background-color:#1A3F51;
}
.tk_edit .tk_art2 {
	background-color:#1A3F51;
}
.tk_edit .tk_art4 {  /* btn OK */
	border-bottom:#1E85B7 1px solid;
	background:#FFF url(images/icon_ok.svg) center center no-repeat;
}
.tk_edit .tk_art4:hover {
    background-image:url(images/icon_ok_s2.svg);
}
/* btns */
.tk_edit .tk_trash {
    background:url(images/icon_trash.svg) center center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-left: -4px;
	float: left;
}
.tk_edit .tk_trash:hover {
    background-image:url(images/icon_trash_s2.svg);
}
.tk_edit .tk_allday {
    background:url(images/icon_allday.png) center center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-left: 8px;
	float: left;
}
.tk_edit .tk_allday:hover {
    background-image:url(images/icon_allday_s2.png);
}
.tk_edit .tk_allstudents {
    background:url(images/icon_allstudents.svg) center center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-left: -40px;
	float: left;
}
.tk_edit .tk_allstudents:hover {
    background-image:url(images/icon_allstudents_s2.png);
}
.tk_edit tr:nth-child(n+2) td:nth-child(2){ /* odsadenie mena */
	padding-right: 40px;
}

.tk_edit .tk_subjects {
    background:url(images/icon_allstudents.svg) center center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-left: 8px;
	float: left;
}
.tk_edit .tk_subjects:hover {
    background-image:url(images/icon_allstudents_s2.png);
}
.tk_edit .tk_plus {
    background:url(images/icon_plus.png) center center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-left: 7px;
	float: left;
}
.tk_edit .tk_plus:hover {
    background-image:url(images/icon_plus_s2.png);
}
.tk_edit .tk_art3 input{  /* minuty */
	font-size: 16px;
	font-family: "Ubuntu Condensed";
	color: #1A3F51;
	border: none;
	width: 20px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
.tk_edit .tk_art3 span {
	font-size: 9px;
}
/* smartcombo */
.tk_edit .tk_smartcombo{
	width: 100%;
	margin-right: 10px;
	height: 25px;
}
.tk_edit .tk_smartcombo:hover{
	background-color: rgb(240, 240, 240);
}
.tk_edit .tk_inpSC{
	width: 100%;
	float: left;
	line-height: 25px;
}
.tk_edit .tk_smartcombo input{
	font-size: 14px;
	font-family: "Ubuntu";
	/* font-style: italic; */
	/* color:rgba(14,67,90,0.5); */
	border: none;
	width: 70%;
	margin: 0px;
	padding: 0px;
	height: 23px;
	background-color: transparent;
}
.tk_edit .tk_smartcombo input:focus{
	font-size: 14px;
	font-style: normal;
	color:#1A3F51;
}
.tk_edit .tk_arrwSC{
    background:url(images/arrow_smartcombo.svg) center center no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-right: 15px;
	float: right;
}
.tk_edit .tk_arrwSC:hover{
    background-image:url(images/arrow_smartcombo_s2.svg);
}
.tk_edit tr:nth-child(2) td:nth-child(n+4) input{ /* predmety */
	font-size: 13px;
	font-family: "Ubuntu";
	color:#1A3F51;
	padding: 0px;
	margin: 0px;
	width: 38px;
	border: none;
	line-height: 25px;
	height: 25px;
	text-align: center;
	background: transparent
}
.tk_edit tr:nth-child(n+2) td:nth-last-child(-n+4) select{ /* osprav.,neosprav. hodiny, reprezentacia, NA */
	font-size: 14px;
	font-family: "Ubuntu";
	color:#1A3F51;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	width: 38px;
	border: none;
	text-align: center;
	background: transparent
}

.tk_help{
	font-size:11px;
	color:#193F51;
	text-align:left;
	padding-top:8px;
	padding-left:35px;
	line-height:18px;
}
.tk_help ul{
	width: 43%;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 0px;
	-webkit-padding-start: 25px;
}
.tk_help ul:first-child{
	float: left;
}
.tk_help ul:first-child li:nth-child(1){
	list-style-image: url(images/arrow_smartcombo_s2.svg);
}
.tk_help ul:first-child li:nth-child(2){
	list-style-image: url(images/icon_trash_s2.svg);
}
.tk_help ul:first-child li:nth-child(3){
	list-style-image: url(images/icon_allday_s2.png);
}

.tk_tooltip {
    margin-left: 9px;
    margin-top: 5px;
}

.tk_holiday, .tk_holiday tr:nth-child(2) td:nth-child(3){
	color:#DBBF6A;
}
.tk_today .tk_holiday tr:nth-child(1) td:nth-child(2) {
    color: rgb(255,255,255);
}
.tk_holiday tr:nth-child(1) td:nth-child(2) {
	color: rgb(78,63,12);
	font-weight:bold;
}
.tk_holiday tr:nth-child(n+3) td:nth-child(n+2) {
border-bottom:#DBBF6A 1px dotted;
}
.tk_holiday tr:nth-child(n+3) td:nth-child(n+3) {
border-right:#DBBF6A 1px dotted;
}
.tk_holiday tr:nth-child(1) td{
	background-color:#DBBF6A;
}
.tk_holiday tr:nth-child(3) td {
	border-top-color: #DBBF6A;
}
.tk_holiday tr:last-child td {
	border-bottom-color: #DBBF6A !important;
}
.tk_holiday .tk_art4 {
	border-bottom:#DBBF6A 1px solid;
}
.tk_missing_hour {
	font-style: italic;
	color: rgba(255,0,0,0.8);
}
/* popup predmety */
.tk_popup_subjects{
	z-index: 1001;
	position: absolute;
	width: 100%;
}
.tk_popup_head{
	background-color:rgb(243,223,160);
	width:950px;
	margin: auto;
	margin-top: 150px;
	padding: 20px 50px 20px 25px;
	font-size: 26px;
	text-align: left;

}
.tk_popup_content{
	overflow: auto;
	width:925px;
	margin:auto;
	margin-top:6px;
	padding:40px 50px 30px 50px;
	background-image: url(images/color_line_1.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: rgb(249, 239, 208);
	text-align: left;
}
.tk_popup_closeBtn{
	position: absolute;
	margin-top: 140px;
	width: 34px;
	height: 34px;
	margin-left: 50%;
	margin-right: 50%;
	margin-top: 140px;
}
.tk_popup_closeBtn a{
	display: block;
	margin-left: 488px;
	width: 34px;
	height: 34px;
	background: url(images/close.svg) no-repeat center center;
}
.tk_popup_closeBtn a:hover{
	background: url(images/close_s2.svg) no-repeat center center;
}
.tk_popup_tb{
	border-width: 0px;
	border-collapse: collapse;
	width: 100%;
	margin-top: 5px;
}
.tk_popup_tb td{
	height: 25px;
	font-size: 16px;
	font-family: "Ubuntu Condensed";
	color: #1A3F51;
	width: 8.33%;
	padding-left: 10px;
}
.tk_popup_tb tr:nth-child(1) td{
	color: rgb(255, 255, 255);
	font-weight: bold;
	background-color: rgb(140, 105, 0);
}
.tk_popup_tb tr:nth-child(2) td{
	padding-top: 10px;
}
.tk_popup_tb td input[type="text"]{
	font-size: 14px;
	line-height: 15px;
	font-family: "Ubuntu Condensed";
	color:rgb(78,63,12);
	text-align: center;
	width: 35px;
	background-color:rgb(255,255,255);
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;
}
.tk_popup_tb td input[type="checkbox"]{
	margin-left: 0px;
}
.tk_popup_btn{
	background-color:rgb(140,105,0);
	width:120px;
	height:38px;
	border: none;
	margin-top: 20px;
	margin-bottom:0px;
	cursor: pointer;

	font-family:"Ubuntu";
	font-size:18px;
	line-height:35px;
	color:rgb(255,255,255);
	text-align:center;
}
.tk_popup_btn:hover{
	background-color:rgb(97, 73, 0);
}



.exportLink, .exportLink:hover,
.exportHalfYearLink, .exportHalfYearLink:hover {
	text-decoration: none;
}
.exportLink>div {
	width: 80px;
	float: left;
}
.exportHalfYearLink>div {
	width: 140px;
	float: left;
	margin-left: 15px;
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.page_report_presences_by_week .exportLink>div {
		width: 60px;
	}
	.page_report_presences_by_week .exportHalfYearLink>div {
		width: 120px;
	}
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.page_class_book{
		min-width: 600px;
	}
	.page_class_book,
	.page_class_book .tk_mainTB td,
	.page_class_book .tk_edit td,
	.page_class_book .tk_edit tr:nth-child(2) td:nth-child(n+4) input,
	.page_class_book .tk_edit tr:nth-child(n+2) td:nth-last-child(-n+4) select,
	.page_class_book .tk_edit .tk_smartcombo input,
	.page_class_book .tk_edit .tk_smartcombo input:focus

	{
		font-family: "Ubuntu Condensed";
	}
	.page_class_book .tk_mainTB tr:nth-child(n+2) td:nth-child(2) span,
	.page_class_book .tk_mainTB tr:nth-child(n+2) td:nth-last-child(-n+4),
	.page_class_book .tk_mainTB tr:nth-child(1) td
	{
				font-weight: normal;

	}
	.page_class_book .tk_mainTB tr:nth-child(1) td:nth-last-child(-n+4){
		width: 7%;
	}
	.tk_calendarC{
		font-size: 20px;
	}
	.tk_calendarL{
		margin-left: 8px;
	}
	.page_class_book .tk_mainTB td:nth-child(n+3){
		width: 6%;
	}
	.page_class_book .tk_art3{
		font-size: 14px;
	}
	.tk_nameDay{
		font-size: 12px;
	}
	.tk_nameDay>span{
		left: -60px;
		margin-top: -5px;
	}
	.page_class_book .tk_mainTB td:nth-child(1){
		width: 4%;
		min-width: 20px;
	}
	.page_class_book .tk_mainTB td:nth-child(3),
	.page_class_book .tk_mainTB td:nth-last-child(5)
	{
		display: none;
	}
	.page_class_book .statBtn{margin-right: 5px;}

	/* edit table */
	.page_class_book .tk_edit tr:nth-child(2) td:nth-child(n+4) input{
		width: 28px;
	}
	.page_class_book .tk_edit .tk_art3 input{
		width: 15px;
		font-size: 14px;
	}
	/* .page_class_book .tk_edit td:nth-last-child(3), */
	.page_class_book .tk_edit td:nth-child(3)
	{
		display: table-cell;
	}
	.page_class_book .tk_edit tr:nth-child(1) td:nth-child(3),
	.page_class_book .tk_edit tr:nth-child(2) td:nth-child(3){
		font-size: 0px;
	}
	.page_class_book .tk_edit tr:nth-child(n+2) td:nth-last-child(-n+4) select{
		width: 30px;
	}
	.page_class_book .tk_edit tr:nth-child(n+2) td:nth-child(2){
		padding-right: 0px;
	}
	.page_class_book .tk_edit .tk_smartcombo input,
	.page_class_book .tk_edit .tk_smartcombo input:focus{
		font-size: 13px;
		width: 78%
	}
	.page_class_book .tk_edit .tk_arrwSC{
		margin-right: 0px;
	}
	.page_class_book .tk_edit .tk_trash{
		margin-left: 5px;
	}
	.page_class_book .tk_edit tr:nth-child(n+2) td:nth-child(2){
		width: 25%;
	}
	.page_class_book .tk_linkaHzapis{
		margin-left: 15px;
		padding-top: 10px;
	}
	.mod_classbook .page_class_book .absence_table .tk_linkaHzapis{
		margin-left: 0px;
	}
	.tk_edit .tk_allday {
		float: none;
		margin-left: 30px;
		margin-right: 5px;
	}

	/* docasne nefunkcne */
	.page_class_book .tk_edit .tk_allstudents
	{
		display: none;
	}

}

/* ---------------------------------------- */
/* ! REPORTS */
/* ---------------------------------------- */

.report_date_from, .report_date_to {
	font-family:"Ubuntu Condensed";
	font-size:15px;
	/*font-weight:bold;*/
	color:rgb(79,63,13);
	text-align:right;
	margin: 0px;
	padding: 2px 3px;
	background: url(images/icon_calendar.svg) no-repeat 4px 3px rgb(249,239,208);
	width: 87px;
	background-size: 15px 15px;
}
.reportNote{
	padding-top: 15px;
	font-size: 11px;
}
.reportNote2{
	font-size: 11px;
}

.report_absences_by_week,
.report_absences_by_month,
.report_absences_by_halfyear{
	padding:40px 50px 75px;
	text-align:right;
}
.report_travel_expenses,
.report_diet,
.report_representation,
.report_not_counted,
.report_subscription{
	text-align:right;
}
.report_travel_expenses table,
.report_diet table,
.report_absences_by_week table,
.report_absences_by_month table,
.report_absences_by_halfyear table,
.report_representation table,
.report_not_counted table,
.report_grades table,
.page_payments table{
	width:100%;
	text-align:left;
}
.report_travel_expenses>.reportNote,
.report_travel_expenses>.reportNote2,
.report_diet>.reportNote,
.report_diet>.reportNote2{
	text-align:left;
}
.report_representation table td:nth-child(1),
.report_not_counted table td:nth-child(1),
.report_travel_expenses table td:nth-child(2),
.report_diet table td:nth-child(2){
	width:30%;
}
.report_travel_expenses>div:nth-child(1), .report_travel_expenses>div:nth-child(2),
.report_representation>div:nth-child(1), .report_representation>div:nth-child(2),
.report_not_counted>div:nth-child(1), .report_not_counted>div:nth-child(2),
.report_diet>div:nth-child(1), .report_diet>div:nth-child(2){
	background-color:#F3DFA0;
	display:inline-block;
	padding: 8px 25px 8px 25px;
	width:120px;
	line-height:1.25;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */

	.page_report_travel_expenses .report_travel_expenses,
	.page_report_absences_by_week .report_absences_by_week,
	.page_report_absences_by_month .report_absences_by_month,
	.page_report_absences_by_half_year .report_absences_by_halfyear,
	.page_report_representation .report_representation,
	.page_report_not_counted .report_not_counted,
	.page_report_presences_by_week #obj_report_presences_by_week,
	.page_report_presences_by_month #obj_report_presences_by_month,
	.page_report_presences_by_half_year #obj_report_presences_by_half_year,
	.page_report_diet .report_diet
	{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 30px;
	}
	.reportNote,
	.reportNote2,
	.page_report_absences_by_week #obj_report_absences_by_week .btn1,
	.page_report_absences_by_month #obj_report_absences_by_month .btn1,
	.page_report_absences_by_half_year #obj_report_absences_by_half_year .btn1,
	.page_report_presences_by_week #obj_report_presences_by_week .btn1,
	.page_report_presences_by_month #obj_report_presences_by_month .btn1,
	.page_report_presences_by_half_year #obj_report_presences_by_half_year .btn1
	{
		margin-left: 12px;
	}

	/* report_travel & diet */
	#obj_report_travel_expenses table thead th:nth-child(2),
	#obj_report_diet table thead th:nth-child(2){
		width: 40% !important;
	}
	.page_report_travel_expenses .notes_date_edit,
	.page_report_representation .notes_date_edit,
	.page_report_not_counted .notes_date_edit,
	.page_report_diet .notes_date_edit{
		padding: 8px 5px 8px 5px !important;
	}

	/* report_absences_by_week */
	.page_report_absences_by_week{
		min-width: 640px;
	}
	#obj_report_absences_by_week .grid th.grid-head-column,
	#obj_report_absences_by_week .grid tr td.grid-row-cell{
		padding:3px;
	}
	#obj_report_absences_by_week .grid th.grid-head-column:first-child,
	#obj_report_absences_by_week .grid tr td.grid-row-cell:first-child{
		padding-left:12px;
	}

	/* report_absences_by_month */
	.page_report_absences_by_month .grid th:last-child{
		word-break: break-all;
	}
	.page_report_absences_by_month,
	.page_report_presences_by_month{
		min-width: 640px;
	}
	#obj_report_absences_by_month .grid th.grid-head-column,
	#obj_report_absences_by_month .grid tr td.grid-row-cell,
	#obj_report_presences_by_month .grid th.grid-head-column,
	#obj_report_presences_by_month .grid tr td.grid-row-cell{
		padding:3px;
	}
	#obj_report_absences_by_month .grid th.grid-head-column:first-child,
	#obj_report_absences_by_month .grid tr td.grid-row-cell:first-child,
	#obj_report_presences_by_month .grid th.grid-head-column:first-child,
	#obj_report_presences_by_month .grid tr td.grid-row-cell:first-child{
		padding-left:12px;
	}

	/* report_absences_by_half_year */
	.page_report_absences_by_half_year,
	.page_signing,
	.page_report_absences_by_subject,
	.page_registrations_hs{
		min-width: 450px;
	}
	#obj_report_absences_by_half_year .grid th.grid-head-column,
	#obj_report_absences_by_half_year .grid tr td.grid-row-cell{
		padding:3px;
	}
	#obj_report_absences_by_half_year .grid th.grid-head-column:first-child,
	#obj_report_absences_by_half_year .grid tr td.grid-row-cell:first-child{
		padding-left:12px;
	}
}

/* CALENDAR */
.mod_admin.role_admin .page_calendar .calendarNote {
	font-size: 11px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 2px; /*Mantis 0024564*/
}
.mod_admin.role_admin .page_calendar .calendarNote a{
	color:rgb(78,63,12);
	border-bottom:rgba(78,63,12,0.75) 1px dotted;
	text-decoration: none;
	font-weight: bold;
}
.mod_admin.role_admin .page_calendar #calendar .fc-event{
	border-right: dotted;
}

/* ! ADMIN BANNERS  */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_management .page_admin_banners .banners_map_web{
		width: 1040px;
		height: 712px;
		background:  url(images/mapa_produktovy_web.png) no-repeat center center;
	}
	.mod_management .page_admin_banners .banners_map_snw_login{
		width: 1040px;
		height: 612px;
		background:  url(images/mapa_snw_login.png) no-repeat center center;
	}
	.mod_management .page_admin_banners .banners_map_snw_after_login{
		width: 1040px;
		height: 575px;
		background:  url(images/mapa_snw_po_prihlaseni.png) no-repeat center center;
	}
	.mod_management .page_admin_banners .banners_map_email{
		width: 1040px;
		height: 643px;
		background:  url(images/mapa_snw_email.png) no-repeat center center;
	}
	.mod_management .page_admin_banners .title{
	    font-size:30px;
	    padding-bottom: 5px;
	    margin-bottom: 15px;
	    margin-top: 20px;

		border-bottom-color:rgba(78,63,12,1);
		border-bottom-width:2px;
		border-bottom-style:dotted;
	}
	.mod_management .page_admin_banners .separator{
		border-bottom-color:rgba(64,32,0,0.5);
		border-bottom-width:1px;
	}
	.mod_management .page_admin_banners .upload_form span{
		font-size: 13px;
		margin-left: 10px;
	}
	.mod_management .page_admin_banners .upload_table{
		font-size: 14px;
		width: 100%;
		border-spacing: 10px 2px;
		margin-bottom: 5px;
	}
	.mod_management .page_admin_banners .preview_box{
		background-color: white;
		border: 1px solid #E9D8A9;
		width: 270px;
		height: 140px;
	}
	.mod_management .page_admin_banners .preview_box img{
		max-width: 270px;
		max-height: 140px;
	}
	.mod_management .page_admin_banners .upload_inp input{
		background-color:rgb(255,255,255);
		width: 100%;
		box-sizing: border-box;
		border-color:rgb(232,213,156);
		border-width:1px;
		border-style:solid;

		font-family:"Ubuntu Condensed";
		font-size:12px;
		color:rgb(77,63,12);
		text-align:left;
		padding-left:5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.mod_management .page_admin_banners .inp{
		height: 30px;
	}
	.mod_management .page_admin_banners .inp input{
		background-color:rgb(255,255,255);
		height:30px;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid rgb(232,213,156);

		font-family:"Ubuntu Condensed";
		font-size:12px;
		color:rgb(77,63,12);
		text-align:left;
		padding: 0px 5px;
	}
	.mod_management .page_admin_banners .line1{
		border-left: 1px dotted rgba(64,32,0,0.5);
	}
	.mod_management .page_admin_banners .delete_banner {
		text-align: right;
		width: 100px;
		vertical-align: top
	}
	.mod_management .page_admin_banners .delete_banner input{
		background-color:#ae0303;
		width:140px;
		height:38px;
		border: none;
		cursor: pointer;

		font-family:"Ubuntu";
		font-size:18px;
		line-height:35px;
		color:rgb(255,255,255);
		text-align:center;
	}
	.mod_management .page_admin_banners .delete_banner input:hover{
		background-color:#e00000;
	}
	.mod_management .page_admin_banners .save_banner {
		text-align: right;
		vertical-align: bottom;
	}
	.mod_management .page_admin_banners .save_banner input{
		background-color:rgb(140,105,0);
		width:140px;
		height:38px;
		border: none;
		cursor: pointer;

		font-family:"Ubuntu";
		font-size:18px;
		line-height:35px;
		color:rgb(255,255,255);
		text-align:center;
	}
	.mod_management .page_admin_banners .save_banner input:hover{
		background-color:rgba(175, 131, 0, 1);
	}
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */

}
/* ---------------------------------------- */
/* ! SKOLA NA WEBE */
/* ---------------------------------------- */
.snw_body{
	background: url(images/snw/background.jpg) no-repeat top center;
	background-color:#B57E00;
	font-family: 'Ubuntu', sans-serif;
}
.snw_main{
	max-width: 1100px;
	text-align: center;
	margin: auto;
	margin-top: 8px;
}
/* Logo */
.snw_logo{
	background: url(images/snw/ico_skola_na_webe.svg) no-repeat;
	width: 149px;
	height: 45px;
	position: relative;
	left: 6px;
	margin-bottom: 5px;
	display: inline-block;
	-webkit-transition: background-image 0.5s ease;
	-moz-transition: background-image 0.5s ease;
	-o-transition: background-image 0.5s ease;
	transition: background-image 0.5s ease;
}
.snw_logo:hover{
	background-image: url(images/snw/ico_skola_na_webe2.svg);
}
.zus_registration{
	display: inline-block;
	background: url(images/zusPrihlaskaBtn.svg) no-repeat center center;
	border-left: rgba(243,223,160,0.5) 1px dotted;
	width: 58px;
	height: 45px;
	position: relative;
	left: 20px;
	margin-bottom: 5px;
}
.zus_registration:hover{
	background: url(images/zusPrihlaskaBtn_s2.svg) no-repeat center center;
}
.header{
	text-align: left;
}
.mod_snw .mssg_error,
.mod_snw .mssg_warning,
.mod_snw .mssg_success{
	margin:7px 6px 3px 6px;
}
/* Top Banner */
.top_banner{
	width: 1088px;
	height: 400px;
	background: url(images/snw/top_banner.jpg) no-repeat;
	position: relative;
	display: inline-block;
}
.school_name_mobile{
	display: none;
}
.school{
	position: absolute;
	font-size: 30px;
	margin-left: 460px;
	margin-top: 20px;
	width: 600px;
	height: 145px;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align: center;
}
.school_name{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	height: 145px;
	width: 600px;
}
.mod_snw .page_log_in2 .school_name{
	background: url(images/snw/snw_nadpis.svg) no-repeat;
	background-position: 230px 5px;
}
.school_address{
	font-weight: bold;
}
.girls{
	background: url(images/snw/top_banner_girls.png) no-repeat;
	width: 495px;
	height: 315px;
	position: absolute;
	bottom: 1px;
}
.btn_izk, .btn_canteen, .btn_attendance, .btn_classBook{
	width: 110px;
	height: 110px;
	position: absolute;
	bottom: 60px;
}
.btn_izk{
	background: url(images/snw/ico_izk.svg) no-repeat;
	right: 315px;
}
.btn_izk:hover{
	background: url(images/snw/ico_izk_state2.svg) no-repeat;
}
.btn_canteen{
	background: url(images/snw/ico_jedalen.svg) no-repeat;
	right: 170px;
}
.btn_canteen:hover{
	background: url(images/snw/ico_jedalen_state2.svg) no-repeat;
}
.btn_attendance{
	background: url(images/snw/ico_dochadzka.svg) no-repeat;
	right: 27px;
}
.btn_attendance:hover{
	background: url(images/snw/ico_dochadzka_state2.svg) no-repeat;
}
.btn_classBook{
	background: url(images/snw/ico_triednaKniha.svg) no-repeat;
	right: 450px;
}
.btn_classBook:hover{
	background: url(images/snw/ico_triednaKniha_state2.svg) no-repeat;
}
/* Druhy blok - text + login */
.middle_part{
	position: relative;
	display: inline-block;
	width: 1088px;
	text-align: left;
	margin-top: 6px;
	height: 100%;
	overflow: hidden;
}
.commercial_info{
	width: 700px;
	min-height: 410px;
	height: auto;
	display: inline-block;
}
.login{
	position: absolute;
	display: inline-block;
	height: inherit;
	width: 377px;
	background-color: #F9EFCF;
	background-image: url(images/snw/bar2.png), url(images/snw/login_text.png), url(images/snw/login_background.png);
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-position: 0% 0%, right top, right;
	border-spacing: 6px;
	vertical-align: top;
	right: 0px;
}
.login_text{
	font-weight: normal;
	font-size: 40px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.small_banner{
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 122px;
	height: 100%;
	bottom: 0px;
	top: 6px;
}
.mod_snw .small_banner img{
	width: 100%;
}
.mod_snw .login_content{
	text-align: right;
	padding-right: 25px;
}
.login_form .tooltip_icon_1{
	position: relative;
	height: 14px;
	border-bottom: none;
	margin-top: 0px;
	margin-right: 5px;
}
.mod_snw .login_form{
	text-align: right;
	font-weight: normal;
	font-size: 14px;
}
.input_line{
	font-weight: bold;
	text-align: right;
	color: #4D3F0C;
	border: 2px solid;
	border-color: #E7D49B;
	height: 23px;
	width: 250px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.btn_login{
	color: white;
	font-weight: normal;
	font-size: 18px;
	background-color: #8C6901;
	width: 110px;
	height: 38px;
	text-align: center;
	border: 0;
	cursor: pointer;
	font-family: "Ubuntu";
	margin-top: 20px;
}
.lost_password_container{
	margin-top: 20px;
	margin-bottom: 15px;
}
.btn_login:hover{
	background-color:rgb(97, 73, 0);
}
.commercial_text{
	position: relative;
	display: block;
	width: 100%;
	background-image: url(images/snw/bar1.png), url(images/snw/background_small.png);
	background-repeat: no-repeat, repeat-y;
	background-position: top center, top center;
	min-height: 318px;
}
.first_column, .second_column, .third_column{
	width: 185px;
	padding: 25px;
	display: table-cell;
}
.second_column{
	width: 195px;
	display: table-cell;
}
.third_column{
	width: 190px;
	display: table-cell;
}
.first_row{
	color: #4F400A;
	position: relative;
	line-height: 100%;
	font-size: 30px;
}
.second_row{
	font-size: 14px;
	line-height: 100%;
}
.third_row{
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
}
/* Horny a spodny banner */
.top_ad_banner_link, .bottom_banner_link{
	width: 1088px;
	height: 190px;
	position: relative;
	display: inline-block;
}
.top_ad_banner, .bottom_banner{
	position: relative;
	display: inline-block;
	width: 1088px;
	height: 190px;
	margin-top: 6px;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_snw .hlinks_block{
		text-align: left;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.top_banner, .top_ad_banner, .bottom_banner, .side_banners, .commercial_info{
		display: none;
	}
	.snw_main{
		width: 100%;
		margin: auto;
		padding: 0px;
		position: relative;
		display: block;
		text-align: left;
		min-width: 0;
	}
	.header{
		text-align: right;
	}
	.school_name_mobile{
		display: block;
		font-family: "Ubuntu Condensed";
		text-align: right;
		color: #F2DF9F;
	}
	.snw_logo{
		width: 58px;
		height: 45px;
		position: relative;
		display: inline-block;
		float: left;
	}
	.zus_registration{
		float: left;
		left: 15px;
	}
	.middle_part{
		text-align: left;
		width: 100%;
	}
	.login{
		position: relative;
		width: 100%;
		text-align: right;
		overflow: auto;
	}
	.mod_snw .login_content{
		height: 100%;
		width: 255px;
		display: inline-block;
		text-align: right;
		min-width: 0;
	}
	.login_form .tooltip_icon_1{
		float: none;
	}
	.mod_app .page_registration .registration_form .tooltip_icon_1{
		position: absolute;
	}
	.snw_body{
		margin: 8px;
	}
}
/* ---------------------------------------- */
/* ! DASHBOARD */
/* ---------------------------------------- */
.mod_app .page_dashboard{
	font-family: "Ubuntu";
	font-size: 18px;
}
.mod_app .page_dashboard .block_uni{
	margin: 0px 6px 6px 6px;
	min-width: 200px;
	background: #F9EFD0;
	padding: 10px 10px 25px 25px;
}
.mod_app .page_dashboard .title{
	font-size: 30px;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 20px;
}
.mod_app .page_dashboard .my_attendance,
.mod_app .page_dashboard .class_attendance,
.mod_app .page_dashboard .menu,
.mod_app .page_dashboard .food_evidence,
.mod_app .page_dashboard .food_selection,
.mod_app .page_dashboard .food_check_in_out{
	padding: 0px 0 0 50px !important;
}
.mod_app .page_dashboard .my_attendance{
	background: url("images/dashboard/ico_my_attendance.svg") no-repeat top left;
}
.mod_app .page_dashboard .class_attendance{
	background: url("images/dashboard/ico_class_attendance.svg") no-repeat top left;
}
.mod_app .page_dashboard .menu{
	background: url("images/dashboard/ico_menu.svg") no-repeat top left;
}
.mod_app .page_dashboard .food_evidence{
	background: url("images/dashboard/ico_food_evidence.svg") no-repeat top left;
}
.mod_app .page_dashboard .food_selection{
	background: url("images/dashboard/ico_food_selection.svg") no-repeat top left;
}
.mod_app .page_dashboard .food_check_in_out{
	background: url("images/dashboard/ico_food_check_in_out.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_users,
.mod_app .page_dashboard .title_settings,
.mod_app .page_dashboard .title_printing,
.mod_app .page_dashboard .title_class,
.mod_app .page_dashboard .title_edu_facility,
.mod_app .page_dashboard .title_my_classes,
.mod_app.role_teacher .page_dashboard .title_my_lessons{
	min-height: 27px;
	line-height: 27px;
}
.mod_app .page_dashboard .title_users{
	background: url("images/dashboard/ico_admin_users.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_settings{
	background: url("images/dashboard/ico_admin_settings.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_printing{
	background: url("images/dashboard/ico_detail.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_class{
	background: url("images/dashboard/ico_class.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_edu_facility{
	background: url("images/class_book/edu_facility.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_leave_csc{
	background: url("images/class_book/leave_csc.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_my_classes,
.mod_app .page_dashboard .title_lessons_by_subject{
	background: url("images/dashboard/ico_my_subjects.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_day_view{
	background: url("images/dashboard/ico_day_view.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_week_absences{
	background: url("images/dashboard/ico_week_absences.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_absent_lessons{
	background: url("images/dashboard/ico_absent_lessons.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_reports{
	background: url("images/dashboard/ico_detail.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_students{
	background: url("images/dashboard/ico_class_attendance.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_groups{
	background: url("images/dashboard/ico_add_to_group.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_timetable{
	background: url("images/dashboard/ico_timetable.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_graduations{
	background: url("images/dashboard/ico_graduations.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_school_messages{
	background: url("images/dashboard/ico_school_messages.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_week_view{
	background: url("images/dashboard/ico_week_view.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_week_view_lessons{
	background: url("images/dashboard/ico_week_view_lessons.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_my_timetable{
	background: url("images/dashboard/ico_my_timetable.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_visits{
	background: url("images/dashboard/ico_hospitacia.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_print{
	background: url("images/dashboard/ico_admin_printing.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_special_activity{
	background: url("images/class_book/lesson_special.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_payments{
	background: url("images/dashboard/ico_payments.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_scholar_notice,
.mod_app .page_dashboard .title_homework,
.mod_app .page_dashboard .title_lesson,
.mod_app .page_dashboard .title_lesson_csc,
.mod_app .page_dashboard .title_lesson_kindergarten,
.mod_app.role_admin .page_dashboard .title_my_lessons,
.mod_app .page_dashboard .no_school_module,
.mod_app .page_dashboard .title_day_view,
.mod_app .page_dashboard .title_week_absences,
.mod_app .page_dashboard .title_absent_lessons,
.mod_app .page_dashboard .title_reports,
.mod_app .page_dashboard .title_students,
.mod_app .page_dashboard .title_timetable,
.mod_app .page_dashboard .title_graduations,
.mod_app .page_dashboard .title_school_messages,
.mod_app .page_dashboard .title_week_view,
.mod_app .page_dashboard .title_week_view_lessons,
.mod_app .page_dashboard .title_my_timetable,
.mod_app .page_dashboard .title_visits,
.mod_app .page_dashboard .title_print,
.mod_app .page_dashboard .block_lesson .title_printing,
.mod_app .page_dashboard .block_lc .title_printing,
.mod_app .page_dashboard .block_csc .title_printing,
.mod_app .page_dashboard .title_groups,
.mod_app .page_dashboard .title_payments,
.mod_app.role_admin .page_dashboard .title_edu_facility,
.mod_app.role_admin .page_dashboard .title_leave_csc,
.mod_app .page_dashboard .title_special_activity,
.mod_app .page_dashboard .title_lessons_by_subject{
	min-height: 27px;
	line-height: 27px;
	text-decoration: none;
	margin-top: 20px;
}
.mod_app .page_dashboard .title_scholar_notice{
	background: url("images/dashboard/ico_scholar_notice.svg") no-repeat top left;
}
.mod_app .page_dashboard .title_homework{
	background: transparent url(images/dashboard/ico_homework.svg) no-repeat center left;
}
.mod_app .page_dashboard .title_lesson{
	background: transparent url(images/dashboard/ico_writing.svg) no-repeat center left;
}
.mod_app .page_dashboard .title_lesson_csc{
	background: transparent url(images/class_book/lesson_edu_facility.svg) no-repeat center left;
}

.mod_app .page_dashboard .title_lesson_kindergarten{
	background: transparent url(images/class_book/lesson_kindergarten.svg) no-repeat center left;
}

.mod_app .page_dashboard .title_my_lessons{
	background: url("images/dashboard/ico_my_lessons.svg") no-repeat top left;
}
.mod_app .page_dashboard .attendance a,
.mod_app .page_dashboard .canteen a,
.mod_app .page_dashboard .multicolumn a,
.mod_app .page_dashboard .title_scholar_notice a,
.mod_app .page_dashboard .title_homework a,
.mod_app .page_dashboard .title_lesson a,
.mod_app .page_dashboard .title_lesson_csc a,
.mod_app .page_dashboard .title_lesson_kindergarten a,
.mod_app .page_dashboard .title_my_lessons a,
.mod_app .page_dashboard .title_users a,
.mod_app .page_dashboard .title_settings a,
.mod_app .page_dashboard .title_printing a,
.mod_app .page_dashboard .title_class a,
.mod_app .page_dashboard .title_edu_facility a,
.mod_app .page_dashboard .title_leave_csc a,
.mod_app .page_dashboard .title_my_classes a,
.mod_app .page_dashboard .title_day_view a,
.mod_app .page_dashboard .title_week_absences a,
.mod_app .page_dashboard .title_absent_lessons a,
.mod_app .page_dashboard .title_reports a,
.mod_app .page_dashboard .title_students a,
.mod_app .page_dashboard .title_timetable a,
.mod_app .page_dashboard .title_graduations a,
.mod_app .page_dashboard .title_school_messages a,
.mod_app .page_dashboard .title_week_view a,
.mod_app .page_dashboard .title_week_view_lessons a,
.mod_app .page_dashboard .title_my_timetable a,
.mod_app .page_dashboard .title_visits a,
.mod_app .page_dashboard .title_print a,
.mod_app .page_dashboard .title_groups a,
.mod_app .page_dashboard .title_payments a,
.mod_app .page_dashboard .title_special_activity a,
.mod_app .page_dashboard .title_lessons_by_subject a{
	text-decoration: none;
	color:rgb(78,62,13);
	display: inline-block;
}
.mod_app .page_dashboard .title_scholar_notice a,
.mod_app .page_dashboard .title_homework a,
.mod_app .page_dashboard .title_lesson a,
.mod_app .page_dashboard .title_lesson_csc a,
.mod_app .page_dashboard .title_lesson_kindergarten a,
.mod_app .page_dashboard .title_my_lessons a,
.mod_app .page_dashboard .title_users a,
.mod_app .page_dashboard .title_settings a,
.mod_app .page_dashboard .title_printing a,
.mod_app .page_dashboard .title_class a,
.mod_app .page_dashboard .title_edu_facility a,
.mod_app .page_dashboard .title_leave_csc a,
.mod_app .page_dashboard .title_my_classes a,
.mod_app .page_dashboard .title_day_view a,
.mod_app .page_dashboard .title_week_absences a,
.mod_app .page_dashboard .title_absent_lessons a,
.mod_app .page_dashboard .title_reports a,
.mod_app .page_dashboard .title_students a,
.mod_app .page_dashboard .title_timetable a,
.mod_app .page_dashboard .title_graduations a,
.mod_app .page_dashboard .title_school_messages a,
.mod_app .page_dashboard .title_week_view a,
.mod_app .page_dashboard .title_week_view_lessons a,
.mod_app .page_dashboard .title_my_timetable a,
.mod_app .page_dashboard .title_visits a,
.mod_app .page_dashboard .title_print a,
.mod_app .page_dashboard .title_groups a,
.mod_app .page_dashboard .title_payments a,
.mod_app .page_dashboard .title_special_activity a,
.mod_app .page_dashboard .title_lessons_by_subject a{
	padding-left: 40px;
}
.mod_app .page_dashboard .attendance a:hover,
.mod_app .page_dashboard .canteen a:hover,
.mod_app .page_dashboard .title_scholar_notice a:hover,
.mod_app .page_dashboard .title_homework a:hover,
.mod_app .page_dashboard .title_lesson a:hover,
.mod_app .page_dashboard .title_lesson_csc a:hover,
.mod_app .page_dashboard .title_lesson_kindergarten a:hover,
.mod_app .page_dashboard .title_my_lessons a:hover,
.mod_app .page_dashboard .title_users a:hover,
.mod_app .page_dashboard .title_settings a:hover,
.mod_app .page_dashboard .title_printing a:hover,
.mod_app .page_dashboard .title_class a:hover,
.mod_app .page_dashboard .title_edu_facility a:hover,
.mod_app .page_dashboard .title_leave_csc a:hover,
.mod_app .page_dashboard .title_my_classes a:hover,
.mod_app .page_dashboard .title_day_view a:hover,
.mod_app .page_dashboard .title_week_absences a:hover,
.mod_app .page_dashboard .title_absent_lessons a:hover,
.mod_app .page_dashboard .title_reports a:hover,
.mod_app .page_dashboard .title_students a:hover,
.mod_app .page_dashboard .title_timetable a:hover,
.mod_app .page_dashboard .title_graduations a:hover,
.mod_app .page_dashboard .title_school_messages a:hover,
.mod_app .page_dashboard .title_week_view a:hover,
.mod_app .page_dashboard .title_week_view_lessons a:hover,
.mod_app .page_dashboard .title_my_timetable a:hover,
.mod_app .page_dashboard .title_visits a:hover,
.mod_app .page_dashboard .title_print a:hover,
.mod_app .page_dashboard .title_special_activity a:hover,
.mod_app .page_dashboard .title_groups a:hover,
.mod_app .page_dashboard .title_payments a:hover,
.mod_app .page_dashboard .title_lessons_by_subject a:hover{
	color:#B57E00;
}
.mod_app .page_dashboard .multicolumn li{
	float: left;
	width: 25%;
	min-width:250px;
	margin: 10px 10px 0px;
}
.mod_app .page_dashboard .multicolumn li:hover{
	background-color: rgb(252,247,232);
}
.mod_app .page_dashboard .multicolumn a{
	width: 240px;
	padding-left: 10px;
}
.mod_app .page_dashboard .canteen li,
.mod_app .page_dashboard .attendance li{
	min-height: 27px;
	line-height: 27px;
	margin: 20px 10px;
}
.mod_app .page_dashboard .attendance,
.mod_app .page_dashboard .canteen{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mod_app .page_dashboard .multicolumn{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 810px;
}
.mod_app .page_dashboard .administrations_list,
.mod_app .page_dashboard .class_list{
	overflow: hidden;
	margin-top: 20px;
}
.mod_app .page_dashboard .font_weight_bold{
	font-weight: bold;
}
.mod_app .page_dashboard .simple_horizontal_item{
	border-bottom: 1px dotted rgb(156,135,104);
	margin: 10px;
	font-size: 14px;
}
/* ! BLOKY DASHBOARD-U */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop 2x2 */
	.mod_app .page_dashboard .filter_container .resp_block{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.mod_app .page_dashboard .filter_container .block_uni{
		width: 40%;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.mod_app .page_dashboard .filter_container .block_column .block_uni,
	.mod_app .page_dashboard .filter_container .block_attendance.block_uni:nth-child(3){
		margin-right: 0px;
	}
	.mod_app .page_dashboard .filter_container .block_classbook{
		width: 60%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-grow: 2;
		flex-grow: 2;
	}
	.mod_app .page_dashboard .filter_container .block_classbook .block_uni{
		width: 100%;
		background-repeat: repeat-x, no-repeat, no-repeat;
		background-position: 100% 0%, 96.5% 0%, 0% 13px;
	}
	.mod_app .page_dashboard .filter_container .block_classbook .block_uni.block_lesson{
		background-image: url("images/dashboard/bar_classbook.png"), url("images/dashboard/logo_classbook.svg"), url("images/dashboard/title_background_big.png");
	}
	.mod_app .page_dashboard .filter_container .block_classbook .block_uni.block_csc{
		background-image: url("images/dashboard/bar_classbook.png"), url("images/dashboard/logo_classbook_skd.svg"), url("images/dashboard/title_background_big.png");
	}
	.mod_app .page_dashboard .filter_container .block_classbook .block_uni.block_lc{
		background-image: url("images/dashboard/bar_classbook.png"), url("images/dashboard/logo_classbook_cvc.svg"), url("images/dashboard/title_background_big.png");
	}
	.mod_app .page_dashboard .filter_container .block_canteen{
		width: 30%;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		background: #F1DDA2;
		background-image: url("images/dashboard/bar_administration.png"), url("images/dashboard/logo_canteen.svg"), url("images/dashboard/title_background_small.png");
		background-repeat: repeat-x, no-repeat, no-repeat;
		background-position: 100% 0%, 92% 0%, 0% 13px;
	}
	.mod_app .page_dashboard .filter_container .block_attendance{
		width: 30%;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		background: #F1DDA2;
		background-image: url("images/dashboard/bar_attendance.png"), url("images/dashboard/logo_attendance.svg"), url("images/dashboard/title_background_small.png");
		background-repeat: repeat-x, no-repeat, no-repeat;
		background-position: 100% 0%, 92% 0%, 0% 13px;
	}
	.mod_app .page_dashboard .filter_container .block_izk{
		width: 60%;
		-webkit-flex-grow: 2;
		flex-grow: 2;
		background-image: url("images/dashboard/bar_administration.png"), url("images/dashboard/logo_izk.svg"), url("images/dashboard/title_background_big.png");
		background-repeat: repeat-x, no-repeat, no-repeat;
		background-position: 100% 0%, 96.5% 0%, 0% 13px;
	}
	.mod_app .page_dashboard .filter_container .block_administration{
		width: 100%;
		background-image: url("images/dashboard/bar_administration.png"), url("images/dashboard/logo_administration.svg"), url("images/dashboard/title_background_big.png");
		background-repeat: repeat-x, no-repeat, no-repeat;
		background-position: 100% 0%, 97.5% 0%, 0% 13px;
	}
	.mod_app .page_dashboard  .arrow_down{
		display: none;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mod_app .page_dashboard{
		min-width: 320px;
	}
	.mod_app .page_dashboard .title{
		font-size: 20px;
		height: 45px;
		padding-bottom: 0px;
		padding-top: 3px;
		padding-left: 10px;
	}
	.mod_app .page_dashboard .font_weight_bold{
		background-color: rgb(249, 238, 208);
	}
	.mod_app .page_dashboard .block_uni{
		background-color: rgb(242, 221, 164);
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		min-height: 0;
	}
	.mod_app .page_dashboard .title_scholar_notice,
	.mod_app .page_dashboard .title_homework,
	.mod_app .page_dashboard .title_lesson,
	.mod_app .page_dashboard .title_lesson_csc,
	.mod_app .page_dashboard .title_lesson_kindergarten,
	.mod_app .page_dashboard .title_my_timetable,
	.mod_app.role_admin .page_dashboard .title_my_lessons,
	.mod_app .page_dashboard .no_school_module,
	.mod_app .page_dashboard .title_day_view,
	.mod_app .page_dashboard .title_week_view,
	.mod_app .page_dashboard .title_week_view_lessons,
	.mod_app .page_dashboard .title_week_absences,
	.mod_app .page_dashboard .title_absent_lessons,
	.mod_app .page_dashboard .title_reports,
	.mod_app .page_dashboard .title_students,
	.mod_app .page_dashboard .title_timetable,
	.mod_app .page_dashboard .title_graduations,
	.mod_app .page_dashboard .title_school_messages,
	.mod_app .page_dashboard .title_visits,
	.mod_app .page_dashboard .title_print,
	.mod_app.role_admin .page_dashboard .title_edu_facility,
	.mod_app.role_admin .page_dashboard .title_leave_csc,
	.mod_app .page_dashboard .title_special_activity,
	.mod_app .page_dashboard .title_lessons_by_subject{
		min-height: 40px;
		line-height: 40px;
		text-decoration: none;
		margin-top: 5px;
	}
	.mod_app .page_dashboard .no_school_module{
		padding-left: 10px;
	}
	.mod_app .page_dashboard .title_users,
	.mod_app .page_dashboard .title_settings,
	.mod_app .page_dashboard .title_printing,
	.mod_app .page_dashboard .title_class,
	.mod_app .page_dashboard .title_edu_facility,
	.mod_app .page_dashboard .title_leave_csc,
	.mod_app .page_dashboard .title_my_classes,
	.mod_app .page_dashboard .title_day_view,
	.mod_app .page_dashboard .title_week_view,
	.mod_app .page_dashboard .title_week_view_lessons,
	.mod_app .page_dashboard .title_week_absences,
	.mod_app .page_dashboard .title_absent_lessons,
	.mod_app .page_dashboard .title_reports,
	.mod_app .page_dashboard .title_students,
	.mod_app .page_dashboard .title_timetable,
	.mod_app .page_dashboard .title_graduations,
	.mod_app .page_dashboard .title_school_messages,
	.mod_app .page_dashboard .title_scholar_notice,
	.mod_app .page_dashboard .title_homework,
	.mod_app .page_dashboard .title_lesson,
	.mod_app .page_dashboard .title_lesson_csc,
	.mod_app .page_dashboard .title_lesson_kindergarten,
	.mod_app .page_dashboard .title_my_timetable,
	.mod_app .page_dashboard .title_my_lessons,
	.mod_app .page_dashboard .my_attendance,
	.mod_app .page_dashboard .class_attendance,
	.mod_app .page_dashboard .menu,
	.mod_app .page_dashboard .food_evidence,
	.mod_app .page_dashboard .food_selection,
	.mod_app .page_dashboard .food_check_in_out,
	.mod_app .page_dashboard .title_visits,
	.mod_app .page_dashboard .title_print,
	.mod_app .page_dashboard .title_special_activity,
	.mod_app .page_dashboard .title_groups,
	.mod_app .page_dashboard .title_payments,
	.mod_app .page_dashboard .title_lessons_by_subject
	{
		background-position: 10px center;
		padding-left: 10px;
	}
	.mod_app .page_dashboard .title_users,
	.mod_app .page_dashboard .title_settings,
	.mod_app .page_dashboard .title_printing,
	.mod_app .page_dashboard .title_class,
	.mod_app .page_dashboard .title_edu_facility,
	.mod_app .page_dashboard .title_leave_csc,
	.mod_app .page_dashboard .title_my_classes,
	.mod_app .page_dashboard .title_groups,
	.mod_app .page_dashboard .title_payments,
	.mod_app.role_teacher .page_dashboard .title_my_lessons{
		min-height: 40px;
		line-height: 40px;
	}
	.mod_app .page_dashboard .administrations_list,
	.mod_app .page_dashboard .class_list{
		margin-top: 5px;
	}
	.mod_app .page_dashboard .canteen li,
	.mod_app .page_dashboard .attendance li{
		min-height: 40px;
		line-height: 40px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 0px;
		margin-right: 0px;
		background-color: rgb(249, 238, 208);
	}
	.mod_app .page_dashboard .canteen_list.font_weight_bold,
	.mod_app .page_dashboard .attendance_list.font_weight_bold{
		background-color: transparent;
	}
	.mod_app .page_dashboard .filter_container .block_classbook .block_uni,
	.mod_app .page_dashboard .filter_container .block_canteen,
	.mod_app .page_dashboard .filter_container .block_attendance,
	.mod_app .page_dashboard .filter_container .block_izk,
	.mod_app .page_dashboard .filter_container .block_administration{
		background-image: url("images/dashboard/bar_administration.png"), url("images/dashboard/title_background_small.png");
		background-repeat: repeat-x, no-repeat;
		background-position: 100% 0%, 0% 13px;
		background-size: auto auto, auto 45px;
	}
	.mod_app .page_dashboard .hide_block{
		display: none;
	}
	.mod_app .page_dashboard .show_block{
		display: inline;
	}
	.mod_app .page_dashboard  .arrow_down{
		width: 42px;
		height: 45px;
		border-left: 1px dotted #A08641;
		background: url(images/class_book/arrow_down.svg) no-repeat center center;
		cursor: pointer;
		margin-right: 0px;
		margin-top: 5px;
		float: right;
		top: 0px;
	}
}

/* ---------------------------------------- */
/* ! STUDENTS (COLUMNS)  */
/* ---------------------------------------- */
.subjectContent_columns, .subjectContent_columns_without_average{
	overflow-x: auto;
	margin-left:17.5em;
}
.subjectContent_columns_without_average{
	margin-left: 13.94em;
}
.mainContent_marks_columns{
	display: inline-flex;
	vertical-align: top;
	height: 40px;
	cursor: pointer;
}
.mainContent_marks_columns>.mark_separator:first-child{
	display: none;
}
.students_grades .mC_mark{
	min-width: 20px;
	width: auto;
	height: 40px;
	line-height: 23px;
	padding-left: 3px;
	padding-right: 1px;
	text-align: right;
	float: left;
}
.students_grades .mC_mark_square,
.students_grades .mC_mark_circle{
	text-align: center;
}
.mainContent_name_columns{
	display: table-cell;
	width: 230px;
	line-height: 18px;
	padding: 0px 10px;
	font-size: 18px;
	height:38px;
	white-space: normal;
	vertical-align: middle;
}
.subjectAverage_column{
	width: 40px;
	padding-left: 17px;
}
.subjectAverage_header_top, .subjectAverage_header_bottom{
	position: absolute;
	top: -20px;
	left: 242px;
}
.subjectAverage_header_bottom {
	top:0px;
}
.students_grades{
	border-collapse:collapse;
	font-size: 20px;
}
.students_grades tr{
	height: 40px;
}
.students_grades tr:not(:last-child){
	background: url(images/grades_columns_main_line.png) left bottom repeat-x;
}
.students_grades > tbody > tr > td:not(:first-child):not(.empty_cell):not(.add_column_header){
	min-width: 80px;
}
.students_grades tr > .add_column_header,
.students_grades tr > .empty_cell{
	min-width: 30px;
}
.students_grades tr:first-child>.students_grades_header:not(:nth-child(2)),
.students_grades tr:not(:first-child):not(:last-child)>td:not(:first-child):not(.empty_cell),
.students_grades tr:first-child>.add_column_header{
	cursor: pointer;
}
.students_grades tr:first-child>.students_grades_header:not(:nth-child(2)){
	position: relative;
}
.students_grades tr:first-child>.students_grades_header:not(:nth-child(2)):hover{
	color:#B57E00;
}
.students_grades tr:first-child>.students_grades_header>textarea{
	margin: 0;
	padding: 0;
	resize: none;
	overflow: hidden;
	font-family: "Ubuntu";
	font-size: 16px;
	background-color: #F9EFD0;
}
.students_grades .column_edit_icon{
	background: url(images/edit_column.svg) no-repeat center;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 1px;
	left: 1px;
	display: none;
}
.students_grades .column_delete_icon{
	background: url(images/delete_column.png) no-repeat center;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 2px;
	right: 2px;
	display: none;
}
.students_grades .column_delete_icon:hover{
	background: url(images/delete_column_hover.png) no-repeat center;
}
.students_grades .students_grades_header:hover .column_edit_icon,
.students_grades .students_grades_header:hover .column_delete_icon{
	display: block;
}
.add_column_icon{
	font-size:24px;
	line-height:24px;
	color:rgb(77,63,12);
	text-align:center;
}
.add_column_icon:hover{
	background-color:rgb(252,247,232);
}
.students_grades td {
	margin:0;
	white-space:nowrap;
	background: url(images/grades_columns_column_line.png) left bottom repeat-y;
}
.students_grades tr:not(:last-child):hover, .student_name_row:hover{
	background-color: rgb(252,247,232) !important;
}
.students_grades tr:first-child>.student_name_row{
	background: url("images/grades_columns_main_line.png") repeat-x scroll left bottom, url(images/grades_columns_first_column_line.png) right bottom repeat-y !important;
}
.students_grades tr:last-child>.student_name_row{
	background: url(images/grades_columns_first_column_line.png) right bottom repeat-y !important;
}
.students_names{
	border-collapse:collapse;
}
.students_names tr:hover{
	background: url("images/grades_columns_names_main_line.png") repeat-x scroll -1px -1px !important;
}
.students_names tr, .students_names td{
	background: none !important;
}
.student_name{
	width: 220px;
}
.students_grades_header{
	background: url(images/grades_columns_main_line.png) left bottom repeat-x, #F3DFA0 url(images/grades_columns_column_line.png) left bottom repeat-y !important;
}
.subject_name{
	font-weight: bold;
	text-align: center;
	padding-left:5px;
	padding-right:5px;
	font-size: 16px;
	white-space: pre;
}
.student_name_row{
	position:absolute;
	width: 297px;
	height:40px;
	left:10px;
	border-collapse: collapse;
	background: url(images/grades_columns_names_main_line.png) left bottom repeat-x, url(images/grades_columns_first_column_line.png) right bottom repeat-y !important;
}
.student_name_row_without_average{
	width: 240px;
}
.subjectContent_columns_mobile, .subjectContent_columns_without_average_mobile{
	display: none;
}
.mod_izk.role_teacher .page_grade_category .grid
{
	min-width: 300px;
	max-width: 1044px;
	margin: 5px;
}
.page_my_subject_grades .name_link,
.page_my_class_grades .name_link{
	text-decoration: none;
	color: rgb(78,63,12);
	border-bottom: rgba(78,63,12,0.75) 1px dotted;
}
.page_my_subject_grades .name_link:hover,
.page_my_class_grades .name_link:hover{
	font-weight: bold;
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */

	.subjectContent_columns, .subjectContent_columns_without_average{
		display: none;
	}
	.subjectContent_columns_mobile, .subjectContent_columns_without_average_mobile{
		display: block;
	}
	.grade_category_content{
		padding-bottom: 10px;
	}
	.page_my_subject_grades .name_link,
	.page_my_class_grades .name_link{
		border-bottom: rgba(78,63,12,0.75) 1px dotted;
	}
}

/* TLACIDLA NA KONCI POHLADU NA NAVRAT ALEBO PRECHOD NA DENNY PREHLAD A MOJE HODINY */
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */

	.lesson_footer{
		display: flex;
		justify-content: center;
		height: auto;
	}
	.lesson_footer > div{
		margin: 10px 15px;
	}
	.lesson_footer .button_separator{
		margin: 9px 0px;
		border-right: 1px dotted #A08641;
	}
}
.lesson_footer a{
	text-decoration: none;
}
.lesson_footer .btn_uni{
	margin: 0;
}
.btn_uni{
	display: inline-block;
	color: white;
	font-size: 16px;
	padding: 5px 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	cursor: pointer;
	background-color: #896200;
}
.lesson_footer .btn_uni>span{
	font-family: "Ubuntu Condensed";
	opacity: 0.5;
}
.btn_uni:hover{
	background-color: #b98500;
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */

	.lesson_footer{
		display: block;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	.lesson_footer > div{
		margin: 5px;
		display: inline-block;
	}
	.lesson_footer .button_separator{
		display: none;
	}
}
/*-----------------------------------------------*/
/*-----------Tyzdenny nahlad---------------------*/
/*-----------------------------------------------*/
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.headline{
		color: #4E3F0C;
		background-image: linear-gradient(270deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		margin-left:-22px;
		margin-top:-17px;
	}
	.headline_week_MH{
		padding-left:22px;
		font-size: 26px;
		height:50px;
		padding-top: 17px;
	}
	.headline_week{
		height:80px;
		font-size: 26px;
		padding-top: 17px;
		padding-left:22px;
	}
	.tk_mainTB_week td,
	.tk_mainTB_week_MH td {
		font-family: "Ubuntu";
	}
	/* sirky tyzdenny prehlad */
	.tk_mainTB_week td:nth-child(1){
		width: 35px;
	}
	.tk_mainTB_week tr:nth-child(2) td:nth-child(2){
		width: 35px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(3),
	.tk_mainTB_week tr:nth-child(1) td:nth-child(4){
		width: 75px;
	}

	.tk_mainTB_week tr:nth-child(1) td:nth-child(5){
		width: 125px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(7){
		width: 180px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(8),
	.tk_mainTB_week tr:nth-child(1) td:nth-child(9)
	{
		width: 45px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(n+10)
	{
		width: 35px;
	}
	/* sirky moje hodiny */
	.tk_mainTB_week_MH td:nth-child(1){
		width: 35px;
	}
	.tk_mainTB_week_MH tr:nth-child(2) td:nth-child(2){
		width: 35px;
	}

	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(3){
		width: 75px;
	}

	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(4){
		width: 200px;
	}
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(6),
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(7){
		width: 45px;
	}
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(n+8){
		width: 35px;
	}
	/* odsek nazvov kategorii */
	.tk_mainTB_week tr:nth-child(2) td:nth-child(n+1),
	.tk_mainTB_week_MH tr:nth-child(2) td:nth-child(n+1)
	{
		padding-left: 10px;
		font-weight: bold;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(2),
	.tk_mainTB_week tr:nth-child(1) td:nth-child(3), /* zarovnanie pre datum */
	.tk_mainTB_week tr:nth-child(1) td:nth-child(6), /* zarovnanie pre nazov sviatku */
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(2),
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(3), /* zarovnanie pre datum */
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(5){ /* zarovnanie pre nazov sviatku */
		padding-left: 10px;
	}
	.tk_mainTB_week tr:nth-child(n+3) td:nth-child(n+2),
	.tk_mainTB_week_MH tr:nth-child(n+3) td:nth-child(n+2){
		padding-left: 20px;
	}
}
/*-----------------------------------------------*/
/*-----------Tyzdenny nahlad mobil---------------*/
/*-----------------------------------------------*/
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.page_week_view{
		min-width: 600px;
	}
	.headline{
		color: #4E3F0C;
		background-image: linear-gradient(270deg,rgba(243,223,160,0) 0%,rgb(243,223,160) 100%);
		font-family: "Ubuntu Condensed";
		font-size: 24px;
	}
	.headline_week_MH{
		padding-left:15px;
		font-size: 24px;
		height:35px;
		padding-top: 10px;
	}
	.headline_week{
		height:60px;
		font-size: 24px;
		padding-top: 10px;
		padding-left:15px;
	}
	.tk_mainTB_week td,
	.tk_mainTB_week_MH td {
		font-family: "Ubuntu Condensed";
	}
	.page_week_view .tk_calendarC{
		font-size: 20px;
	}
	.page_week_view .tk_calendarL{
		margin-left: 8px;
	}
	.page_week_view .lockBtn,
	.page_week_view_kg .lockBtn,
	.page_week_view_csc .lockBtn,
	.page_week_view .tk_calendarR,
	.page_week_view_kg .tk_calendarR,
	.page_week_view_csc .tk_calendarR{
		margin-right: 5px;
	}
	.name_teacher {
		margin-right: 5px;
	}
	/* sirky stlpcov tyzdenny prehlad */
	.tk_mainTB_week td:nth-child(1){
		width: 20px;
	}
	.tk_mainTB_week tr:nth-child(2) td:nth-child(2){
		width: 20px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(3),
	.tk_mainTB_week tr:nth-child(1) td:nth-child(4){
		width: 60px;
	}

	.tk_mainTB_week tr:nth-child(1) td:nth-child(5){
		width: 80px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(7){
		width: 105px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(8),
	.tk_mainTB_week tr:nth-child(1) td:nth-child(9)
	{
		width: 45px;
	}
	.tk_mainTB_week tr:nth-child(1) td:nth-child(n+10)
	{
		width: 35px;
	}
	/* sirky stlpcov moje hodiny */
	.tk_mainTB_week_MH td:nth-child(1){
		width: 20px;
	}
	.tk_mainTB_week_MH tr:nth-child(2) td:nth-child(2){
		width: 20px;
	}

	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(3){
		width: 60px;
	}

	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(4){
		width: 150px;
	}
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(6),
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(7){
		width: 45px;
	}
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(n+8){
		width: 35px;
	}

	/* odsek nazvov kategorii */
	.tk_mainTB_week tr:nth-child(1) td:nth-child(n+1),
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(n+1){
		font-weight: normal;
	}
	.tk_mainTB_week tr:nth-child(2) td:nth-child(n+1),
	.tk_mainTB_week_MH tr:nth-child(2) td:nth-child(n+1)
	{
		padding-left: 5px;
		font-weight: normal;
	}
	.tk_mainTB_week tr:nth-child(n+3) td:nth-child(n+2),
	.tk_mainTB_week tr:nth-child(1) td:nth-child(3), /* zarovnanie pre datum */
	.tk_mainTB_week tr:nth-child(1) td:nth-child(6), /* zarovnanie pre nazov sviatku */
	.tk_mainTB_week_MH tr:nth-child(n+3) td:nth-child(n+2),
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(3), /* zarovnanie pre datum */
	.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(5){ /* zarovnanie pre nazov sviatku */
		padding-left: 5px;
	}
	.tk_mainTB_week tr:nth-child(n+3) td:nth-child(2),
	.tk_mainTB_week_MH tr:nth-child(n+3) td:nth-child(2){
		padding-left: 10px;
	}
}

/*** tabulka dna ***/

 /* nazov dna */
 .tk_week_locked,
 .tk_hour_locked{
	color:#A19362;
 }
 .tk_week_locked .tk_missing_hour{
	 color:#FF7070;
 }
.tk_nameWeek{
	position:absolute;
	font-size:14px;
	font-family: "Ubuntu Condensed";
	bottom:0px;
	top:56px;
}
.tk_nameWeek>span{
	position:absolute;
	top:50%;
	width:138px;
	text-align:center;
	left:-46px;
	margin-top:-8px;
	-moz-transform:matrix(0,-1,1,0,0,0);
	-moz-transform-origin:center;
	-webkit-transform:matrix(0,-1,1,0,0,0);
	-webkit-transform-origin:center;
	-o-transform:matrix(0,-1,1,0,0,0);
	-o-transform-origin:center;
	transform:matrix(0,-1,1,0,0,0);
	transform-origin:center;
}

.tk_mainTB_week{
    width: 100%;
	margin-top: 35px;
}
.tk_mainTB_week td {
	height: 25px;
	font-size: 14px;
}

.tk_mainTB_week tr:nth-child(2) td:nth-child(1){
	border-right: none;
}
.tk_mainTB_week tr:nth-child(1),
.tk_mainTB_week_MH tr:nth-child(1){
	background-color:rgb(140,105,0);
	color: #fff;
	font-weight:bold;
	cursor: pointer;
}
.tk_mainTB_week tr:first-child:hover,
.tk_mainTB_week_MH tr:first-child:hover{
	background-color: #b98500 !important;
}
.tk_mainTB_week tr:first-child td,
.tk_mainTB_week_MH tr:first-child td{
	border-right: none;
}
.tk_mainTB_week .change_btn{/*tlacidlo zmenit*/
	color: #fff;
	background: rgb(140,105,0);
	height: 18px;
	text-align: center;
	cursor: pointer;
}

.tk_mainTB_week .change_btn a{
	text-decoration: none;
	color: #fff;
}

.tk_mainTB_week tr:nth-child(1) td:nth-child(3){ /* datum */
	font-size: 16px;
}
.tk_mainTB_week td:nth-child(n+5){ /* centrovanie */
	text-align: left;
}
.tk_mainTB_week td:nth-child(6){ /* ucivo */
	white-space: pre-wrap;
}
.tk_mainTB_week tr:nth-child(2) td:nth-child(n+5){ /* predmety */
	font-size: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.tk_mainTB_week tr:nth-child(n+3) td{ /* pozadie pod tabulkou */
	background-color: #F7E8B9;
}
.tk_mainTB_week td:nth-child(8){
	text-align:center;
	padding-left: 0px !important;
}
.tk_mainTB_week tr:nth-child(n+3) td:nth-child(n+2){ /* bodkovane ciary */
	border-left:rgb(160,134,65) 1px dotted;
	border-bottom:rgb(160,134,65) 1px dotted;
}
.tk_mainTB_week tr:nth-child(n+3) td:nth-child(n+8){
	padding-left:0px !important;
}
.tk_mainTB_week tr:nth-child(n+3) td:nth-child(n+9){
	border-left: none !important;
}
.tk_mainTB_week tr td:last-child{ /* odstranenie bodkovanych ciar */
	border-right:none !important;
}
.tk_mainTB_week tr:nth-child(3) td{  /* plna ciara na vrchu tabulky */
	border-top:rgb(140,105,0) 2px solid;
}
.tk_mainTB_week tr:last-child td{   /* plna ciara dole */
	border-bottom-style:solid !important;
	border-bottom-width: 1px;

}
.tk_mainTB_week tr:nth-child(n+3) td:nth-child(8){
	text-align: center;
	border-right: rgb(160,134,65) 1px dotted;
}

/*Zameskane hodiny blok triedna kniha absencie + tyzdenny prehlad*/
.mod_classbook .absence_table .absence_sideL{
	padding: 10px 22px;
	text-align: left;
}
.mod_classbook .absence_table .tk_container{
	padding-bottom: 20px;
	border-bottom-color: rgb(156,135,104);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.mod_classbook .absence_table .absence_sideL .PZH_block{
	font-size: 16px;
}
.mod_classbook .absence_table .absence_sideL .absence_not_equal{
	margin-top: 4px !important;
}
.mod_classbook .absence_table .absence_sideL .absence_week_view_R{
	display: inline;
	float: right;
	font-size: 16px;
}
.mod_classbook .absence_table .absence_sideL .tk_container .absence_title{
	margin-bottom: 20px;
}
.mod_izk .page_my_class_grades .absence_table .absence_sideL{
	padding: 30px 22px;
	text-align: center;
	padding-bottom: 30px;
}
/*** tabulka tyzdna Moje Hodiny***/

 /* nazov dna */


.tk_mainTB_week_MH{
    width: 100%;
	margin-top: 35px;
}
.tk_mainTB_week_MH td {
	height: 25px;
	font-size: 14px;
}
.tk_mainTB_week_MH tr:nth-child(2) td:nth-child(1){
	border-right: none;
}
.tk_mainTB_week_MH .change_btn a{
	text-decoration: none;
	color: #fff;
}
.tk_mainTB_week_MH tr:nth-child(1) td:nth-child(3){ /* datum */
	font-size: 16px;
}
.tk_mainTB_week_MH tr:nth-child(n+3) td{ /* pozadie pod tabulkou */
	background-color: #F7E8B9;
}
.tk_mainTB_week_MH td:nth-child(6){
	text-align:center;
	padding-left: 0px !important;
}
.tk_mainTB_week_MH tr:nth-child(n+3) td:nth-child(n+2){ /* bodkovane ciary */
	border-bottom:rgb(160,134,65) 1px dotted;
	border-left:rgb(160,134,65) 1px dotted;
}
.tk_mainTB_week_MH tr td:nth-last-child(-n+4){ /* odstranenie bodkovanych ciar */
	border-right:none !important;
}
.tk_mainTB_week_MH tr:nth-child(3) td{  /* plna ciara na vrchu tabulky */
	border-top:rgb(140,105,0) 2px solid;
}
.tk_mainTB_week_MH tr:last-child td{   /* plna ciara dole */
	border-bottom-style:solid !important;
	border-bottom-width: 1px;
}
.tk_mainTB_week_MH tr:nth-child(n+3) td:nth-child(n+6){
	padding-left:0px !important;
}
.tk_mainTB_week_MH tr:nth-child(n+3) td:nth-child(n+7){
	border-left: none !important;
}
.tk_mainTB_week_MH tr:nth-child(n+3) td:nth-child(6){
	text-align: center;
	border-right: rgb(160,134,65) 1px dotted;
}
/* symbol zastupovanie */
.tk_substitute{
	background:transparent url(images/class_book/substitute.svg) center no-repeat;
	height: 20px;
	width:35px;
	padding-left: 10px;
	float:right;
}
/*sviatok*/
.tk_holiday_week tr:nth-child(2) td{
	color: #DBBF6A !important;
}
.tk_holiday_week tr:nth-child(3) td{
	border-color:#DBBF6A;
}
.tk_holiday_week tr:nth-child(n+3) td:nth-child(n+2) {
	border-bottom-color: #DBBF6A;
}
.tk_holiday_week tr:nth-child(n+3) td{
	border-left-color:#DBBF6A !important;
	border-right-color:#DBBF6A !important;
}

.tk_holiday_week tr:last-child td {
	border-bottom-color: #DBBF6A;
}
.tk_holiday_week tr:nth-child(1) td:nth-child(6){
	color:rgb(78,63,12) !important;
}
.tk_today .tk_holiday_week tr:nth-child(1) td:nth-child(6){
	color:rgb(255,255,255) !important;
}

.tk_week_unlocked{
 	position:relative;
	color:rgb(140,105,0);
}
.lockBtn {
	float: right;
	margin-left: 10px;
	margin-top: 25px;
	width: 35px;
	height: 34px;
	cursor: pointer;
}
.tk_week_unlocked .lockBtn{
	background: url(images/class_book/unlock_BTN.svg) center no-repeat;
}
.mod_classbook .page_week_view .tk_week_unlocked .lockBtn:hover,
.mod_classbook .page_week_view_kg .tk_week_unlocked .lockBtn:hover,
.mod_classbook .page_week_view_csc .tk_week_unlocked .lockBtn:hover,
.mod_classbook .page_class_book .tk_week_unlocked .lockBtn:hover{
	background: url(images/class_book/unlock_BTN_hover.svg) center no-repeat;
}
.tk_week_locked .lockBtn{
	background: url(images/class_book/locking_BTN.svg) center no-repeat;
}
.mod_classbook .page_week_view .tk_week_locked .lockBtn:hover,
.mod_classbook .page_week_view_kg .tk_week_locked .lockBtn:hover,
.mod_classbook .page_week_view_csc .tk_week_locked .lockBtn:hover,
.mod_classbook .page_class_book .tk_week_locked .lockBtn:hover{
	background: url(images/class_book/locking_BTN_hover.svg) center no-repeat;
}
.mod_classbook .page_week_view .tk_mainTB_week_MH td.substituted_lesson{
	font-style: italic;
}
.tk_holiday_week tr:nth-child(1){
	background-color:#DBBF6A;
}
.lessonBtn {
	width:34px;
	height:25px;
	background:transparent url(images/class_book/lesson.svg) center no-repeat;
	background-size:19px 19px;
	cursor:pointer;
	display: block;
}
.lessonBtn:hover{
	width:34px;
	height:25px;
	background:url(images/class_book/lesson.svg) center no-repeat;
	background-size:21px 21px;
	filter: brightness(0.5);
	cursor:pointer;
}

.lessonBtn_special {
	width:34px;
	height:25px;
	background:transparent url(images/class_book/lesson_special.svg) center no-repeat;
	background-size:19px 19px;
	cursor:pointer;
	display: block;
}
.lessonBtn_special:hover{
	width:34px;
	height:25px;
	background:url(images/class_book/lesson_special.svg) center no-repeat;
	background-size:21px 21px;
	filter: brightness(0.5);
	cursor:pointer;
}

.tk_holiday_week .lessonBtn{
	display: none;
}
.blockBtn {
	width:34px;
	height:25px;
	background:transparent url(images/class_book/lock_BTN.svg) center no-repeat;
	background-size: 20px 20px;
	opacity: 0.5;
}
.deleteBtn {
	width:34px;
	height:25px;
	background:transparent url(images/class_book/trash.svg) center no-repeat;
	background-size: 19px 19px;
	cursor:pointer;
}
.tk_week_unlocked tr:not(.tk_hour_locked) .deleteBtn:hover {
	width:34px;
	height:25px;
	background:transparent url(images/class_book/trash_hover.svg) center no-repeat;
	background-size: 21px 21px;
	cursor:pointer;
}
.divideBtn {
	width:34px;
	height:25px;
	background:transparent url(images/class_book/divide.svg) center no-repeat;
	background-size: 19px 19px;
	cursor:pointer;
}
.tk_week_unlocked tr:not(.tk_hour_locked) .divideBtn:hover {
	width:34px;
	height:25px;
	background:transparent url(images/class_book/divide.svg) center no-repeat;
	background-size: 21px 21px;
	cursor:pointer;
}
.day_viewBtn{
	width:20px;
	height:29px;
	background:transparent url(images/class_book/ico_day_view_week.svg) center no-repeat;
	float:right;
	cursor:pointer;
	padding-right:10px;
}
/* today */
.tk_today .tk_substitute{
	background:transparent url(images/class_book/substitute_today.svg) center no-repeat;
}
.tk_today .lessonBtn{
	background:transparent url(images/class_book/lesson.svg) center no-repeat;
	background-size:19px 19px;
}
.tk_today .lessonBtn:hover{
	background:transparent url(images/class_book/lesson.svg) center no-repeat;
	background-size:21px 21px;
	filter: brightness(0.5);
}

.tk_today .lessonBtn_special{
	background:transparent url(images/class_book/lesson_special.svg) center no-repeat;
	background-size:19px 19px;
}
.tk_today .lessonBtn_special:hover{
	background:transparent url(images/class_book/lesson_special.svg) center no-repeat;
	background-size:21px 21px;
	filter: brightness(0.5);
}

.tk_today .deleteBtn{
	background:transparent url(images/class_book/trash.svg) center no-repeat;
	background-size: 19px 19px;
}
.tk_week_unlocked .tk_today tr:not(.tk_hour_locked) .deleteBtn:hover{
	background:transparent url(images/class_book/trash_hover.svg) center no-repeat;
	background-size: 21px 21px;
}
.tk_today .blockBtn{
	background: url(images/class_book/locking_BTN.svg) center no-repeat;
	background-size: 20px;
	margin-right: 5px;
}
/*** zamknuty pohlad tyzdenny moje hodiny tlacidla zamknute***/
.tk_week_locked .deleteBtn,
.tk_hour_locked .deleteBtn,
.tk_week_locked .divideBtn,
.tk_hour_locked .divideBtn{
	cursor: default;
	opacity: 0.5;
}
.tk_week_locked .tk_substitute,
.tk_hour_locked .tk_substitute{
	opacity: 0.5;
}
/*******Nadpis bloku tydenny prehlad****/
.headline_week_title{
	float: left;
}
.headline_week .headline_week_title{
	padding-top: 10px;
}
.name_teacher{
	float:right;
	font-size:16px;
}
.name_teacher>span:nth-child(1),
.name_teacher>span:nth-child(5){
	font-weight:bold;
}
.headline_week_MH .name_teacher{
	padding-top: 5px;
}
.name_teacher_MH{
	display:none;
}
/*********************************************************/
/*********************************************************/
/*********Vyucovacia hodina-zamknuty pohlad***************/
/*********************************************************/
.lock_container_VH,
.lock_visit_container_VH{
	color: #A19362;
	cursor:default !important;
}
.lock_container_VH .icon_clock,
.lock_container_VH .delete_student,
.lock_container_VH .delete_curriculum,
.lock_container_VH .delete_topic,
.lock_container_VH .delete_info,
.lock_container_VH .arrow_down,
.lock_container_VH .delete_visit,
.lock_container_VH .substitute_teacher,
.lock_visit_container_VH .icon_clock,
.lock_visit_container_VH .delete_student,
.lock_visit_container_VH .delete_curriculum,
.lock_visit_container_VH .delete_info,
.lock_visit_container_VH .arrow_down{
	opacity: 0.5;
	cursor: default !important;
}
.lock_visit_container_VH .delete_visit{
	display: none;
}
.lock_container_VH .curriculum,
.lock_container_VH .addinfo_note>div:first-child,
.lock_container_VH .addinfo_activity>div:first-child,
.lock_container_VH .addinfo_room>div:first-child,
.lock_container_VH .visit_name,
.lock_visit_container_VH .curriculum,
.lock_visit_container_VH .addinfo_note>div:first-child,
.lock_visit_container_VH .addinfo_activity>div:first-child,
.lock_visit_container_VH .addinfo_room>div:first-child,
.visit_warning{
	opacity:0.5;
}
.lesson_lock{
	background:transparent url(images/class_book/lock_BTN.svg) center no-repeat;
	background-size: 20px 20px;
	margin-right:17px;
	width:35px;
	height: 28px;
	opacity: 0.5;
	display: none;
}
.lock_container_VH .lesson_lock {
	display: block;
}

.lock_container_VH .curriculum,
.lock_container_VH .addinfo_note>div:first-child,
.lock_container_VH .addinfo_activity>div:first-child,
.lock_container_VH .addinfo_room>div:first-child,
.lock_container_VH .visit_name{
	cursor:default !important;
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.lesson_lock{
		margin-right:6px;
	}
}

/**********************************************************/
/**********************************************************/
/**************Denny prehlad zamknuty**********************/
/**********************************************************/
.mod_classbook .page_day_view .lock_container_DV,
.mod_classbook .page_day_view .absent_students .locked,
.mod_classbook .page_day_view .num_absent_students.locked{
	color: #A19362;
}
.mod_classbook .page_day_view .lock_container_DV .teacher>span,
.mod_classbook .page_week_view_csc .locked .teacher>span{
	opacity:0.5;
}
.mod_classbook .page_week_view_csc .container_day .btn_uni,
.mod_classbook .page_week_view_lc .btn_uni,
.mod_classbook .page_day_view .lock_container_DV .btn_uni,
.mod_classbook .page_week_view_kg .lock_container_DV .btn_uni{
	width:37px;
	height:27px;
	background: url(images/class_book/lesson.svg) center no-repeat;
	background-size: 19px 19px;
	margin: 5px 0px 5px 0px;
	padding: 0;

}
.mod_classbook .page_week_view_csc .container_day .btn_uni:hover,
.mod_classbook .page_week_view_lc .btn_uni:hover,
.mod_classbook .page_day_view .lock_container_DV .btn_uni:hover,
.mod_classbook .page_week_view_kg .lock_container_DV .btn_uni:hover{
	background: url(images/class_book/lesson.svg) center no-repeat;
	background-size: 21px 21px;
	filter: brightness(0.5);
}
.mod_classbook .page_day_view .lock_container_DV .btn_del,
.mod_classbook .page_week_view_kg .lock_container_DV .btn_del,
.mod_classbook .page_week_view_csc .locked .btn_del{
	width:37px;
	height:27px;
	background: url(images/class_book/trash.svg) center no-repeat;
	background-size: 19px 19px;
	opacity: 0.5;
	cursor:default;
	padding:0px !important;
}
.mod_classbook .page_day_view .lock_container_DV .btn_del:hover,
.mod_classbook .page_week_view_kg .lock_container_DV .btn_del:hover,
.mod_classbook .page_week_view_csc .locked .btn_del:hover{
	background: url(images/class_book/trash.svg) center no-repeat;
	background-size: 19px 19px;
}
.mod_classbook .page_day_view .lock_container_DV .btn_divide{
	width:37px;
	height:27px;
	background: url(images/class_book/divide.svg) center no-repeat;
	background-size: 19px 19px;
	opacity: 0.5;
	cursor:default;
	padding:0px !important;

}
.mod_classbook .page_day_view .lock_container_DV .btn_divide:hover{
	background: url(images/class_book/divide.svg) center no-repeat;
	background-size: 19px 19px;
}

.mod_classbook .page_day_view .lock_container_DV .btn_special,
.mod_classbook .page_day_view .lock_container_DV .btn_special:hover{
	background: url(images/class_book/lesson_special.svg) center no-repeat;
}
.mod_classbook .page_week_view_kg .lock_container_DV .btn_special,
.mod_classbook .page_week_view_csc .locked .btn_special{
	width:37px;
	height:27px;
	background: url(images/class_book/lesson_special.svg) center no-repeat;
	background-size: 19px 19px;
	opacity: 0.5;
	cursor:default;
	padding:0px !important;
}
.mod_classbook .page_week_view_kg .lock_container_DV .btn_special:hover,
.mod_classbook .page_week_view_csc .locked .btn_special:hover{
	background: url(images/class_book/lesson_special.svg) center no-repeat;
	background-size: 21px 21px;
}

.mod_classbook .page_day_view .lock_container_DV .lesson_lock{
	display: block;
}
/**********************************************************/
/**********************************************************/
/**************Moje hodiny za den odomknuty pohlad***********/
/**************Hodiny za tyzden MS odomknuty pohlad**********/
/**********************************************************/
.mod_classbook .page_day_view .unlock_container_DV .btn_uni,
.mod_classbook .page_week_view_kg .unlock_container_DV .btn_uni{
	width:37px;
	height:27px;
	background: url(images/class_book/lesson.svg) center center no-repeat;
	background-size: 19px 19px;
}
.mod_classbook .page_day_view .unlock_container_DV .btn_uni:hover,
.mod_classbook .page_week_view_kg .unlock_container_DV .btn_uni:hover{
	background: url(images/class_book/lesson.svg) center center no-repeat;
	background-size: 21px 21px;
	filter: brightness(0.5);
}
.mod_classbook .page_day_view .unlock_container_DV .btn_del,
.mod_classbook .page_week_view_kg .unlock_container_DV .btn_del,
.mod_classbook .page_week_view_csc .unlocked .btn_del,
.mod_classbook .page_week_view_lc .btn_del{
	width:37px;
	height:27px;
	background: url(images/class_book/trash.svg) center center no-repeat;
	background-size: 19px 19px;
	padding:0px !important;
	margin: 5px 0px 5px 0px;
}
.mod_classbook .page_day_view .unlock_container_DV .btn_del:hover,
.mod_classbook .page_week_view_kg .unlock_container_DV .btn_del:hover,
.mod_classbook .page_week_view_csc .unlocked .btn_del:hover,
.mod_classbook .page_week_view_lc .btn_del:hover{
	background: url(images/class_book/trash_hover.svg) center center no-repeat;
	background-size: 21px 21px;
}
.mod_classbook .page_day_view .unlock_container_DV .btn_divide{
	width:37px;
	height:27px;
	background: url(images/class_book/divide.svg) center center no-repeat;
	background-size: 19px 19px;
	padding:0px !important;
	margin: 5px 0px 5px 0px;
}
.mod_classbook .page_day_view .unlock_container_DV .btn_divide:hover{
	background: url(images/class_book/divide.svg) center center no-repeat;
	background-size: 21px 21px;
	filter: brightness(1);
}
.mod_classbook .page_day_view .unlock_container_DV .btn_special,
.mod_classbook .page_week_view_kg .unlock_container_DV .btn_special,
.mod_classbook .page_week_view_csc .unlocked .btn_special,
.mod_classbook .page_week_view_lc .btn_special{
	width:37px;
	height:27px;
	background: url(images/class_book/lesson_special.svg) center center no-repeat;
	background-size: 19px 19px;
	padding:0px !important;
	margin: 5px 0px 5px 0px;
}
.mod_classbook .page_day_view .unlock_container_DV .btn_special:hover,
.mod_classbook .page_week_view_kg .unlock_container_DV .btn_special:hover,
.mod_classbook .page_week_view_csc .unlocked .btn_special:hover,
.mod_classbook .page_week_view_lc .btn_special:hover{
	background: url(images/class_book/lesson_special.svg) center center no-repeat;
	background-size: 21px 21px;
}

/*-----------------------------------------------*/
/*-----------Zameskane hodiny---------------------*/
/*-----------------------------------------------*/
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_classbook .tk_zh_container{
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.mod_classbook .absence_table .tk_linkaHzapis{
		border-top: rgb(156,135,104) 1px dotted;
	}
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_classbook .tk_zh_container{
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.mod_classbook .absence_table .tk_linkaHzapis{
		border-top: rgb(156,135,104) 1px dotted;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	#obj_absence_box {
		padding: 14px;
	}
}
/* Spravy */
.mod_izk .page_archive .grid{
	margin-right: 0px;
}
.mod_izk .page_contacts #archiveButton{
	float: right;
	width: 39px;
	height: 39px;
}
.mod_izk .page_archive #sendMessageButton{
	float: left;
	width: 39px;
	height: 39px;
}
.mod_izk .page_archive #sendMessageButton{
	background: url(images/send_message.svg) center center no-repeat;
}
.mod_izk .page_contacts #archiveButton{
	background: url(images/messages.svg) center center no-repeat;
}
.mod_izk .page_archive #sendMessageButton:hover,
.mod_izk .page_contacts #archiveButton:hover{
	background-size: 39px 39px;
	filter: brightness(0.5);
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_izk .page_contacts #archiveButton{
		margin-top: 2px;
		margin-right: 10px;
	}
	.mod_izk .page_archive #sendMessageButton{
		margin-top: 10px;
		margin-left: 10px;
	}
	.mod_izk .page_archive {
		min-width: 600px;
	}
}

.mod_admin .page_groups .box_mainContent{
	padding-bottom: 0;
}

/* Vseobecne styly pre viacero modulov */
.header_uni .hd_container_uni .tooltip{
	padding-left: 10px;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.header_uni .hd_container_uni .tooltip{
		padding-bottom: 22px;
	}
}
@media all and (max-device-width: 640px),
	(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.header_uni .hd_container_uni .tooltip{
		padding-left: 10px;
	}
}
/* Koniec vseobecne styly pre viacero modulov */

/* ---------------------------------------- */
/* --------------- Sweet alert ------------ */
/* ---------------------------------------- */
.swal2-popup{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
}
.swal2-popup .swal2-content{
	color: rgb(78,63,12);
	font-weight: normal;
}
.swal2-popup button,
.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled.swal2-cancel{
	font-family: 'Ubuntu', sans-serif;
	background-color: #896200 !important;
	border-radius: initial;
	box-shadow: none !important;
}
.swal2-popup button:hover{
	background-color: #b98500;
}
.swal2-container.swal2-shown{
	background-color: rgba(0, 0, 0, 0.6)
}
.swal2-popup .footer_note{
	font-size: 0.8em;
	text-align: right;
}

/* ---------------------------------------- */
/* --------------- Payments --------------- */
/* ---------------------------------------- */
.mod_admin .page_payments #no_payment_message{
	padding: 15px 15px 30px 15px;
}
.mod_admin .page_payments .btn_uni{
	margin: 5px 0px;
	text-decoration: none;
}
.mod_admin .page_payments .grid .grid-bottom{
	display: none;
}
.mod_admin .page_payments .btn_uni.disabledbutton{
	background-color: #A19362;
}
.mod_admin .page_payment_return .btn_uni{
	margin-top: 15px;
	height: 28px;
	font-size: 18px;
	line-height: 25px;
}
.mod_admin .page_payment_return .btn_uni a{
	text-decoration: none;
	color: white;
}
.icon_24pay{
	background: url(images/24pay.png) no-repeat center center;
	width: 61px;
	height: 20px;
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
}
.button_24pay{
	border: none;
	cursor: pointer;
	color: transparent;
	width: 154px;
	height: 50px;
	margin-left: 0px;
}
.icon_card_pay{
	background: url(images/24pay/cardpay.png) no-repeat center center;
	height: 100%;
	width: 100%;
}
.icon_tatra_pay{
	background: url(images/24pay/1001.png) no-repeat center center;
}
.icon_sporo_pay{
	background: url(images/24pay/1002.png) no-repeat center center;
}
.icon_vub_pay{
	background: url(images/24pay/1003.png) no-repeat center center;
}
.icon_sber_pay{
	background: url(images/24pay/1004.png) no-repeat center center;
}
.icon_csob_pay{
	background: url(images/24pay/1005.png) no-repeat center center;
}
.icon_uni_pay{
	background: url(images/24pay/1006.png) no-repeat center center;
}
.icon_post_pay{
	background: url(images/24pay/1007.png) no-repeat center center;
}
.icon_otp_pay{
	background: url(images/24pay/1008.png) no-repeat center center;
}
.icon_viamo{
	background: url(images/24pay/3008.png) no-repeat center center;
}
.icon_other_bank{
	background-color: transparent;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: black;
}
.payment_sumary_row{
	padding: 5px;
}
.payment_sumary_row:nth-child(2n){
	background-color: rgb(243,223,160);
}
.payment_sumary_price{
	font-weight: 500;
	float: right;
}
.payment_sumary_header{
	border-bottom: 2px solid;
	border-bottom-color: rgb(78,63,12);
	padding: 3px 5px;
	font-weight: 500;
}
.payment_sumary_row_final{
	border-top: 2px solid;
	border-top-color: rgb(78,63,12);
}
.payment_sumary_row_final_to_pay{
	font-weight: 500;
	font-size: 22px;
}
.payment_sumary_row_final div{
	padding: 5px;
}
.payment_method_card{
	background-color: rgb(249,239,208);
	margin: 0px 6px 6px 6px;
}
.payment_card_header{
	font-size: 24px;
	padding: 3px;
}
.payment_card div{
	width: 240px;
	height: 112px;
	border: 1px solid rgb(78,63,12);
	background-color: rgb(250,242,217);
	margin-left: 5px;
}
.payment_method_IB{
	background-color: rgb(249,239,208);
	margin: 0px 6px 6px 6px;
}
.payment_IB_header{
	font-size: 24px;
	padding: 3px;
}
.payment_IB{
	display: flex;
	flex-wrap: wrap;
	padding: 20px 22px;
	place-content: left;
}
.payment_IB div{
	padding: 10px;
	border: 1px solid rgb(78,63,12);
	margin: 5px;
	background-color: rgb(250,242,217);
}
.mod_admin .page_payment_summary .header_uni{
	height: 40px;
	background-color: #F3DFA0;
	display: flex;
	align-items: center;
	background: rgb(243,223,160);
	border-bottom: 2px solid #4F3F06;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_admin .page_payments #mixing_payment_message{
		padding-top: 15px;
		font-size: 14px;
	}
	.mod_admin .page_payments #mixing_payment_message>span{
		font-size: 12px;
	}
	.mod_admin .page_payments .tooltip_icon_1{
		margin-top: 1px;
	}
	.mod_admin .page_payments #bulk_payment_top_button{
		margin: 0px;
	}
	.mod_admin .page_payments #bulk_payment_bottom_button{
		margin-top: 20px;
	}
	.payment_sumary{
		margin-top: 15px;
	}
	.payment_IB_header div,
	.payment_card_header div{
		padding-left: 22px;
	}
	.payment_card{
		padding: 20px 22px;
	}
	.mod_admin .page_payment_summary .tooltip{
		padding-bottom: 22px;
		padding-left: 10px;
	}
}
@media all and (max-device-width: 640px),
	(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_admin .page_payments #mixing_payment_message{
		padding: 5px 15px 15px 15px;
		font-size: 14px;
		font-family: "Ubuntu Condensed";
	}
	.mod_admin .page_payments #mixing_payment_message>span{
		font-size: 12px;
	}
	.mod_admin .page_payments .tooltip_icon_1{
		margin-top: -2px;
	}
	.mod_admin .page_payments #bulk_payment_top_button{
		margin: 15px 15px 0px 15px;
	}
	.mod_admin .page_payments #bulk_payment_bottom_button{
		margin: 15px;
	}
	.mod_admin .page_payment_return .box_mainContent > div:nth-child(2){
		padding: 10px 10px 10px 15px;
	}
	.mod_admin .page_payment_return .btn_uni{
		margin-left: 15px;
	}
	.payment_sumary{
		padding: 5px 10px 5px 10px;
		font-family: "Ubuntu Condensed";
	}
	.payment_IB_header div,
	.payment_card_header div{
		padding-left: 12px;
		font-family: "Ubuntu Condensed";
	}
	.payment_card,
	.payment_IB{
		padding: 10px 12px;
	}
	.mod_admin .page_payment_summary .tooltip{
		padding-bottom: 7px;
		padding-left: 5px;
	}
}

/* ---------------------------------------- */
/* ----------- Registration --------------- */
/* ---------------------------------------- */
.mod_app .page_registration .login_inp.required_inp,
.mod_izk .page_registration_hs .login_inp.required_inp,
.mod_izk .page_student_next_year .login_inp.required_inp,
.mod_izk .page_apology .required_inp,
.mod_izk .page_statement .required_inp,
.mod_app .page_questionnaire .login_inp.required_inp{
	background-color: #FFFF9F !important;
}
.mod_app .page_art_registration .full_line_block,
.mod_app .page_registration .full_line_block,
.mod_izk .page_registration_hs .full_line_block,
.mod_app .page_questionnaire .full_line_block{
	width: 100%;
}
.mod_app .page_registration .full_width_textarea,
.mod_app .page_questionnaire .full_width_textarea{
	width: calc(100% - 12px);
	min-height: 48px;
	height: 48px;
	resize: vertical;
	background-color:rgb(255,255,255);
	border-color:rgb(232,213,156);
	border-width:1px;
	border-style:solid;
	font-family:"Ubuntu";
	font-size:14px;
	font-weight:bold;
	color:rgb(77,63,12);
	margin: 5px 0px 10px 0px;
	padding: 0px 5px;
}
.mod_app .page_questionnaire .full_width_textarea{
	font-weight: normal;
	height: 84px;
}
.mod_app .page_questionnaire .text{
	margin-bottom: 30px;
}
.mod_izk .page_registration_hs .condensed > option,
.mod_izk .page_registrations_hs .condensed > option{
	font-family: 'Ubuntu Condensed';
	font-weight: normal;
}
.mod_izk .page_registration_hs .radio label:first-child{
	padding-left: 0px;
}
.mod_izk .page_registration_hs .radio label > input{
	margin: 3px 3px 0px 5px;
	position: static;
}
.page_user_c19_testing .radio .block label{
	display: block;
	padding-bottom: 10px;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_app .page_art_registration .login_title{
		text-align: left;
		font-size: 36px;
	}
	.mod_app .page_registration .login_title,
	.mod_app .page_questionnaire .login_title{
		text-align: left;
		font-size: 32px;
		height: auto;
		line-height: 32px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.mod_app .page_registration .login_title span,
	.mod_app .page_questionnaire .login_title span{
		text-align: left;
		font-size: 24px;
		font-weight: normal;
	}
	.mod_app .page_registration .subtitle,
	.mod_izk .page_registration_hs .subtitle,
	.mod_izk .page_student_next_year .subtitle,
	.page_user_c19_testing .subtitle,
	.mod_izk .page_student_homework .subtitle{
		text-align: left;
		font-size: 20px;
		margin-bottom: 15px;
	}
	.mod_app .page_registration .subtitle_small_margin{
		margin-bottom: 6px;
	}
	.mod_app .page_registration .subtitle2{
		text-align: left;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.mod_app .page_registration .subtitle3{
		font-size: 16px;
	}
	.mod_app .page_art_registration .registration_form,
	.mod_app .page_registration .registration_form,
	.mod_app .page_questionnaire .questionnaire_form{
		margin-top: 55px;
		margin-left: 35px;
		margin-right: 20px;
		font-size: 14px;
	}
	.mod_izk .page_registration_hs .registration_form{
		margin-top: 35px;
		font-size: 14px;
	}
	.mod_app .page_art_registration .div_school_name,
	.mod_app .page_registration .div_school_name,
	.mod_izk .page_registration_hs .div_school_name{
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 16px;
	}
	.mod_izk .page_registration_hs .div_readonly{
		margin-top: 5px;
		font-weight: bold;
		font-size: 16px;
		width: 245px;
	}
	.mod_app .page_art_registration .login_inp,
	.mod_app .page_registration .login_inp,
	.mod_app .page_questionnaire .login_inp{
		text-align: left;
		margin-right: 15px;
		width: 225px;
	}
	.mod_izk .page_registration_hs .login_inp,
	.mod_izk .page_registrations_hs .login_inp,
	.mod_izk .page_student_next_year .login_inp,
	.page_user_c19_testing .login_inp{
		text-align: left;
		margin-right: 15px;
		width: 228px;
	}
	.mod_app .page_art_registration .double_width_inp,
	.mod_app .page_registration .double_width_inp{
		width: 480px !important;
	}
	.mod_izk .page_registration_hs .double_width_inp{
		width: 492px !important;
	}
	.mod_izk .page_registration_hs .select.double_width_inp{
		width: 500px !important;
	}
	.mod_app .page_art_registration .triple_width_inp,
	.mod_app .page_registration .triple_width_inp{
		width: 735px;
	}
	.mod_app .page_art_registration .select,
	.mod_app .page_registration .select{
		width: 237px;
		height: 30px;
		padding: 0px;
	}
	.mod_izk .page_student_next_year .select{
		width: 243px;
		height: 30px;
		padding: 0px;
	}
	.mod_app .page_art_registration .double_width_select{
		width: 492px;
	}
	.mod_app .page_registration .triple_width_multiselect{
		width: 745px;
		height: 126px;
		padding: 0px;
	}
	.mod_app .page_art_registration .approval_check_block,
	.mod_app .page_registration .approval_check_block,
	.mod_izk .page_registration_hs .approval_check_block{
		display: table-row;
		font-size: 12px;
	}
	.mod_app .page_art_registration .approval_check_block span,
	.mod_app .page_registration .approval_check_block span,
	.mod_izk .page_registration_hs .approval_check_block span{
		display: table-cell;
		padding-right: 6px;
		padding-bottom: 8px;
	}
	.mod_app .page_art_registration .full_line,
	.mod_app .page_registration .full_line,
	.mod_izk .page_registration_hs .full_line,
	.mod_izk .page_student_homework .full_line,
	.mod_app .page_questionnaire .full_line{
		border-bottom-color:rgb(78,63,12);
		border-bottom-width:1px;
		border-bottom-style:solid;
		margin: 10px 15px 15px 0px;
	}
	.mod_izk .page_registration_hs .full_line{
		margin: 10px 0px 15px 0px;
	}
	.mod_izk .page_registration_hs .full_line_select,
	.mod_izk .page_registrations_hs .full_line_select{
		width: 100% !important;
	}
	.mod_app .page_art_registration .inline_block,
	.mod_app .page_registration .inline_block,
	.mod_izk .page_registration_hs .inline_block,
	.mod_app .page_questionnaire .inline_block{
		display: inline-block;
		vertical-align: top;
	}
	.mod_app .page_questionnaire .full_line_block.radio{
		margin-bottom: 20px;
	}
	.mod_izk .page_registration_hs .inline_block.readonly{
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.mod_app .page_art_registration .full_line_block > div,
	.mod_app .page_registration .full_line_block > div,
	.mod_app .page_questionnaire .full_line_block > div{
		margin-right: 27px;
	}
	.mod_app .page_questionnaire .full_line_radio > div{
		margin-right: 27px;
	}
	.mod_app .page_art_registration .login_btn,
	.mod_app .page_registration .login_btn,
	.mod_izk .page_registration_hs .login_btn,
	.mod_izk .page_student_next_year .login_btn,
	.page_user_c19_testing .login_btn,
	.mod_app .page_questionnaire .login_btn{
		width: 150px;
	}
	.mod_izk .page_registration_hs .login_btn{
		width: 116px;
	}
	.mod_app .page_art_registration .print_btn,
	.mod_izk .page_art_registration_hs .print_btn{
		margin-left: 10px;
	}
	.mod_app .page_registration_rights #obj_header {
		margin-bottom: 10px;
	}
	.mod_app .page_registration_rights .login_title {
		display: none;
	}
	.mod_app .page_registration_rights .login_content > div {
		margin-top: 55px;
		margin-left: 35px;
		margin-right: 20px;
		font-size: 14px;
	}
	.mod_app .page_registration .radio{
		width: 252px;
	}
	.mod_izk .page_student_next_year .radio{
		width: 255px;
	}
	.mod_app .page_registration .radio div:nth-child(2),
	.mod_app .page_registration .checkboxlist div:nth-child(2){
		margin: 5px 0px 10px 0px;
	}
	.mod_izk .page_registration_hs .radio div:nth-child(2),
	.mod_izk .page_student_next_year .radio div:nth-child(2),
	.mod_app .page_questionnaire .radio div:nth-child(2){
		margin: 8px 0px 7px 0px;
	}
	.mod_app .page_registration .radio label:not(:first-child),
	.mod_izk .page_registration_hs .radio label:not(:first-child),
	.mod_izk .page_student_next_year .radio label:not(:first-child),
	.mod_classbook .page_special_activity .radio label:not(:first-child),
	.mod_app .page_questionnaire .radio label:not(:first-child){
		padding-left: 15px;
	}
	.mod_app .page_registration .checkboxlist label:first-child{
		padding-top: 5px;
	}
	.mod_app .page_registration .checkboxlist label:last-child{
		padding-bottom: 10px;
	}
	.mod_app .page_registration .legal_rep_relation_note{
		width: 700px;
		padding-left: 45px;
		font-size: 13px;
	}
	.mod_app .page_questionnaire .full_line_block .title{
		font-weight: bold;
	}
}

@media all and (max-device-width: 640px),
	(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_app .page_art_registration .login_title{
		text-align: left;
		font-size: 22px;
		height: auto;
		line-height: 36px;
		padding-left: 10px;
	}
	.mod_app .page_registration .login_title,
	.mod_app .page_questionnaire .login_title{
		text-align: left;
		font-size: 22px;
		height: auto;
		line-height: 22px;
		font-weight: bold;
		padding: 6px 10px;
	}
	.mod_app .page_registration .login_title span,
	.mod_app .page_questionnaire .login_title span{
		font-size: 16px;
		font-weight: normal;
	}
	.mod_app .page_registration .subtitle,
	.mod_izk .page_registration_hs .subtitle,
	.mod_izk .page_student_next_year .subtitle,
	.page_user_c19_testing .subtitle{
		text-align: left;
		font-family: "Ubuntu Condensed";
		font-size: 20px;
		margin-bottom: 10px;
	}
	.mod_app .page_registration .subtitle_small_margin{
		margin-bottom: 5px;
	}
	.mod_app .page_registration .subtitle2{
		text-align: left;
		font-family: "Ubuntu Condensed";
		font-size: 16px;
		margin-bottom: 5px;
	}
	.mod_app .page_registration .subtitle3{
		font-family: "Ubuntu Condensed";
		font-size: 16px;
	}
	.mod_app .page_art_registration .registration_form,
	.mod_app .page_registration .registration_form,
	.mod_izk .page_registration_hs .registration_form,
	.mod_izk .page_registrations_hs .registration_form,
	.mod_izk .page_student_next_year .next_year_form,
	.page_user_c19_testing .user_c19_testing_form,
	.mod_app .page_questionnaire .questionnaire_form{	
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 10px;
		font-size: 14px;
		font-family:"Ubuntu Condensed";
	}
	.mod_izk .page_student_next_year .next_year_form{
		padding-bottom: 20px;
	}
	.mod_izk .page_registrations_hs .registration_form{
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.mod_app .page_art_registration .div_school_name,
	.mod_app .page_registration .div_school_name{
		margin: 5px 0px 10px 0px;
		font-weight: bold;
		font-size: 16px;
	}
	.mod_app .page_art_registration .login_inp,
	.mod_app .page_registration .login_inp,
	.mod_izk .page_registration_hs .login_inp,
	.mod_izk .page_registrations_hs .login_inp,
	.mod_izk .page_student_next_year .login_inp,
	.page_user_c19_testing .login_inp,
	.mod_app .page_questionnaire .login_inp{
		text-align: left;
		margin-right: 10px;
		width: 225px;
	}
	.mod_app .page_art_registration .select,
	.mod_app .page_registration .select,
	.mod_izk .page_registration_hs .select,
	.mod_izk .page_registrations_hs .select,
	.mod_izk .page_student_next_year .select{
		width: 237px;
		height: 30px;
		padding: 0px;
	}
	.mod_app .page_art_registration .approval_check_block,
	.mod_app .page_registration .approval_check_block{
		display: table-row;
		font-size: 12px;
	}
	.mod_app .page_art_registration .approval_check_block span,
	.mod_app .page_registration .approval_check_block span{
		display: table-cell;
		padding-right: 6px;
	}
	.mod_app .page_art_registration .full_line,
	.mod_app .page_registration .full_line,
	.mod_izk .page_registration_hs .full_line{
		border-bottom-color:rgb(78,63,12);
		border-bottom-width:1px;
		border-bottom-style:solid;
		margin: 5px 0px 10px 0px;
	}
	.mod_izk .page_registration_hs .full_line_select,
	.mod_izk .page_registrations_hs .full_line_select{
		width: 98% !important;
	}
	.mod_app .page_art_registration .inline_block,
	.mod_app .page_registration .inline_block,
	.mod_izk .page_registration_hs .inline_block,
	.mod_izk .page_registrations_hs .inline_block{
		display: inline-block;
	}
	.mod_app .page_art_registration .login_btn,
	.mod_app .page_registration .login_btn,
	.mod_izk .page_registration_hs .login_btn,
	.mod_izk .page_student_next_year .login_btn,
	.page_user_c19_testing .login_btn{
		width: 120px;
	}
	.mod_app .page_art_registration .print_btn {
		margin-left: 10px;
	}
	.mod_izk .page_registration_hs .send_btn,
	.page_user_c19_testing .send_btn{
		margin-bottom: 30px;
	}
	.mod_app .page_registration_rights #obj_header {
		margin-bottom: 5px;
	}
	.mod_app .page_registration_rights .login_title {
		display: none;
	}
	.mod_app .page_registration_rights .login_content > div {
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 10px;
		font-size: 14px;
		font-family:"Ubuntu Condensed";
	}
	.mod_app .page_registration .radio,
	.mod_izk .page_student_next_year .radio{
		width: 247px;
	}
	.mod_app .page_registration .radio div:nth-child(2),
	.mod_app .page_registration .checkboxlist div:nth-child(2),
	.mod_izk .page_registration_hs .radio div:nth-child(2),
	.mod_izk .page_student_next_year .radio div:nth-child(2),
	.mod_app .page_questionnaire .radio div:nth-child(2){
		margin: 5px 0px 10px 0px;
	}
	.mod_app .page_registration .radio label:not(:first-child),
	.mod_izk .page_registration_hs .radio label:not(:first-child),
	.mod_izk .page_student_next_year .radio label:not(:first-child),
	.mod_classbook .page_special_activity .radio label:not(:first-child),
	.mod_app .page_questionnaire .radio label:not(:first-child){
		padding-left: 10px;
	}
	.mod_app .page_registration .legal_rep_relation_note{
		font-size: 13px;
	}
}

/* Presuny ziakov */
.mod_admin .page_student_transfers .datagrid th:nth-child(3), 
.mod_admin .page_student_transfers .datagrid td:nth-child(3){
	border-right: #8C6900 3px solid;
}
.mod_admin .page_student_transfers .datagrid table th a{
	color:rgb(78,63,12);
	text-decoration: none
}
.mod_admin .page_student_transfers .datagrid table th a:hover{
	color:rgb(140,105,0);
}
.mod_admin .page_student_transfers .datagrid table th .fa{
	display: inline-block;
    width: 9px;
    height: 14px;
    margin-left: 2px;
}
.mod_admin .page_student_transfers .datagrid table th .fa-remove{
    display: none;
}
.mod_admin .page_student_transfers .datagrid table th .fa-sort{
	background: url(images/grid_sort.png) no-repeat;
}
.mod_admin .page_student_transfers .datagrid table th a:hover .fa-sort{
	background: url(images/grid_sort2.png) no-repeat;
}
.mod_admin .page_student_transfers .datagrid table th .fa-caret-up{
	background: url(images/grid_sort_up.png) no-repeat;
}
.mod_admin .page_student_transfers .datagrid table th a:hover .fa-caret-up{
	background: url(images/grid_sort_up2.png) no-repeat;
}
.mod_admin .page_student_transfers .datagrid table th .fa-caret-down{
	background: url(images/grid_sort_down.png) no-repeat;
}
.mod_admin .page_student_transfers .datagrid table th a:hover .fa-caret-down{
	background: url(images/grid_sort_down2.png) no-repeat;
}
.mod_admin .page_student_transfers .datagrid table .datepicker{
		background-color: rgb(255,255,255);
		box-sizing: border-box;
		font-family: "Ubuntu";
		font-size: 16px;
		color: rgb(77,63,12);
		padding: 3px 8px;
		width: 120px;
		text-align:right;
		background: url(images/icon_calendar.svg) no-repeat 4px rgb(249,239,208);
		background-size: 15px 15px;
	}
.mod_admin .page_student_transfers .datagrid table .btn{
	padding: 0px;
}
.mod_admin .page_student_transfers .datagrid table .btn > span{
	display:block;
}
.mod_admin .page_student_transfers .datagrid table .btn-secondary {
    background-color: transparent;
}
.mod_admin .page_student_transfers .datagrid table .btn-secondary:hover {
    background-color: transparent;
}
.mod_admin .page_student_transfers .datagrid table .btn > .fa-pencil{
	width:32px;
	height:25px;
	background:transparent url(images/edit_column.svg) center no-repeat;
	background-size: 22px 22px;
	cursor:pointer;
}
.mod_admin .page_student_transfers .datagrid table .btn > .fa-pencil:hover{
	filter: brightness(60%);
	background-size: 25px 25px;
}
.mod_admin .page_student_transfers .datagrid table .btn > .fa-trash{
	width:32px;
	height:25px;
	background:transparent url(images/class_book/trash.svg) center no-repeat;
	background-size: 19px 19px;
	cursor:pointer;
}
.mod_admin .page_student_transfers .datagrid table .btn > .fa-trash:hover{
	background:transparent url(images/class_book/trash_hover.svg) center no-repeat;
	background-size: 21px 21px;
}
.mod_admin .page_student_transfers .note,
.mod_app .page_covid19 .note,
.mod_izk .page_statements .note{
	margin-top: 15px;
	font-size: 12px;
}
.mod_app .page_covid19 .pdf_link a,
.mod_izk .page_statements .pdf_link a,
.mod_izk .page_registrations_hs .pdf_link a{
	display: table;
	margin-top: 10px;
}
.mod_admin .page_student_transfers .datagrid table th.col-action{
	color: rgba(0,0,0,0);
}
.mod_admin .page_student_transfers .block_uni {
	margin: 0px 6px 6px 6px;
	min-width: 200px;
	background-color: #F9EFD0;
}
	.mod_admin .page_student_transfers .header_uni
	{
		height: 50px;
		background-color: #F3DFA0;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
		.mod_admin .page_student_transfers .hd_container_uni
		{
			height: 32px;
			width: 100%;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
		}
			.mod_admin .page_student_transfers .header_uni .arrow_down
			{
				width: 42px;
				height: 100%;
				border-right: 1px dotted #A08641;
				background: url(images/class_book/arrow_down.svg) no-repeat center center;
				cursor: pointer;
				margin-right: 10px;
			}
.mod_admin .page_student_transfers .content_uni{
	border: none;
}
.mod_admin .page_student_transfers .arrow_down{
	background: url(images/class_book/list_classes.svg) no-repeat center center !important;
}
.mod_admin .page_student_transfers .arrow_down:hover{
	cursor: default;
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_admin .page_student_transfers .studentManagement{
		padding: 0px 22px 30px 22px;
	}
	.mod_admin .page_student_transfers .box_mainContent .studentManagement{
		padding: 0px;
	}
}

@media all and (max-device-width: 640px),
	(orientation:portrait) and (max-device-width: 960px){  /* mobile */
	.mod_admin .page_student_transfers{
		min-width: 640px;
	}
	.mod_admin .page_student_transfers .datagrid{
		font-family:"Ubuntu Condensed";
		font-size: 14px;
		margin-top: 10px;
	}
	.mod_admin .page_student_transfers .datagrid table .btn > .fa-trash{
		width:26px;
	}
	.mod_admin .page_student_transfers .studentManagement{
		padding: 13px 10px;
	}
}

@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_izk .page_my_subject_grades .my_subject_footer{
		display: flex;
		justify-content: center;
		height: auto;
	}
	.mod_izk .page_my_subject_grades .my_subject_footer > div{
		margin: 10px 15px;
	}
}
.mod_izk .page_my_subject_grades .my_subject_footer a{
	text-decoration: none;
}
.mod_izk .page_my_subject_grades .my_subject_footer .btn_uni{
	margin: 0;
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mod_izk .page_my_subject_grades .my_subject_footer{
		display: block;
		height: auto;
		padding: 5px;
		text-align: center;
		font-family: 'Ubuntu Condensed';
	}
	.mod_izk .page_my_subject_grades .my_subject_footer > div{
		margin: 5px;
		display: inline-block;
	}
	.mod_izk .page_my_subject_grades .my_subject_footer .button_separator{
		display: none;
	}
}
.mod_app .page_personal_data .sevt_card .tooltip_icon_1{
	position: relative;
	height: 14px;
	border-bottom: none;
	margin-top: 0px;
	margin-right: 5px;
	float: none;
}

/* ---------------------------------------- */
/* ------------ UBLABOO DATA GRID --------- */
/* ---------------------------------------- */
.datagrid {
	margin-top: 30px;
	padding: 0px;
}
.report_travel_expenses .datagrid,
.report_diet .datagrid,
.report_representation .datagrid,
.report_not_counted .datagrid{
	margin-top: 10px;
}
.datagrid th, .datagrid td {
	width: auto;
	position: static;
}
.datagrid thead th {
    background-color: #F9EFD0;
    border-bottom: #8C6900 3px solid;
}
.datagrid table thead tr th {
    font-size: 90%;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F9EFD0;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: #F3DFA0;
}
.table th, .table td, .table-bordered {
    border: none;
}
.datagrid table thead tr.row-group-actions th {
    background-color: #F9EFD0;
}
.datagrid .btn-xs, .datagrid .btn-group-xs > .btn {
    padding: 0.375rem 0.75rem;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 0px;
}
.btn-secondary {
    color: #fff;
    background-color: rgb(140,105,0);
    border: none;
}
.btn-secondary:hover {
    background-color: rgb(97, 73, 0);
}
.table>thead>tr.row-group-actions>th {
    padding: 5px;
}
.datagrid .datagrid-row-columns-summary td:first-child,
.datagrid .datagrid-row-columns-summary td:last-child{
	border-left: 0px;
	border-right: 0px;
}
.datagrid .datagrid-row-columns-summary td{
    border-top: #8C6900 3px solid;
    border-left: 0px;
    border-right: 0px;
    font-weight: bold;
}

@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.datagrid .btn-xs, .datagrid .btn-group-xs > .btn {
		font-size: 12px;
	}
}

/* ZARADENIE DO SKUPIN */
.mod_admin .page_groups_report .division_name{
	border-top-color:rgba(64,32,0,0.5);
	border-top-width:1px;
	border-top-style:dotted;
	border-bottom-color:rgba(64,32,0,0.5);
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.mod_admin .page_groups_report .division_name>span,
.mod_admin .page_groups_report .group_name{
	font-weight:bold;
}
.mod_admin .page_groups_report .no_group{
	color:rgba(255,0,0,0.8);
}
.mod_admin .page_groups_report .student_names{
	display:inline;
	font-family:'Ubuntu Condensed';
}
.mod_admin .page_groups_report .numVykaz span{
	margin-right:0px;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_admin .page_groups_report .class_name{
		font-size:24px;
		padding-top:18px;
	}
	.mod_admin .page_groups_report .division_name{
		padding-top:6px;
		padding-bottom:6px;
		margin-top:12px;
		margin-bottom:6px;
	}
	.mod_app .page_covid19 .pdf_link,
	.mod_izk .page_statements .pdf_link,
	.mod_izk .page_registrations_hs .pdf_link{
		margin-top: 30px;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mod_admin .page_groups_report #obj_groups_report>div:nth-child(2){
		font-family:'Ubuntu Condensed';
		padding: 0px 15px 15px 15px;
	}
	.mod_admin .page_groups_report .class_name{
		font-size:20px;
		padding-top:12px;
	}
	.mod_admin .page_groups_report .division_name{
		padding-top:4px;
		padding-bottom:4px;
		margin-top:8px;
		margin-bottom:4px;
	}
	.mod_app .page_covid19 .pdf_link,
	.mod_izk .page_statements .pdf_link,
	.mod_izk .page_registrations_hs .pdf_link{
		display: inline-block;
		margin: 20px 10px 15px 10px;
		font-size: 14px;
		font-family:"Ubuntu Condensed";
	}
}
.mod_app .page_covid19 *,
.mod_app .page_covid19 *::before,
.mod_app .page_covid19 *::after,
.mod_app .page_statement *,
.mod_app .page_statement *::before,
.mod_app .page_statement *::after{
    box-sizing: content-box;
}
.mod_app .page_covid19 .datagrid table .btn{
	padding: 0px;
}
.mod_app .page_covid19 .datagrid table .btn-sm{
    padding: 3px 6px;
    border-radius: 0;
}
.mod_app .page_covid19 .datagrid table .btn > span{
	display:block;
}
.mod_app .page_covid19 .add_statement a{
	text-decoration: none;
}
.mod_app .page_covid19 .add_statement div{
	display: inline-block;
	background-color:#896200;
	width:40px;
	height:30px;
	font-size:28px;
	line-height:26px;
	color:white;
	text-align:center;
	cursor: pointer;
}
.mod_app .page_covid19 .add_statement div:hover{
	background-color:#b98500;
}
.mod_app .page_covid19 .datagrid table th.col-action{
	color: rgba(0,0,0,0);
}
.mod_app .page_covid19 .datagrid .col-filenames .btn{
	padding: 0px;
}
.mod_app .page_covid19 .datagrid .col-filenames .btn > span{
    width: 25px;
    height: 25px;
    background: url(images/file.svg) center no-repeat;
       background-size: auto;
    background-size: 22px 22px;
    cursor: pointer;
}
.mod_app .page_covid19 .datagrid .col-filenames .btn > span:hover{
	filter: brightness(60%);
	background-size: 25px 25px;
}
.mod_app .page_statement_choice .sbj_choice_class{
	height: auto;
}
.mod_app .page_statement{
	font-size: 16px;
	line-height: normal;
}
.mod_app .page_statement .statement_container .edit_statement span.subtitle{
	display: block;
	font-size: 13px;
	line-height: 20px;
}
.mod_app .page_statement .inline_block{
		display: inline-block;
		vertical-align: top;
}
.mod_app .page_statement .statement_container .edit_statement .statement_date{
	background-color: rgb(255,255,255);
	box-sizing: border-box;
	border:1px solid rgb(232,213,156);
	font-family: "Ubuntu";
	font-size: 16px;
	color: rgb(77,63,12);
	margin-right: 50px;
	padding: 3px 8px;
	width: 120px;
	text-align:right;
	background: url(images/icon_calendar.svg) no-repeat 4px rgb(249,239,208);
	background-size: 15px 15px;
}
.mod_app .page_statement .radio {
	padding-top: 10px;
	margin: 0px;
}
.mod_app .page_statement .radio .block label {
	display: block;
	padding-bottom: 10px;
}
.mod_app .page_statement .radio .block input {
	margin-right: 10px;
}
.mod_app .page_statement .statement_container .edit_statement .textarea{
	background-color: rgb(255,255,255);
	box-sizing: border-box;
	border:1px solid rgb(232,213,156);
	font-family: "Ubuntu";
	font-size: 16px;
	color: rgb(77,63,12);
	padding: 3px 8px;
	width: 100%;
	resize: vertical;
}
.mod_app .page_statement .statement_container .edit_statement > div.attachment_note{
	padding: 0px;
	font-size: 12px;
}
.mod_app .page_statement .verifyEmail_btn{
	margin-left: 0px;
}
.mod_app .page_statement .homework_mssg{
	font-family: "Ubuntu";
	text-align: left;
	margin-top: 0px;
}
@media all and (min-device-width: 641px) and (orientation:landscape),
(min-device-width: 961px) { /* desktop */
	.mod_app .page_covid19 .datagrid{
		margin-top: 20px;
	}
	.mod_app .page_statement .statement_container .edit_statement > div{
		padding: 10px 0px;
	}
}
@media all and (max-device-width: 640px),
(orientation:portrait) and (max-device-width: 960px){ /* mobile */
	.mod_app .page_covid19 .add_statement div{
		margin: 10px 10px 0px 10px;
		font-size:22px;
		line-height:22px;
	}
	.mod_app .page_covid19 .datagrid{
		font-family:"Ubuntu Condensed";
		font-size: 14px;
		margin-top: 10px;
	}
	.mod_app .page_statement_choice .sbj_choice_class{
		font-size: 16px;
		white-space: normal;
		display: block;
	}
	.mod_app .page_statement .statement_container .edit_statement{
		padding: 10px 14px 10px 14px;
	}
	.mod_app .page_statement .statement_container .edit_statement > div{
		padding: 5px 0px;
	}
	.mod_app .page_statement .homework_mssg{
		font-family: "Ubuntu Condensed";
	}
}
.download_button {
	width:34px;
	height:25px;
	background:transparent url(images/download.svg) center no-repeat;
	background-size:19px 19px;
	cursor:pointer;
	display: inline-block;
	border-bottom: none !important;
}
.download_button:hover{
	width:34px;
	height:25px;
	background:url(images/download.svg) center no-repeat;
	background-size:21px 21px;
	filter: brightness(0.5);
	cursor:pointer;
}
/* ----------------------------------------------------------- */
/* ----------- Custom Doka image editor styles --------------- */
/* ----------------------------------------------------------- */
.DokaRoot .DokaNavGroup:first-of-type button:first-of-type{
	background-color: rgb(178,0,0);
}
.DokaRoot .DokaNavGroup:first-of-type button:first-of-type:hover{
	background-color: rgb(230,0,0) !important;
}
.DokaRoot .DokaNavGroup:first-of-type button:first-of-type svg{
	color: white;
	width: 20px;
}
/* hide Stickers in annotate tab because it's default visible and empty */
.DokaUtilFooter .DokaControlList li:last-child{
	display: none;
}