#adminznamkyform .categories, .vyhodnoteniaEditor .menu, .nastaveniaDlg .categories {
	float: left;
	width: 150px;
	border-right: 1px solid #CBDAE8;
	margin-right: -1px;
	padding: 0;	
}

.vyhodnoteniaEditor .menu {
	position: relative;
	left: -1px;
	margin-top: -1px;
	overflow-y: auto;
	overflow-x: hidden;

	/*background-color: #fff;*/	
}

#adminznamkyform .categories li, .nastaveniaDlg .categories li, .vyhodnoteniaEditor .menu li {
	padding: 0;
	margin: 0;
	height: 28px;	
}

#adminznamkyform .categories li a, .nastaveniaDlg .categories li a, .vyhodnoteniaEditor .menu li a {
	display: inline-block;
	padding: 6px 5px;
	width: 140px;	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
	border-bottom: 1px solid #CBDAE8;
} 

#adminznamkyform .categories li a:hover,.nastaveniaDlg .categories li a:hover, .vyhodnoteniaEditor .menu li a:hover {
	text-decoration: none;
	background-color: #E0F0FF;	
}
#adminznamkyform .categories li a.selected, .nastaveniaDlg .categories li a.selected, .vyhodnoteniaEditor .menu li a.selected {
	background-color: #CBDAE8;
}

#adminznamkyform .categoryContent, .nastaveniaDlg .categoryContent {	
	margin-left: 150px;
	border-left: 1px solid #CBDAE8;	
	padding: 1px 0;
}

#adminznamkyform .categoryContent ul.structured {
	padding: 0 10px;
}

#adminznamkyform .znamkovanieTable td, #adminznamkyform .znamkovanieTable th {	
	border-bottom: 1px solid #CBDAE8;
	border-right: 1px solid #CBDAE8;
	padding: 3px;	
}
#adminznamkyform .znamkovanieTable th {
	font-weight: bold;
	background-color: #E0F0FF;
}

#adminznamkyform .znamkovanieTable td:last-child, #adminznamkyform .znamkovanieTable th:last-child {
	border-right: 0px solid #CBDAE8;
}

.categoryContent .barDialogRow {
	border-bottom: 0;
}
.categoryContent .barDialogRow .label {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #CBDAE8;
	padding: 5px;
}

.categoryContent .barDialogRow .value {
	display: block;
	width: 100%;
	box-sizing: border-box;	
	border-bottom: 1px dashed #CBDAE8;
	padding: 5px;
}

.vyhodnoteniaEditor .vyhodnotenieContent {
	margin-left: 150px;
	border-left: 1px solid #CBDAE8;
}

.vyhodnoteniaEditor .fieldList td {
	padding: 10px 10px;
	border-bottom: 1px dashed #d6d6d6;	
}

.vyhodnoteniaEditor .fieldList td input {
	padding: 5px 3px;
	box-sizing: border-box;
	width: 100% !important;;
}
.vyhodnoteniaEditor .hodnotyTable {
	width: 100%;
}

.vyhodnoteniaEditor .hodnotyTable th {
	background-color: #546E7A;
	color: #fff;
	padding: 5px;
}
.vyhodnoteniaEditor .hodnotyTable td {
	padding: 0;	
	border: 1px solid #d6d6d6;
}

.vyhodnoteniaEditor .hodnotyTable td input {
	margin: 0;
	display: block;
	border: 0;
	padding: 5px 3px;
}

.vyhodnoteniaEditor .fieldList input.modified {
	background-color: #ceffc8; 
}


/* ===================kompetencie ======================== */

.kompetencieEditor .listElem {
	position: fixed;
	left: 143px;
	height: 100%;
	top: 0;	
	width: 150px;
	
	background-color: #F6F7F9;
	
	border-right: 1px solid #D6D6D6;
	z-index:1;
}

.kompetencieEditor .listElem .scrollerDiv {
	overflow: hidden;
}
.kompetencieEditor .listElem .scrollerDiv:hover {
	overflow-y: auto;
}
.kompetencieEditor.pohlad_kompetencia .listElem {
	width: 200px;
}

.kompetencieEditor .listElem ul.leftList {
	
}

.kompetencieEditor .listElem ul.leftList li {
	padding: 5px;
	border-bottom: 1px solid #d6d6d6;
	cursor: pointer;
}

.kompetencieEditor .listElem ul.leftList li .title, .kompetencieEditor .listElem ul.leftList li .subtitle {
	overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis;
}

.kompetencieEditor .listElem ul.leftList li .subtitle {
	font-size: 10px;
	font-weight: normal;
}

.kompetencieEditor .listElem ul.leftList li:hover {
	background-color: #fefefe;
}
	

.kompetencieEditor .listElem ul.leftList li.selected {
	background-color: #fff;	
	font-weight: bold;
}

.kompetencieEditor .contentElem, .kompetencieEditor .statsElem {
	margin-left: 151px;	
	/*border-right: 1px solid #d6d6d6;*/		
}
.kompetencieEditor.pohlad_kompetencia .contentElem, .kompetencieEditor.pohlad_kompetencia .statsElem {
	margin-left: 201px;
}

.kompetencieEditor .kompetencieTable > li {
	position: relative;
	border-bottom: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	margin-right: -1px;	
}
.kompetencieEditor .kompetencieTable > li.header {
	background-color: #fff !important;
	background-image: none !important;
	border: 0;
	border-bottom: 2px solid #000;	
}

.kompetencieEditor .kompetencieTable > li.header .header {
	background-color: #fff !important;
}
.kompetencieEditor .kompetencieTable > li.header ul {
	background-image: none !important;
}
.kompetencieEditor .kompetencieTitle {		
	padding: 25px 5px 5px 5px;	
	height: 20px;
	border-bottom: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;	
	margin-right: -1px;
	margin-top: -2px;
	position: relative;
	z-index:0;	
	font-weight: bold;
}


.kompetencieEditor .kompetencieTitle h3 {
	margin: 0;	
	padding: 0;
	font-size: 14px;
	font-weight: bold;	
	color: inherit;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}

.kompetencieEditor .kompetencieContentTitle {
	padding: 20px 15px 20px 15px;
	
	box-sizing: border-box;
	background-color: #fff;
	margin-right: -1px;	
}
.kompetencieEditor .kompetencieContentTitle h3 {
	font-size: 26px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


.kompetencieEditor.pohlad_kompetencia .kompetencieContentTitle h3 {
	font-size: 20px;
	font-weight: bold;	
}
.kompetencieEditor.pohlad_kompetencia .kompetencieContentTitle h3
.kompetencieEditor .kompetencieTitle span {
	display: block;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.kompetencieEditor .groupTitle {
	background-color: #fff;/*9fafc;*/
	padding: 15px 5px 10px 5px;
	border-right: 0 !important;	
}

.kompetencieEditor .groupTitle .title {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
	margin: 0;
	display: inline-block;
	max-width: 90%;
	min-width: 200px;
	box-sizing: border-box;
}

.kompetencieEditor .kdropDownBtn {
	background: url('/global/pics/bar/img/arrow-down.png') no-repeat center center;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}
.kompetencieEditor .groupTitle .kdropDownBtn {
	top: 8px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}


.kompetencieEditor .kompetencieTable > li.header li {
	padding: 5px 5px;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	position: relative;
	
}
.kompetencieEditor .kompetencieTable > li.header li b {
	font-size: 12px;
}

.kompetencieEditor .kompetencieTable > li.header li .remDatumBtn {	
	position: absolute;
	right: 5px;
	top: 5px;
	width: 18px;
	height: 18px;
	background: url('/znamky/pics/ic_delete_black_18dp.png') center center no-repeat;
	cursor: pointer;
	display: none;
	opacity: 0.4;
}
.kompetencieEditor .kompetencieTable > li.header li .remDatumBtn:hover {
	opacity: 1;
}
.kompetencieEditor .kompetencieTable > li.header li:hover .remDatumBtn  {
	display: block;
}

.kompetencieEditor .kompetenciaRow {		
	background-repeat: repeat-y;	
	/*background-image: url('/znamky/pics/kompetencieBg.svg');*/
	background-position: 0 0;
	white-space: nowrap;
}

.kompetencieEditor .kompetenciaRow .kompetenciaRowFixedCellBg {
	background-color: #fff;
	position: absolute !important;
	z-index: 1;
	left: 0;
	top: 0;
	bottom: 0;
	width: 300px;
	border-right: 1px solid #d6d6d6;
}
.kompetencieEditor .kompetenciaRow.header .kompetenciaRowFixedCellBg {
    border-right: 0;
    background-color: #fff !important;
}


.kompetencieEditor .kompetenciaRow.priemerRow .kompetenciaRowFixedCellBg {
	 background-color: inherit !important;
}
  
.kompetencieEditor.pohlad_kompetencia .kompetenciaRow  .kompetenciaRowFixedCellBg {
	width: 170px;
}

.kompetencieEditor .fixedCell {	
	position: relative;
	z-index: 2;
}

.kompetencieEditor.pohlad_kompetencia .kompetenciaRow {			
	/*background-image: url('/znamky/pics/kompetencieBg2.svg');	*/
}

.kompetencieEditor.checkboxesVisible .kompetenciaRow {
	/*background-position: 30px 0;*/
}

.kompetencieEditor .kompetenciaRow:hover {
	background-color: #FFF9DB;
}
.kompetencieEditor .kompetenciaRow:hover .kompetenciaRowFixedCellBg {
	background-color: inherit;
}


.kompetencieEditor .kompetenciaRow > li {
	display: inline-block;
	vertical-align: top;
	width: 300px;	
	white-space: normal;
}

.kompetencieEditor.pohlad_kompetencia .kompetenciaRow > li {
	width: 170px;
}
.kompetencieEditor .kompetenciaRow > li.handle {
	width: 10px;	
	min-height: 25px;
	position: absolute;
	top: 0;
	bottom:0;
	cursor: move;
	background: #e3e4e6 url('/znamky/pics/move.png') center center no-repeat;	
	border-right: 1px solid #d6d6d6;
}
.kompetencieEditor .kompetenciaRow > li.handle.readonly {
	background: #e3e4e6;
	cursor: default;
}
.kompetencieEditor .kompetenciaRow > li > .kompetenciaField {
	display: inline-block;
	border: 0;	
	width: 276px;
	padding: 5px 7px 5px 7px;
	margin-left: 11px;	
	min-height: 15px;
}
.kompetencieEditor .kompetenciaRow > li > .kompetenciaField b {
	font-size: 14px;
}

.kompetencieEditor.checkboxesVisible .kompetenciaRow > li {
	width: 270px;
}
.kompetencieEditor.checkboxesVisible .kompetenciaRow > li > .kompetenciaField {
	width: 256px;
	margin-left: 0;
}

.kompetencieEditor.checkboxesVisible .kompetenciaRow > li.handle {
	display: none;
}

.kompetencieEditor .kompetenciaRow > li > .kompetenciaStudentPriezvisko {
	display: inline-block;
	padding: 5px 0px 5px 15px;
	font-size: 14px;
}

.kompetencieEditor .kompetenciaRow > li > .kompetenciaStudentMeno {
	display: inline-block;
	padding: 0 5px 0 15px;	
}

.kompetencieEditor .kompetenciaRow > li .kompetenciaStudentField {	
	border: 0;	
	
	padding: 5px 7px;	
}

.kompetencieEditor .kompetenciaRow > li:hover [contenteditable=true]:empty:not(:focus):before {
	content:attr(data-ph);
	color: #aaa;
}

.kompetencieEditor .kompetenciaRow .kompetenciaField[contenteditable=true]:empty:not(:focus):before {
	content:attr(data-ph);
	color: #aaa;
}
.kompetencieEditor .kompetenciaRow > li.kompetenciaCheck {
	width: 30px;
	padding-top: 3px;
	text-align: left;	
	display: none;
}

.kompetencieEditor.checkboxesVisible .kompetenciaRow > li.kompetenciaCheck {
	display: inline-block;
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaCheck input {
	vertical-align: middle;
}
.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie {
	width: 249px;
	margin-left: 1px;	
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie.podpisaneStudent {
	background: url('/znamky/pics/znsigned3.png') top right no-repeat;		
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie.podpisaneRodic {
	background: url('/znamky/pics/znsigned_rodic.png') top right no-repeat;		
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie.previous {
	opacity: 1;	
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie.future {
	opacity: 0.6;	
}


.kompetencieEditor .kompetenciaRow > li .userHodnotenie {
	/*border-bottom: 1px solid #d6d6d6;*/
	/*border-top: 1px solid #d6d6d6;*/
	margin-bottom: -1px;
	position: relative;	
	
	margin-top: -1px;
	overflow: hidden;
}
.kompetencieEditor .kompetenciaRow > li .userHodnotenie.priemerUcitelov {
	background-color: rgba(200,200,200,0.2);

	margin: 0;
}

.kompetencieEditor .kompetenciaRow > li .userHodnotenieTitle {
	font-size: 11px;	
	padding: 8px 3px 8px 7px;
	/*background-color: rgba(227,228,230,0.7);*/
	text-align :left;
	position: absolute;
	left: 0;
	top: 0;
	height: 13px;
	width: 100px;	
	/*border: 1px solid #d6d6d6;*/
	margin-left: -1px;
	margin-top: -1px;	
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.kompetencieEditor .uzkeStlpce .kompetenciaRow > li .userHodnotenieTitle {
	display: none;
}
.kompetencieEditor .hierarchicalView .textonly {
	/*border-bottom: 2px solid #d6d6d6;*/
}
.kompetencieEditor .textonly .kompetenciaRow > li .userHodnotenieTitle {
	display: block;
	position: relative;	
	width: 100px;
	margin: -1px;
	margin-right: 5px;
	padding: 2px 5px;
	
}

.kompetencieEditor .kompetenciaRow > li .poznamkaHodnotenie .userHodnotenieTitle {
	display: block;	
	position: relative;
	text-align: right;		
	background-color: transparent !important;	
	padding: 2px 2px;
	border: 0;
	width: auto;
	font-weight: bold;	
}


.kompetencieEditor .kompetencieTable  > li .kompetenciaRow.priemerRow > li .userHodnotenieTitle {	
	background-color: transparent;
}

.kompetencieEditor .kompetenciaRow > li .userHodnotenie.poznamkaHodnotenie:last-child {
	border-bottom: 0;
}
	

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie .raty {
	padding: 5px;
	display: block;
	text-align: right;	
}

.kompetenciaStudentField.raty .znInput.znRatyEdit {
	border: 1px solid #d6d6d6 !important;
	padding: 3px 4px !important;
	background-color: #fff;
}
.kompetenciaStudentField.raty .znInput.znRatyEdit:hover {	
	box-shadow: none;
}  

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie:hover .raty.ucitel.editable {
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));		
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie .poznamka {
	text-align:left;	
	font-size: 11px;
	padding: 5px 7px;
	word-wrap: break-word;
	display:block;
	width: auto;
	min-height: 15px;
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie:hover .poznamka[contenteditable],
.kompetencieEditor .poznamka[contenteditable]:focus {
	/*-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.4);*/
	/*background-color: #fff7cc;*/
	outline: 1px solid #90CAF9;
	outline-offset: -1px;
}

.kompetencieEditor .kompetencia.textonly .kompetenciaRow > li.kompetenciaHodnotenie .poznamka {
	font-size: 12px;	
}

.kompetencieEditor .kompetenciaRow > li.kompetenciaHodnotenie .priemer {
	display:inline-block;
	vertical-align: middle;	
	position: absolute;
	right: 5px;
	top: 7px;
}

.kompetencieEditor .kompetenciaRow > li.modified > .userHodnotenie.ucitel {
	background-color: rgba(226,255,226,0.6);
}

.kompetencieEditor .kompetencieActions {
	background-color: #Ffffff;
	border-bottom: 0px solid #d6d6d6;
	margin-right: -1px;
	padding: 10px 15px;
}

.kompetencieEditor .kompetencieActions > a {
	display: inline-block;
}


ul.kompetencieSettingsDatumy {
	margin: 0 10px;
}

ul.kompetencieSettingsDatumy li {
	padding: 3px;
} 
ul.kompetencieSettingsDatumy li .removeRowBtn {
	cursor: pointer;
}

.kompetencieEditor .kompetenciaRow.priemerRow {
	background-color: #f5f5f5;
	border-top: 2px solid #000 !important;
	margin-top: -1px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*border-bottom: 2px solid #000 !important;*/
	
	/*background-color: #dfdfdf;*/
}

.kompetencieEditor .kompetenciaRow.priemerRow.groupPriemerRow {
	padding-top: 0;
	padding-bottom: 0;
	border-top: 1px solid #ddd !important;
}

.kompetencieEditor .kompetenciaRow.priemerRow >li {
	position: relative;
}

/*.kompetencieEditor .kompetencieStudentHodnotenie {
	border-top: 1px solid #d6d6d6;
}*/

.kompetencieEditor .kompetenciaRow {
	position: relative;
}
.kompetencieEditor .kompetenciaNazov .kompetenciaActions {
	position: absolute;
	left: 250px;
	bottom: 0;
	padding: 4px;
	opacity: 0.8;	
	display: none;
}
.kompetencieEditor .kompetenciaNazov .kompetenciaActions a {
	cursor: pointer;
}

.kompetencieEditor .kompetenciaRow:hover .kompetenciaActions {
	display: block;
}

.kompetencieEditor .statsElem {	
	/*border-top: 1px solid #175455;*/
	
	background-color: #fff;
}

.kompetencieEditor .statsElem h2.title {
	text-transform: uppercase;	
	padding: 10px;
	margin: 0;	
	font-weight: bold;
	font-size: 25px;
}

.kompetencieEditor .statsSeparator {
	height: 20px;
}

.kompetencieEditor .statsElem h2.title::first-letter {
	font-size: 130%;
}

.kompetencieEditor .statsElem .statsChart {
	display: inline-block;
	width: 40%;
	min-width: 300px;
	height: 300px;
	vertical-align: top;
}
.kompetencieEditor .statsElem .statsChart .emptyChart {
	text-align: center;
	padding: 40px;
	color: #bbb;	
}

.kompetencieEditor .statsFilter {
	background-color: #F6F7F9;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	padding: 10px 15px;
	margin: 0;
}
.kompetencieEditor .statsFilter .statSelect {
	display: inline-block;
	vertical-align: top;	
}

.kompetencieEditor .statsFilter .statSelect span {
	display: block;
	font-size: 10px;
}

.kompetencieEditor .statsFilter .statSelect select {
	min-width: 200px;
	padding: 4px 4px;
}

/* ======================== kompetencie viewer =====================*/
.kompetencieViewer .kompetenciePredmetyList > li {
	padding: 0;	
}

.kompetencieViewer .kompetenciePredmetyList > li.notEvaluated {
	/*background-color: #F1F6EF;*/
	opacity: 0.5;
}
.kompetencieViewer .kompetenciePredmetyList > li  h3 {
	font-weight: bold;
	font-size: 24px;
	padding: 0;
	padding-top: 3px;
	margin: 0;
}

.kompetencieViewer .kompetenciePredmetyList > li h3 a {
	cursor: pointer;
}

.kompetencieViewer .kompetenciePredmetyList > li  h3 img {
	width: 25px;height:25px;
	vertical-align: middle;
	margin-right: 15px;
}

.kompetencieViewer .kompetenciePredmetyList > li.notEvaluated a.predmetToggleBtn img {
	visibility: hidden;
}

.kompetencieViewer .kompetenciePredmetyList > li > ul.kompetencieList > li {
	margin: 0 0 0 34px;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	position: relative;
}
.kompetencieViewer .kompetenciePredmetyList > li > ul.kompetencieList > li > .handle {
	display: none;
	width: 0px;
	padding: 5px;
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;	
	
}
.kompetencieViewer .kompetenciePredmetyList > li > ul.kompetencieList > li:hover {
	background-color: #FFF9DB;
}
.kompetencieViewer li.groupTitle {
	background-color: #fff;
    padding: 15px 5px 10px 5px !important;
    border-right: 0 !important;
    border-left: 0 !important;
}
.kompetencieViewer li.groupTitle span.title {
	font-size: 16px;
    font-weight: bold;
    padding: 10px 10px 5px 10px;
    margin: 0;
    display: block;
    max-width: 100%;
    min-width: 300px;
    box-sizing: border-box;
}
.kompetencieViewer ul.kompetenciaRow {
	margin: 0;
	padding: 0;	
}
.kompetencieViewer ul.kompetenciaRow > li {
	display: inline-block;
	width: 290px;	
	vertical-align: top;
	padding: 10px 5px;
	overflow: hidden;
}
.kompetencieViewer ul.kompetenciaRow > li.kompetenciaHodnotenie {
	width: 249px;
	margin-left: 1px;	
	padding: 5px 0;
	margin-bottom: -1px;
}

.kompetencieViewer .raty, .kompetencieViewer .sebaHodnotenieZakazane {
	display: block;
	text-align: right;	
	padding: 5px;
}

.kompetencieViewer .sebaHodnotenieZakazane {
	display: block;
	padding: 7px 5px;
	
	font-size: 11px;
	opacity: 0.5;
}

.kompetencieViewer li.kompetenciaHodnotenie:hover .editable .raty {
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));		
}


.kompetencieViewer .kompetenciaRow > li .userHodnotenie {	
	position: relative;	
}


.kompetencieViewer .kompetenciaRow > li .userHodnotenieTitle {
	font-size: 10px;	
	padding: 5px 5px;	
	position: absolute;
	left: 0;
	top: 0;
	height: 19px;
	width: 100px;			
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	padding: 7px 5px;	
	height: 29px;
	box-sizing: border-box;
}
.kompetencieViewer .textonly .kompetenciaRow > li .userHodnotenieTitle {
	display: block;	
	position: relative;
	width: 100px;
	margin: -1px;
	padding: 2px 5px;
	height: auto;		
}


.kompetencieViewer .kompetenciaRow > li .poznamkaHodnotenie .userHodnotenieTitle {
	display: block;	
	position: relative;
	text-align: right;		
	background-color: transparent !important;	
	padding: 2px 5px;
	border: 0;
	width: auto;
	font-weight: bold;	
}

.kompetencieViewer .kompetenciaRow > li .userHodnotenie.poznamkaHodnotenie:last-child {
	border-bottom: 0;
}


.kompetencieViewer .kompetenciaRow > li .userHodnotenie.editable {
	background-color: #FFEBEE;
}
.kompetencieViewer .kompetenciaRow > li .userHodnotenie.editable .userHodnotenieTitle {	
	font-weight: bold;
	color: #B71C1C;	
}

.kompetencieViewer .kompetenciaRow > li .userHodnotenie.editable.vyplnene {
	background-color: #E8F5E9;
}
.kompetencieViewer .kompetenciaRow > li .userHodnotenie.editable.vyplnene .userHodnotenieTitle {	
	font-weight: bold;
	color: #2E7D32;	
}

.kompetencieViewer ul.kompetenciaRow > li.kompetenciaHodnotenie .poznamka {
	display: block;
	text-align:left;	
	font-size: 11px;
	padding: 5px;
}
.kompetencieViewer .textonly ul.kompetenciaRow > li.kompetenciaHodnotenie .poznamka  {
	font-size: 12px;
	border-top: 0;
}
.kompetencieViewer .kompetenciaRow > li.kompetenciaHodnotenie:hover .poznamka[contenteditable] {
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.4);
	background-color: #fff7cc;
}
.kompetencieViewer .kompetenciaRow {		
	background-repeat: repeat-y;		
	background-position: 0 0;
}
.kompetencieViewer .kompetenciaRow.predmetRow {
	background-position: 40px 0;
	
	border-bottom: 1px solid #d6d6d6;		
}
.kompetencieViewer .kompetenciaRow.predmetPriemerRow {
	background-position: 5px 0;
	margin: 0 0 0 34px;
	padding: 0 0 0 5px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;		
	background-color: #f6f7f9;
	position:relative;
	top: -1px;	
}
.kompetencieViewer .kompetenciaRow.predmetRow.expanded {
	border-bottom: 2px solid #009688;
	padding-top: 20px;
	background: none !important;
}


.kompetencieViewer .kompetenciaRow.predmetRow .kompetenciaHodnoteniePriemer {
	display: inline-block;
}

.kompetencieViewer .kompetenciaRow.predmetRow.expanded .kompetenciaHodnoteniePriemer {
	display:  none;
}

.kompetencieViewer .kompetenciaRow.predmetRow .kompetenciaHodnotenieHeader {
	display:  none;
}
.kompetencieViewer .kompetenciaRow.predmetRow.expanded .kompetenciaHodnotenieHeader {
	display:  inline-block;
}

.kompetencieViewer .kompetenciaRow.predmetRow.expanded .predmetTitle {
	
}
.kompetencieViewer .kompetenciaRow.predmetRow > li:first-child {
	width: 330px;
} 
.kompetencieViewer .kompetenciaRow.predmetRow .oznamPrazdne {
	padding: 10px 5px 0 5px;
}

.kompetencieViewer .kompetenciaRow.predmetRow.headerRow {
	background-color: #fff !important;	
	margin-top: 0;	
	border-bottom: 1px solid #d6d6d6;
	text-transform: uppercase;	
	background-image: none !important;
}


.kompetencieViewer .kompetenciaRow.predmetRow li.kompetenciaHodnotenieHeader {	
	text-align: center;	
	width: 239px;
	padding: 30px 0 5px 0;
	font-size: 14px;
	
}	
.kompetencieViewer .kompetenciaRow > li:hover [contenteditable=true]:empty:not(:focus):before {
	content:attr(data-ph);
	color: #aaa;
}

.kompetencieViewer .kompetenciePopis {
	margin: 20px 0;
	border-top: 1px solid #d6d6d6;
	padding: 15px;
}

.kompetencieViewer .kompetenciaRow > li.modified .userHodnotenie.editable {
	background-color: rgba(226,255,226,0.6);
}

.kompetencieViewer .priemerHodnotenie {
	display: inline-block;
	vertical-align: middle;	
}


.kompetencieViewer .chybaSebaHodnotenie {
	text-align: center;	
	font-size: 10px;	
	font-weight: normal;
	color: #D50000;
	background-color: #FFEBEE;
	
	padding: 2px 5px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	left: 110px;
	border: 0;
	bottom: 0;
	z-index: 1;
	overflow: hidden;
}



/*==================== kompetencieTemaSelector ================================ */

.kompetencieTemaSelector ul.celky > li {
	display: block;
	padding: 4px;	
}

.kompetencieTemaSelector ul.temy > li {
	padding: 4px 4px 4px 30px;
}

.inline-list-w150p-tl li {
	display: inline-block;
	width: 170px;
	padding: 3px;
	border-bottom: 1px dashed #CBDAE8;
}
table.znamkyTableWithInputs tr td {
	padding: 0;
}
.znamkyTableWithInputs input, .znamkyTableWithInputs select {
	width: 100%;
	box-sizing:border-box;
	border: 0;
	padding: 4px;
	background: transparent;
} 

.znamkyTableWithInputs .handle {
	cursor: move;
	background: #eee url('/znamky/pics/move.png') center center no-repeat;
}

.znamkyPerformanceChart {
	position: relative;
}
.znamkyPerformanceChart .chartBgElem {
	z-index: -1;
	position: absolute;
	opacity: 0.7;
	overflow: hidden;
	/*background-image: -o-linear-gradient(bottom, #3A81B7 0%, #2B6FA2 100%);
	background-image: -moz-linear-gradient(bottom, #3A81B7 0%, #2B6FA2 100%);
	background-image: -webkit-linear-gradient(bottom, #3A81B7 0%, #2B6FA2 100%);
	background-image: -ms-linear-gradient(bottom, #3A81B7 0%, #2B6FA2 100%);
	background-image: linear-gradient(to bottom, #ceebb4 0%, #ebb5b5 100%);	*/	
}

.znamkyPerformanceChart .chartBgElem .bg1 {
	background-color: #e2f0b6;
	opacity: 0.5;
	height: 33%;
	border-bottom: 2px solid white;
}
.znamkyPerformanceChart .chartBgElem .bg2 {
	background-color: #ffecc0;
	height: 33%;
	opacity: 0.7;
	border-bottom: 2px solid white;
}
.znamkyPerformanceChart .chartBgElem .bg3 {
	background-color: #ffcaca;	
	opacity: 0.7;
	height: 34%;
}

.znamkyPerformanceChart .legendElem li {
	padding: 5px;
	cursor: default;
	white-space: nowrap;
}

.znamkyPerformanceChart .legendElem li .colorBox {
   width: 16px;
   height: 16px;
   margin-right: 5px;
   border: 1px solid #999;
   display: inline-block;
   vertical-align: middle;
}
.znamkyPerformanceChart .legendElem li.selected {
	font-weight: bold;
}
.znamkyPerformanceChart .legendElem li.selected .colorBox {
	box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
}

.znamkyPerformanceChart .legendElem li.noGrades {
	opacity: 0.5;
	font-weight: normal !important;
}

.znamkyPerformanceChart .legendElem li.noGrades .colorBox {
	background-color: transparent !important;
	box-shadow: none;
	border: 1px solid #ddd;
}
.znamkyPerformanceChart .legendElem li.serieHidden .colorBox {
	background-color: transparent !important;
}
.znamkyPerformanceChart .legendElem li .title {
	display: inline-block;
	vertical-align: middle;
	max-width: 175px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.znamkyPerformanceChart .legendElem li .subtitle {
	font-size: 11px;
	opacity: 0.7;
}

.znamkyPerformanceChart .emptyChart {
	text-align: center;
	padding: 20px;
}

span.ratyVal {
	font-weight: bold;
	font-size: 12px;
	padding: 2px 2px 3px 2px;
	display: inline-block;
}

select.ratyVal {	
	width: 60px;
	vertical-align: middle;	
}
input.ratyVal {
	padding-right: 24px;
}

.znRaty.modified .ratyVal {
	background-color: rgba(206,255,200,0.7);
}


.poznamkaEditor .typyPoznamok {
	white-space: normal;
	padding-left: 30px;
	padding-right: 2px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.poznamkaEditor .typyPoznamok > li {
	display: inline-block;
	flex: 40% 1 1;
	box-sizing: border-box;
	border: 0px solid #aaa;
	padding: 5px;
	cursor: pointer;
	display: flex;
	flex-flow:  row nowrap;
	gap: 5px;
	align-items: center;
}
.poznamkaEditor .typyPoznamok > li.empty {
	padding: 0;
	cursor: default;
}
.poznamkaEditor .typyPoznamok > li.narrow {

	flex: 32px 0 0;
}

.poznamkaEditor .typyPoznamok > li.title {
	flex: 100% 1 1;
	display: block;
	font-weight: bold;
	width: auto;
	padding-top: 10px;
	box-sizing: border-box;
	margin-left: -30px;
}

.poznamkaEditor .typyPoznamok > li:not(.empty):hover {
	background-color: rgba(0,0,0,0.05);
}
.poznamkaEditor .typyPoznamok > li.title:hover {
	background: none;
}

.poznamkaEditor .typyPoznamok > li.selected {
	outline: 2px solid #FFC107;
	outline: -1px;
}

.poznamkaEditor .typyPoznamok > li img {	
	flex: 32px 0 0;
	width: 32px;
	height: 32px;
}
.poznamkaEditor .typyPoznamok > li > span {

	white-space: normal;
	word-wrap: break-word;
	flex: 110px 1 1;
}

.poznamkaEditor .typyPoznamok .toggleLbl {
	display: inline-block;
	padding: 5px 5px;
	vertical-align: middle;
	text-align: center;		
}
.poznamkaEditor .typyPoznamok .toggleLbl:hover {
	background-color: rgba(0,0,0,0.05);
}

.poznamkaEditor ul.studentList {
	width: 450px;
	white-space: normal;
}
.poznamkaEditor ul.studentList li {
	display: inline-block;
	width: 150px;
}

.poznamkystudentviewer .filterDiv {
	float:right;
	padding-top: 10px;
}
.poznamkystudentviewer .filterDiv .filterItem {
	display: inline-block;
	vertical-align: bottom;	
}


table.poznamkyTable tr.titleRow td {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	padding: 10px 10px 3px 2px;	
	border-top: 0;
}

.poznamkyTable .title {
	font-size:11px;
	opacity:0.7;
}

.poznamkyTable .subtitle {
	font-size: 11px;	
	opacity:0.7;
}

.poznamkyTable .schvalene:not(.ofl-state-tag), .descriptionBox .schvalene {
	color: #27AE60;
}


.poznamkyTable .zamietnute:not(.ofl-state-tag), .descriptionBox .zamietnute  {
	color: #E74C3C;
}

.descriptionBox .navrh, .poznamkyTable .navrh:not(.ofl-state-tag), .edubarTableList .navrh {
	color: #C0392B;
}

.poznamkyTable .row1.new,
.poznamkyTable .row2.new {
	font-weight: bold;
	/*background-color: rgba(253, 238, 179, 0.4);*/
}
.desctext .autoschvalenie {
	opacity: 0.7;
	font-size: 11px;
}
.desctext .descTextItem {
	padding: 4px 0 8px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin: 0 0 8px 0;
}
.poznamkyTable .skryte {
	color: #F39C12;
}
/*
.poznamkyTable .precitane {
	color: #636463;
}

.poznamkyTable .precitane.rodic {
	color: #00b500;
}*/

.poznamkyTable .emptyData {
	text-align: center;
	opacity: 0.5;
	padding: 10px;
}

table.poznamkyRulesList td.editor {
	padding: 0;	
}

table.poznamkyRulesList td.editor textarea, table.poznamkyRulesList td.editor input {
	padding: 4px;
	margin:0;
	box-sizing: border-box;
	width:100%;
	height: 32px;	
	border:0;
	background-color: transparent;
}

.poznamkytriedaviewer {
	min-height: calc(100vh - 43px);
	background-color: #f5f5f5;
}

.poznamkytriedaviewer .poznamkyPrehladStudenti {
	background-color: #fefefe;
}

.poznamkytriedaviewer table.poznamkyTable td {
	vertical-align: middle;
}
.poznamkytriedaviewer .filterDiv {
	position: fixed;
	width: 200px;
	top: 120px;
	bottom: 0;
	right: 0;
	padding: 0;/*10px 10px 10px 10px;*/
	background-color: #f6f7f9;
	box-shadow: -1px 0 3px rgba(0,0,0,0.4);
	overflow: hidden;
	padding-bottom: 45px;;
	z-index: 1;
}
.poznamkytriedaviewer .filterDiv .filterTitle {
	display: none;
}
.poznamkytriedaviewer .filterDiv.filterHidden {
	width: 20px;
	/*background-color: #2980B9;*/
	cursor: pointer;	
}

.poznamkytriedaviewer .filterDiv.filterHidden.filterActive {
	background-color: #388E3C;
	color: #fff;
}

.poznamkytriedaviewer .filterDiv.filterHidden:hover {
	opacity: 0.7;
}

.poznamkytriedaviewer .filterDiv.filterHidden * {
	display: none !important;
}
.poznamkytriedaviewer .filterDiv.filterHidden .filterTitle {
	display: block !important;
	/*color: #fff;*/
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	font-weight: bold;
	top: 50px;
	white-space:nowrap;
	position: relative;
}
.poznamkytriedaviewer .filterDiv .activeOnly {display: none;}
.poznamkytriedaviewer .filterDiv.filterHidden.filterActive .filterTitle .activeOnly {display: inline !important;}

	

.poznamkytriedaviewer .filterDiv > h2 {
	margin: 0;
	background-color: #616161;
	color: #fff;
	padding: 9px 10px 10px 10px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;	
	border: 0;		
}

.poznamkytriedaviewer .filterDiv.filterActive > h2 {
	background-color: #388E3C;
}

.poznamkytriedaviewer .filterDiv .filterItem {
	padding: 3px 5px;
} 

.poznamkytriedaviewer .filterDiv:hover {
	overflow-y: auto;
}

.poznamkytriedaviewer .filterDiv ul > li input {
	vertical-align: middle;
} 

.poznamkytriedaviewer .filterDiv li.narrow {
	display: inline-block;
	width: 50px;
}
.poznamkytriedaviewer .filterDiv  .filterItem > b {
	display: block;
	border-bottom: 1px solid #d6d6d6;
	padding: 5px 0;
	margin-bottom: 3px;
}

.poznamkytriedaviewer .filterDiv  .filterItem > ul > ul {
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.poznamkytriedaviewer .filterDiv  .filterItem > ul > ul > li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.poznamkyruleseditor ol.poznamkyRulesList {
	list-style-type:decimal;
	list-style-position: Inside;
	margin: 0 0px;
	
}
.poznamkyruleseditor ol.poznamkyRulesList > li {	
	padding: 5px; 
	padding-left: 20px;
	border-top: 1px dashed #CBDAE8;
}

.poznamkyruleseditor ul.ruleRow {
	white-space: nowrap;
}
.poznamkyruleseditor ul.ruleRow > li {
	display:inline-block;
	white-space: normal;
	vertical-align: top;
}

.poznamkyruleseditor ul.ruleRow > li > span {
	font-size: 11px;
	display: block;
}

.poznamkyruleseditor ul.ruleRow > li  input, .poznamkyruleseditor ul.ruleRow > li  select {
	width: 200px;
	padding: 2px 3px;
	margin: 0;
	box-sizing: border-box;
}
.poznamkyruleseditor ul.ruleRow span.separator {
	font-size: 11px;
	display: block;
}
.poznamkyruleseditor ul.ruleRow > li.links {
	padding: 10px;
	width: 100px;
	text-align: center;
}
.poznamkyruleseditor ul.ruleRow > li.links a {
	cursor: pointer;
}

.znamkyRulesWidget .filterDiv .filterItem {
	display: inline-block;	
}
.znamkyRulesWidget .filterDiv .filterItem > span {
	display:block;
}
.znamkyRulesWidget .filterDiv .filterItem > select {
	width: 100%;
	box-sizing: border-box;
}
ul.poznamkyPrehladStudenti {
	
}
ul.poznamkyPrehladStudenti > li {	
	border-bottom: 1px solid rgba(0,0,0,0.1);	
	white-space: nowrap;
	min-height: 35px;	
	/*background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMzAnIGhlaWdodD0nMSc+PGc+PGxpbmUgc3Ryb2tlLWxpbmVjYXA9J3VuZGVmaW5lZCcgc3Ryb2tlLWxpbmVqb2luPSd1bmRlZmluZWQnIHgxPScyMjkuNScgeDI9JzIyOS41JyB5MT0nMCcgeTI9JzEnIHN0cm9rZS13aWR0aD0nMycgc3Ryb2tlPScjY2NlOWZmJyBmaWxsPSdub25lJy8+PC9nPjwvc3ZnPg==") top left repeat-y;*/
	position: relative;	
}

ul.poznamkyPrehladStudenti > li::before {
	content: ' ';
	position: absolute;
	left: 229px;
	top: 0;
	bottom: 0;
	border-left: 1px solid rgba(0,0,0,0.1);;	
}
ul.poznamkyPrehladStudenti > li.titleRow {
	
    background-color: #eee;
    background-image: none;
    border-top: 1px solid rgba(0,0,0,0.1);
    font-weight: bold;
}
ul.poznamkyPrehladStudenti > li.titleRow > div.meno,
ul.poznamkyPrehladStudenti > li.titleRow > div.poznamky {
	vertical-align: bottom;		
}
ul.poznamkyPrehladStudenti > li.titleRow > div.poznamky {
	background: none;	
	margin: 0;
	padding: 10px 10px;
	margin-left: 230px;
}

ul.poznamkyPrehladStudenti > li.row1 {
	/*background-color: #f6f6f6; */
}

ul.poznamkyPrehladStudenti > li.row2 {
	/*background-color: #fcfcfc; */
}

ul.poznamkyPrehladStudenti > li:not(.titleRow):hover {
	background-color: rgba(253,238,179,0.5);
}

ul.poznamkyPrehladStudenti > li > div.meno {
	
	float:left;	
	width: 200px;
	padding: 10px 15px;
	white-space: normal;
	vertical-align: top;
}

ul.poznamkyPrehladStudenti > li > div.meno a {
	color: inherit;
}

ul.poznamkyPrehladStudenti > li > div.poznamky {		
	white-space: normal;	
	vertical-align: top;
	padding: 0 0;
	margin-left: 230px;
	/*background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PGc+PGxpbmUgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVqb2luPSJ1bmRlZmluZWQiIHgxPSIzNS41IiB4Mj0iMzUuNSIgeTE9IjAiIHkyPSIzNiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9InJnYmEoMCwwLDAsMC4wNSkiIGZpbGw9Im5vbmUiLz48bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgeDE9IjAiIHgyPSIzNiIgeTE9IjM1LjUiIHkyPSIzNS41IiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0icmdiYSgwLDAsMCwwLjA1KSIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=') top left;*/
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PGc+PGxpbmUgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVqb2luPSJ1bmRlZmluZWQiIHgxPSIzNS41IiB4Mj0iMzUuNSIgeTE9IjAiIHkyPSIzNiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9InJnYmEoMCwwLDAsMC4xKSIgZmlsbD0ibm9uZSIvPjxsaW5lIHN0cm9rZS1saW5lY2FwPSJ1bmRlZmluZWQiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiB4MT0iMCIgeDI9IjM2IiB5MT0iMzUuNSIgeTI9IjM1LjUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDAuMSkiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc+') top left;
	
}

ul.poznamkyPrehladStudenti > li > div.poznamky.haveSum {
	margin-right: 70px;
}	

ul.poznamkyPrehladStudenti > li .poznamkySum {	
	position: absolute;
	width: 70px;
	right: -70px;
	top: 0;
	bottom: 0;
	height: auto;
	
}

ul.poznamkyPrehladStudenti > li .poznamkySum:hover {
	
}

ul.poznamkyPrehladStudenti > li li.poznamkySum {
	border-left: 2px solid rgba(0,0,0,0.1);
	cursor: default;
}
ul.poznamkyPrehladStudenti > li li.poznamkySum:hover {
	background-color: transparent;		
}

ul.poznamkyPrehladStudenti > li > div.actions {
	position: absolute;
	left: 175px;	
	bottom: 2px;
	opacity: 0.7;
}
ul.poznamkyPrehladStudenti > li > div.actions:hover {
	opacity: 1;
}
ul.poznamkyPrehladStudenti > li > div.actions a {
	cursor: pointer;
}
ul.poznamkyPrehladStudenti > li > div.poznamky.empty {
	background: none;
}
ul.poznamkyPrehladStudenti > li > div.poznamky .empty {
	font-weight: normal;
	color: #aaa;
	background: none;
	padding: 10px;
}

ul.poznamkyPrehlad {
	position: relative;	
}

ul.poznamkyPrehlad:last-child {
	margin-bottom: -1px;
}

 ul.poznamkyPrehlad > li {
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.1);	
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin-top: -1px;
	margin-left:-1px;
	cursor: pointer;
	position: relative;
}
 ul.poznamkyPrehlad > li > .poznamkaCheck {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
}
ul.poznamkyPrehlad > li > .poznamkaItem {
	padding: 5px;
	width: 25px;
	height: 25px;
	position: relative;
}

ul.poznamkyPrehlad > li > .poznamkaItem > .numTimes {
	position: absolute;
	top: 11px;
	text-align: center;
	left: 0px;
	right: 0px;
	font-size: 11px;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.8);
}

ul.poznamkyPrehlad > li.skupinaLastx {
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxIj48Zz48bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgeDE9IjE5LjUiIHgyPSIxOS41IiB5MT0iMCIgeTI9IjEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZDllZmZmIiBmaWxsPSJub25lIi8+PC9nPjwvc3ZnPg==') top right repeat-y;
}

ul.poznamkyPrehlad > li.skupinaFirst x{
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxIj48Zz48bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgeDE9IjAuNSIgeDI9IjAuNSIgeTE9IjAiIHkyPSIxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2Q5ZWZmZiIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=') top left repeat-y;
}

ul.poznamkyPrehlad > li.typFirstx {
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxIj48Zz48bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgeDE9IjEiIHgyPSIxIiB5MT0iMCIgeTI9IjEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZDllZmZmIiBmaWxsPSJub25lIi8+PC9nPjwvc3ZnPg==') top left repeat-y;
}

ul.poznamkyPrehlad > li.typLastx {
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxIj48Zz48bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgeDE9IjE5IiB4Mj0iMTkiIHkxPSIwIiB5Mj0iMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNkOWVmZmYiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc+') top right repeat-y;
}


ul.poznamkyPrehlad > li.skupina0 {
	background-color: rgba(255,255,255,0.8);
}

ul.poznamkyPrehlad > li.skupina1 {
	background-color: rgba(255,255,255,0.5);	
}


ul.poznamkyPrehlad > li:hover {
	background-color: rgba(0,0,0,0.05);
	z-index: 1;
	
}

 ul.poznamkyPrehlad > li.checked {
	background-color: #81C784;
}

ul.poznamkyPrehlad > li.arrow {
	border: 0;
	background-color: transparent;
	box-sizing: border-box;
	width: 37px;
	height: 37px;
	padding: 10px;
	text-align: center;
}

ul.poznamkyPrehlad > li.emptyBox {
	opacity: 0.3;
	background-color: rgba(0,0,0,0.05);	
}
ul.poznamkyPrehlad > li.emptyBox.novaPoznamkaBtn {
	background: rgba(0,0,0,0.05) url('/znamky/pics/plus_flat.png') center center no-repeat;
}

ul.poznamkyPrehlad > li.emptyBox.novaPoznamkaBtn:hover {
	background-color: rgba(0,0,0,0.2);
}

ul.poznamkyPrehlad > li.emptyBox.remPoznamkaBtn {
	background: rgba(0,0,0,0.05) url('/znamky/pics/minus_flat.png') center center no-repeat;
}

ul.poznamkyPrehlad > li.emptyBox.remPoznamkaBtn:hover {
	background-color: rgba(0,0,0,0.2);
}

.descriptionBox {
	
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
	padding: 0;
	position: absolute;
	visibility: hidden;
	top: 43px;
	left: -7px;
	width: 300px;	
	z-index: 10;
	font-size: 12px;
	text-align: left;
}
.descriptionBox-inner {
	padding: 15px;
	background-color: #fff;
	border-radius: inherit;
	position: relative;
	z-index: 1;
}
.descriptionBox .descicon {
	float: left;	
}
.descriptionBox .desctext {
	margin-left: 40px;
}
.descriptionBox .descfields tr > td {
	padding: 3px 5px;
}
.descriptionBox .descfields tr > td:first-child {
	text-align: left;
	padding-left: 0;	
} 
.descriptionBox .desctyp {
	margin-left: 40px;
	font-weight: normal;
	opacity: 0.8;
}
.descriptionBox .desctitle {
	margin-left: 40px;
 	font-weight: normal;
 	opacity: 0.8;
}
.descriptionBox .descactions {
	margin-left: 10px;
	margin-top: 15px;
	text-align: right;
}
.descriptionBox .descactions input {
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.descriptionBox::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 10px solid transparent;
	position: absolute;
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.4));
}
.poznamky .descriptionBox.bottom::before {
	left: 20px;
	top: -20px;
	border-bottom: 10px solid #fff;
}
.poznamky .descriptionBox.top::before {
	left: 20px;
	bottom: -20px;
	border-top: 10px solid #fff;
}

.descriptionBox.arrowHidden::before {
	display: none;	
}


.descriptionBox.bottom::before {
	left: 20px;
	top: -20px;
	border-bottom: 10px solid #fff;
}

.descriptionBox.top::before {
	left: 20px;
	bottom: -20px;
	border-top: 10px solid #fff;
}

.descriptionBox.right::before {
	right: 20px !important;
	left: auto !important;	
}

/*
  
 ============================================cesta trieda ========================================
 
*/

.cestaTriedaWidget {
	min-width: 800px;
}

.cestaTriedaWidget .studentiList > li {
	
}

.cestaTriedaWidget .cestaRow {
	clear: both;
	border-bottom: 1px solid #7ab7e6;
	overflow: hidden;
	position: relative;
	min-height: 50px;
}

.cestaTriedaWidget .cestaRow:hover {
	background-color: rgba(253,238,179,0.5);	
}


.cestaTriedaWidget .cestaRow.headerRow {
	background-color:rgb(44, 112, 163); 
	color: #fff;
	min-height: 15px;	
	border-bottom: 2px solid #1a527d;
}
.cestaTriedaWidget .cestaRow.headerRow > * {
	min-height: 15px !important;
	padding: 5px 0 !important;
	text-align: center;
	text-transform: uppercase;
}

.cestaTriedaWidget .cestaRow.headerRow > *:first-letter {
	font-size: 125%;
}

.cestaTriedaWidget .cestaRow .rowTitle {
	float: left;
	width: 180px;
	padding: 5px;
	position: relative;
	min-height: 40px;
}
.cestaTriedaWidget .cestaRow .rowTitle a {
	color: inherit;
}
.cestaTriedaWidget .cestaRow .rowTitle .actions {
	position: absolute;
	right:2px;
	top: 2px;	
}
.cestaTriedaWidget .cestaRow .rowTitle .actions a {
	cursor:pointer;display: inline-block;padding:3px;
	vertical-align: middle;
}
.cestaTriedaWidget .cestaRow .rowTitle .actions a img {
	vertical-align: middle;
}
.cestaTriedaWidget .cestaRow .rowTitle .actions a:hover {
	outline: 2px solid rgba(95,191,222,0.5);
}


.cestaTriedaWidget .cestaRow .rowMotivacia {
	position: absolute;
	left: 260px;
	width: 50px;
	top: 0px;
	bottom:0px;	
	border-right: 1px solid #7ab7e6;
}
.cestaTriedaWidget .cestaRow .rowMotivacia input {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 5px;
	border: 0;
}

.cestaTriedaWidget .cestaRow .rowContent {
	left: 260px;
	right: 15px; 
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 0px;
	min-height:50px;
	padding-top: 0px;
}

.cestaTriedaWidget .cestaRow .rowPriemer {
	float: left;
	width: 70px;
	padding: 0;	
	position: absolute;
	top: 0;
	bottom:0;
	left: 190px;
	border-left: 1px solid #7ab7e6;
	border-right: 1px solid #7ab7e6;	
	min-height: 40px;
	box-sizing: border-box;
}

.cestaTriedaWidget .cestaRow.headerRow .rowPriemer {
	background-color: transparent;
}

.cestaTriedaWidget .cestaRow .rowPriemer .priemerDiv {
	text-align: center;
	padding: 5px 5px;		
	margin-top: 3px;
	font-size: 110%;
}

.cestaTriedaWidget .cestaRow .rowPriemer .bodyDiv {
	text-align: center;
	font-size: 11px;
	opacity: 0.7;
}

.cestaTriedaWidget .cestaRow .rowPriemer .priemerDiv a {
	color: inherit;
	font-weight: bold;
}

.cestaTriedaWidget .cestaRow .rowVcelicky {
	float: left;
	width: 100px;
	padding: 0;	
}

.cestaTriedaWidget .cestaRow .vcelickyList {
	display: block;
	padding: 3px 0px;
	margin-top: 5px;
	text-align: right;		
}

.cestaTriedaWidget .cestaRow .vcelickyList > li {
	display: inline-block;
	cursor: pointer;
	margin-right: 1px;
}

.cestaTriedaWidget .cestaRow .vcelickyList > li:hover {
	outline: 2px solid rgba(95,191,222,0.5);
	outline-offset: 1px;
	position: relative;
	z-index: 2;
}

.cestaTriedaWidget .rowContent .rowBackground {
	position: absolute;
	box-sizing: content-box;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: 0px solid #7ab7e6;
	border-right: 0px solid #7ab7e6;
	white-space: nowrap;	
}

.cestaTriedaWidget .rowContent .rowBackground .rowBackgroundItem {
	position: absolute;
	top: 0;
	bottom:0;		
	border-right: 1px solid white;		
	box-sizing: border-box;
}
.cestaTriedaWidget .rowContent .rowBackground .rowBackgroundItem:last-child {
	border-right: 2px solid #7ab7e6;
}
.cestaTriedaWidget .rowContent .rowBackground .rowBackgroundItem .znamkaTxt {
	position: absolute;
	right: 5px;
	top: 2px;
	font-size: 16px;
	font-weight: normal;
}

.cestaTriedaWidget .rowContent .rowItems {
	position: absolute;
	left: 2px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.cestaTriedaWidget .rowContent .priemerElem {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 2px;		
	z-index: 2;
	cursor: pointer;		
	/*background: url('/znamky/pics/flag2.png') bottom left no-repeat;*/	
}

.cestaTriedaWidget .rowContent .priemerElem.aktPriemerElem {
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KIDxnPg0KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+DQogIDxnIGlkPSJzdmdfMiI+DQogICA8cmVjdCBmaWxsPSIjZjE0NDBmIiB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBpZD0ic3ZnXzEiIG9wYWNpdHk9IjAuNyIvPg0KICA8L2c+DQogPC9nPg0KPC9zdmc+') center center repeat-y;
	border: 3px solid transparent;
	border-top: 3px solid rgba(241,68,15,0.7);
	border-bottom: 3px solid rgba(241,68,15,0.7);
	opacity: 1;	
	margin-left: -4px;
	top: 2px;
	bottom: 2px;
}

.cestaTriedaWidget .rowContent .priemerElem.aktPriemerElem.smileSad,
.cestaTriedaWidget .rowContent .priemerElem.aktPriemerElem.smileHappy {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 90% 90%;
	width: 48px;
	margin-left: -24px;
	border: none;
}

.cestaTriedaWidget .rowContent .priemerElem.aktPriemerElem.smileSad {
	background-image: url('/znamky/pics/smile/smile_confused.png');	
}

.cestaTriedaWidget .rowContent .priemerElem.aktPriemerElem.smileHappy {
	background-image: url('/znamky/pics/smile/smile_1.png');	
}

.cestaTriedaWidget .rowContent .priemerElem.motivacnaHodnotaElem {	
	border: 1px solid #38c9f8;	
	opacity: 1;		
	top: 2px;
	bottom: 2px;
	width: 0;
}

.cestaTriedaWidget .rowContent .priemerElem.motivacnaHodnotaElem.customImg {
	border:0;
}

.cestaTriedaWidget .rowContent .priemerElem.motivacnaHodnotaElem > img {
	height:40px;
	width: 40px;
	position: absolute;
	left: -20px;
	bottom: 0;
} 
	


.cestaTriedaWidget .rowContent .priemerElem.maxPriemerElem {
	outline: 0px solid #00ff00;
	top: 2px;
	bottom: 2px;	
	margin-right:0;
	margin-left: 0;	
	border-top: 2px solid rgba(241,196,15,0.7);
	border-bottom: 2px solid rgba(241,196,15,0.7);
	border-right: 2px solid rgba(241,196,15,0.7);
	background:none;
	/*background: url('/znamky/pics/arrend.png') center left no-repeat;*/
	width: 3px;
}
.cestaTriedaWidget .rowContent .priemerElem.maxNad100 {
	transform: translateX(8px);
}
.cestaTriedaWidget .rowContent .priemerElem.minPriemerElem {
	bottom: 2px;
	top: 2px;	
	margin-right:0;
	margin-left: 0;
	width: 3px;
	border: 0px;
	border-left: 2px solid rgba(30,131,20,0.3);
	border-top: 2px solid rgba(30,131,20,0.3);
	border-bottom: 2px solid rgba(30,131,20,0.3);
	z-index: 1;
	/*background: url('/znamky/pics/arrstart.png') center right no-repeat;*/	
}
.cestaTriedaWidget .rowContent .intervalElem {
	position: absolute;
	z-index: 1;	
	bottom: 0px;
	top: 0px;
	/*background-color: rgba(30,131,20,0.3);*/
		background: repeating-linear-gradient(
		  -55deg,
		  rgba(255,255,255,0.5),
		  rgba(255,255,255,0.5) 5px,
		   rgba(255,255,255,0.1) 5px,
		  rgba(255,255,255,0.1) 10px
		);	
	min-width: 0px;	
}

.cestaTriedaWidget .rowContent .emptyElem {
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,0.7);
	right: -15px;
}

.cestaTriedaWidget .rowContent .emptyElem.maxNad100 {
	left: auto !important;
	width: 7px;
}

.cestaTriedaWidget .rowContent .intervalElem:hover {
	outline: 2px dashed rgba(95,191,222,0.5);
}
.cestaTriedaWidget .rowContent .intervalElem .extraPart {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;	
	
	border-left: 2px solid rgba(241,196,15,0.7);
}

.cestaTriedaWidget .rowContent .priemerElem:hover {
	outline: 2px dashed #5fbfde;
	outline-offset: 0px;
}
.cestaTriedaWidget .rowContent .priemerSkupiny,
.cestaTriedaWidget .rowContent .priemerBodov {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;	
	z-index: 0;
	cursor: pointer;
	background-color: rgba(92,163,218,0.6);
}
.cestaTriedaWidget .rowContent .priemerBodov {
	background-color: rgba(92,218,110,0.6);
}

.cestaTriedaWidget .cestaItems {
	white-space: nowrap;	
	right: 0;
	margin: 0;	
	padding: 0;	
	box-sizing: content-box;
	position: absolute;
	left: 2px;
	padding-top: 3px;
	padding-left: 2px;	
	bottom: 0px;
	top: 0px;
}
 
.cestaTriedaWidget .cestaItems .cestaItem {
	display: inline-block;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	border-left: 1px solid white;
	background-color: #FF8888;	
	box-sizing: border-box;
	padding: 3px 4px;	
	color: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	cursor: pointer;
	position: absolute;
	bottom: 8px;
	top: 8px;	
	z-index: 1;
}
.cestaTriedaWidget .cestaItems .cestaItem.zeroWidth {
	padding: 3px 0;
	min-width: 3px;	
	z-index:2;	
	background-color: #fff !important;
	box-shadow: none;
	border-left: 0;
}
.cestaTriedaWidget .cestaItems .cestaItem .udalostMeno {
	display: block;
	font-size: 10px;
	opacity: 0.6;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.cestaTriedaWidget .cestaItems .cestaItem .znZnamka {
	color: #fff !important;	
	display: block;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cestaTriedaWidget .cestaItems .cestaItem .znamkaContent {
	position: relative;
	z-index: 2;
}

.cestaTriedaWidget .cestaItems .cestaItem.narrowItem * {
	display: none;
}

.cestaTriedaWidget .cestaItems .cestaItem .extraPart {
	background-color: #f1c40f;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;	
}

.cestaTriedaWidget .cestaItems .cestaItem.modified {
	background-color: #88FF88;
	opacity: 0.6;
}

.cestaTriedaWidget .cestaItems .cestaItem:hover {
	outline: 2px solid #5fbfde;
	outline-offset: 0px;
	border-left-color: #5fbfde;
	z-index: 1;	
}

.cestaTriedaWidget .cestaItems .cestaItem.cestaItemTotal {
	background-color: rgba(255,255,255,0.3);
	text-align: left;
	font-weight: bold;	
	border: 1px solid rgba(30,131,20,0.3);
	border-left: 0;
	color: inherit;
	padding: 0;
	box-shadow: none;
	cursor: default;
	z-index:-1;
}
.cestaTriedaWidget .cestaItems .cestaItem.cestaItemTotal:hover {
	outline: none;
}

.cestaDescriptionBox {
	padding: 5px 10px;
	width: auto;	
	min-width:100px;
}


table.cestaFieldList tr > td {
	padding: 8px 10px;	
	vertical-align: middle;	
	max-width: 250px;
}

table.cestaFieldList tr {
	 border-bottom: 1px dashed #d6d6d6;
} 

table.cestaFieldList tr:last-child {
	border-bottom: 0px dashed #CBDAE8;
}
table.cestaFieldList tr > td:first-child {
	text-align: right;	
	font-weight: normal;		
	opacity: 0.8;		
}

/*========================vysledkovka ===========================================*/
.vysledkovkaBanner {
	padding: 20px;
	color: #fff;
	background-color: #2980B9;
	box-shadow: 1px 0 4px rgba(0,0,0,0.8);
	position: relative;
}

.vysledkovkaBanner .navLinks .separator {
	display: inline-block;
	padding: 3px 8px;
	vertical-align: top;
	opacity: 0.8;
	font-size: 1.2em;
	line-height: 0.9em;	
}

.vysledkovkaBanner .bannerLink {
	color: inherit;
	display: inline-block;
	padding: 3px 3px;	
}

.vysledkovkaBanner .bannerLink:hover {
	background-color: rgba(255,255,255,0.3);
	text-decoration: none;
}

.vysledkovkaBanner .nadpis-container {
	display: inline-block;
	vertical-align: top;
}

.vysledkovkaBanner h1 {
	color: white;
	font-size: 34px;
	font-weight: normal;
}

.vysledkovkaBanner .logo-container {
	border-radius: 50%;	
	background-color: #fff;
	width: 56px;
	height: 56px;
	display: inline-block;
	vertical-align: middle;	
	margin-right: 20px;
}
.vysledkovkaBanner .logo-container img {
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 12px;
}

.vysledkovkaBanner .stupen-vitazov {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 100px;
	text-align: center;
	width: 300px;
	height: 100px;
	white-space:nowrap;
}

.stupen-vitazov .miesto {
	width: 33%;
	height: 100%;
	box-sizing: border-box;
	display:inline-block;
	white-space:auto;
	vertical-align: top;
	margin-right: -1px;
	
}

.stupen-vitazov .miesto .obsah {
	box-sizing: border-box;
	padding: 8px;
	white-space: normal;
	position: relative;
}

.stupen-vitazov .miesto .obsah span {
	position: absolute;
	display: block;
	width: 84px;
	text-align: center;
	bottom: 5px;
}

.stupen-vitazov .miesto .beton {
	border: 1px solid white;	
	box-sizing: border-box;
	padding: 3px;
	
	background-color: rgba(255,255,255,0.1);
}
.stupen-vitazov .miesto .beton span {
	font-weight: bold;
	font-size: 20px;
	text-shadow: 2px 2px rgba(0,0,0,0.3);
}

.stupen-vitazov .miesto-1 .obsah {
	height: 30%;	
}
.stupen-vitazov .miesto-1 .beton {
	height: 70%;
}

.stupen-vitazov .miesto-2 .obsah {
	height: 50%;
}
.stupen-vitazov .miesto-2 .beton {
	height: 50%;
}
.stupen-vitazov .miesto-3 .obsah {
	height: 70%;
}
.stupen-vitazov .miesto-3 .beton {
	height: 30%;
}


.vysledkovkaTable {
	width: 100%;
}
.vysledkovkaTable .empty {
	padding: 8px;
	color: #999;
}

.vysledkovkaTable td, .vysledkovkaTable th {
	padding: 12px 5px;
}

.vysledkovkaTable > tbody > tr {
	border-bottom: 1px solid #cce9ff;
}

.vysledkovkaTable tr.header {
	border-bottom: 2px solid #2980B9;
}

.vysledkyPoznamkyPrehlad li {
	display: inline-block;
	border: 1px solid #cce9ff;
	border-left: 1px solid #cce9ff;
	border-bottom: 1px solid #cce9ff;
	margin-left: -1px;
	margin-top: -1px;
	width: 39px;
	height: 39px;	
	cursor: pointer;
	position: relative;
}
.vysledkyPoznamkyPrehlad li .poznamkaItem {
	padding: 7px;
}
.vysledkyPoznamkyPrehlad li:first-child {
	border-left: 1px solid #cce9ff;
}

.vysledkyPoznamkyPrehlad > li:hover {
	background-color: #d1f3ff;
}

.vysledkyPoznamkyPrehlad > li.checked {
	background-color: #d1f3ff;
}

.poznamkyVysledkovka .poznamkyTable {
	float: left;
	padding: 0 25px 25px 25px;
	width: 50%;
	box-sizing: border-box;
	min-width: 500px;
}
.poznamkyVysledkovka .statsElem {
	float: left;
	padding: 0px 25px 25px 25px;
	width: 50%;
	box-sizing: border-box;
	min-width: 500px;
}

.poznamkyVysledkovka .statsElem h2.title {
	padding: 12px 0;
	margin: 0;	
	font-weight: bold;
	font-size: 25px;
}



.poznamkyVysledkovka .pohlavieChart {
	height: 350px;
}

.poznamkyVysledkovka table.stupenVitazov td {
	padding: 8px;
	font-size: 1.2em;
}

.poznamkyVysledkovka table.stupenVitazov ul li {
	padding: 3px 0;
	
}
	
.poznamkyVysledkovka table.stupenVitazov .empty {
	opacity: 0.5;
}

.vysledkovkaBanner .dropDownBtn {
	display:inline-block;
	background-color: rgba(255,255,255,0.1);
	padding: 4px 8px;
	cursor: pointer;
	margin-right: 10px;
}
.vysledkovkaBanner .dropDownBtn:hover {
	background-color: rgba(255,255,255,0.3);
}

#adminznamkyform input {
	vertical-align: middle;
}

.adminznamkyform input[type="text"], 
.adminznamkyform select {
	padding: 4px 5px;
	border: 1px solid #ccc;
}
.adminznamkyform input[type="text"]:disabled, 
.adminznamkyform select:disabled {
	background: #eee;
}

.udalostiColorsList li {
	display: inline-block;white-space: nowrap;border: 1px dashed #CBDAE8;margin-left:-1px;margin-top:-1px;
}
/* ================================== znamkaeditor =================================== */
.znamkaeditorUdalosti {
	
	
}
.znamkaeditorUdalostiMain {
	height: 50vh;
	overflow-y: hidden;
	overflow-x: hidden;
	float:left;
	width:229px;
	border-right: 2px solid #CBDAE8;
	position: relative;
}
.znamkaeditorUdalostiMain:hover {
	overflow-y: auto;
}

.znamkaeditorUdalosti > li {
	padding: 0px 4px 0px 0px;
	border-bottom: 1px solid #CBDAE8;
	cursor: pointer;
}

.znamkaeditorUdalosti > li.groupTitle {
	cursor: pointer;		
}
.znamkaeditorUdalosti > li.groupTitle img {
	vertical-align: middle;	
	margin-left: -5px;
}
.znamkaeditorUdalosti > li > .udalostTitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.znamkaeditorUdalosti > li > .udalostTitle > b {
	display: inline-block;
	padding: 4px;	
	font-weight: bold;
}

.znamkaeditorUdalosti > li > .udalostTitle > span {
	
	font-size: 10px;
	opacity: 0.8;
}

.znamkaeditorUdalosti > li.novaUdalostBtn {
	padding: 8px 4px;
	border-bottom: 0px;
	text-align: center;
	opacity: 0.8;
}

.znamkaeditorUdalosti > li:hover, .znamkaeditorUdalosti > li.selected {
	background-color:  #d5eaff !important;
}
.znamkaeditorUdalosti > li.groupTitle {
	cursor: default;	
	padding: 5px;
	border-top: 1px solid #CBDAE8;
	margin-top: -1px;
}
.znamkaeditorUdalosti > li.groupTitle:hover {
	background-color:  transparent !important;
}
.znamkaeditorUdalosti .znamkyList {
	text-align: right;
	padding:0;
}
.znamkaeditorUdalosti .znamkyList > li {
	display: inline-block;
	padding: 3px 2px;
}
.znamkaeditorUdalosti .znamkyList > li.znamkaItem:hover,
.znamkaeditorUdalosti .znamkyList > li.selected {
	outline: 2px dashed #2196F3;
} 
.znamkaeditorUdalosti .znamkyList > li .znZnamka {
	padding: 0;
}
table.znamkyTable tr td.znSelectTd {
	padding: 0;
}
.znSelectTd .znSelect {
	border: 0;
	padding: 8px 5px;
	width:100%;box-sizing: border-box;min-width:50px;
	background-color: transparent;
}
.znSelectTd .znSelect.modified {
	background-color: rgba(206,255,200,0.7);
}
.znSelectTd .znSelect.stupenHodnoteniaEd {
	min-width: 70px;
}

/* ============================================== osnovahodin ========================================== */
.osnovaHodinTable {
	border-collapse: separate;
    
    table-layout: fixed;
    
}

table.studentPredmetTable {
	border-collapse: separate;
	margin-top:  0px;
	margin-left: -1px;
	border: 1px solid #d6d6d6;
}
table.studentPredmetTable td, table.studentPredmetTable th {
	padding: 5px;
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
} 
table.studentPredmetTable thead {
	z-index: 3;
	position: relative;
}
table.studentPredmetTable thead  th {
	font-weight: bold;
	background-color: #eee;
	border-bottom-width: 2px;
	border-bottom-color: #d0d0d0;
	z-index: 2;
	position: relative;
}
table.studentPredmetTable .sortLnk {
	cursor: pointer;
	color: inherit;
}
table.studentPredmetTable tbody tr:hover {
	background-color: #FFE082;
}
table.studentPredmetTable tbody tr:hover td {
	opacity: 0.8;
}

table.studentPredmetTable tbody tr:hover td[rowspan] {
	background-color: #fff;
	opacity: 1;
}

table.studentPredmetTable tr.disabled .checkboxTd:not(.otherCourseCell),
table.studentPredmetTable .checkboxTd.disabled {
	background-color: #f2f2f2;	
}
table.studentPredmetTable tr .checkboxTd {
	padding: 0;
}
table.studentPredmetTable tr .checkboxTd {
	position: relative;	
}
table.studentPredmetTable tr .checkboxTd .checkboxTdInner {
	padding: 5px;
	position: relative;
	
}

table.studentPredmetTable th.fixedCell {	
	z-index: 2;
}
table.studentPredmetTable td.fixedCell {
	background-color: #fff;
	z-index: 2;
	opacity: 1 !important;
	position: relative;
	border-right: 1px solid #d6d6d6;
}

table.studentPredmetTable tr:hover td.fixedCell {
	background-color: #FFE082;
}

table.studentPredmetTable th.fixedCell.fixedCellY {	
	z-index: 3;
}
table.studentPredmetTable tr .headerTd {
	padding: 0;
}
table.studentPredmetTable tr .headerTd .headerTdInner {
	padding: 5px;
	position: relative;
	z-index: 100;
}
table.studentPredmetTable .checkboxTd {
	background-color: #fff;
}


table.studentPredmetTable .checkboxTd.hasChange {
	background-color: #DCEDC8;
}

table.studentPredmetTable .checkboxTd.hasChanges {
	cursor: pointer;
}

table.studentPredmetTable .checkboxTd .changesColor {
	color: #37474F;
}


table.studentPredmetTable .studentIsOut {
	text-decoration: line-through;
	opacity: 0.5;
	color: rgba(0,0,0,0.4);
}

table.studentPredmetTable .studentIsOutTr  td {
	background-color: #f5f5f5;
	color: rgba(0,0,0,0.4);
}

table.studentPredmetTable .checkboxTd.cellNezaradeny .checkboxTdInner{
	
	outline: 3px solid rgba(255,152,0,0.7);
    outline-offset: -4px;
}

table.studentPredmetTable .checkboxTd.cellSelected {
	background-color: #66BB6A;
}



table.studentPredmetTable .checkboxTd.cellSelected.hasChange {
	background-color: #83ab85;
}


table.studentPredmetTable .checkboxTd.cellError,
table.studentPredmetTable tr.disabled .checkboxTd.cellError:not(.otherCourseCell) {
	background-color: #F4511E;
}


table.studentPredmetTable .footerCell,
table.studentPredmetTable td.fixedCell.footerCell {
	font-weight: bold;
	background-color: #eee;
	border-top-width: 2px;
	border-top-color: #d0d0d0;
}

table.studentPredmetTable .rvHeader .rvEditBtn {
	display: none;
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 3px;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
	cursor: pointer; 
}
table.studentPredmetTable .rvHeader:hover .rvEditBtn {
	display: block;
}

table.studentPredmetTable .otherCourseCheck {
	visibility: hidden;
}



table.studentPredmetTable th.otherCourseCell {
	background-color: #f6f6f6;
}	

table.studentPredmetTable th.otherCourseCell > * {
	opacity: 0.5;
}
/*

table.studentPredmetTable td.otherCourseCell {
	opacity: 0.5;
}

table.studentPredmetTable.otherCourseCellsOk td.otherCourseCell {
	opacity: 0.9;
}
*/

table.studentPredmetTable .rvEditBtn:hover {
	background-color: rgba(0,0,0,0.7);
}

.studentPredmetTable .rvColorDiv {
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	width: 7px;
	opacity: 0.2;
}

.studentPredmetTable .rvColorDiv.selected {
	opacity: 1;
}

table.osnovaHodinTable th, table.osnovaHodinTable td.fixedCell {
	font-weight: bold;
	background-color: rgb(240,240,240);	
}

table.osnovaHodinTable.courseEditor th, table.osnovaHodinTable.courseEditor td.fixedCell {
	font-weight: bold;
	background-color: rgb(240,240,240);	
	
}


table.osnovaHodinTable th, table.osnovaHodinTable td {
		
	border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.osnovaHodinTable.courseEditor th, table.osnovaHodinTable.courseEditor td {
	border-right: 1px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(0,0,0,0.2);
	
}

table.osnovaHodinTable.courseEditor th.headerCell {
	width:70px;text-align:center;cursor:pointer;z-index: 2;position:relative;
	padding: 0px;
}

table.osnovaHodinTable.courseEditor.narrow th.headerCell {
	width: 26px;
	
}

table.osnovaHodinTable.courseEditor th.headerCell .headerCellInner {
	width:70px;
	padding: 3px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

table.osnovaHodinTable.courseEditor.narrow th.headerCell .headerCellInner {
	width: 26px;
	text-overflow:clip;
	padding: 3px 0;
}

table.osnovaHodinTable.courseEditor.narrow .osnovaKurzItems {
	width: 26px;
}

table.osnovaHodinTable.courseEditor td.osnovaItem {
	padding: 0;
	background-color: #fff;
}

table.osnovaHodinTable td.osnovaItem:hover {
	background-color: rgb(253,235,157);
}

table.osnovaHodinTable td.osnovaItem.selected {
	outline: 3px solid #9edffd;
	outline-offset:-1px;
	position: relative;
	z-index: 1;
}

table.osnovaHodinTable tr:hover {
	background-color: #fdf6d8;
}
/*table.osnovaHodinTable td, table.osnovaHodinTable th {
	position: relative;
}
table.osnovaHodinTable td:hover::after {
  content: "";
  position: absolute;
  background-color: #fdf6d8;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}*/

table.osnovaHodinTable td.osnovaItem {
	text-align:center;
	cursor: pointer;
	height:22px;
	font-size: 10px;
}

table.osnovaHodinTable .oiInnerDiv {
	padding: 3px;
	min-height: 16px;	
}

table.osnovaHodinTable td.osnovaItem img {
	vertical-align: middle;
	width: 16px;
	height: 16px;
}
table.osnovaHodinTable td.osnovaItem.modified {
	color: red;
	font-weight: bold;
/*	background-color: rgba(253,200,200,0.5);*/
}
.osnovaHodinLegenda {
	display: inline-block;
	width: 50px;
	height: 20px;
	vertical-align: middle;
	border: 1px solid #d6d6d6;
}
table.osnovaHodinTable td.osnovaItem.ttuci,
.osnovaHodinLegenda.ttuci {
	background-image: url('/znamky/pics/ttmsicon2.png');
	background-repeat: no-repeat;
	background-position: -4px 0px;	
}

table.osnovaHodinTable td.osnovaItem.mapredmet,
.osnovaHodinLegenda.mapredmet {
	background-color: #eeffd7;
	position: relative;
}
table.osnovaHodinTable td.osnovaItem.mapredmet:after,
.osnovaHodinLegenda.mapredmet:after {
	content: ' ';
	position: absolute;
	width: 14px;
	height: 12px;
	
	bottom: 0;
	right: 0;
	background-image: url('/znamky/pics/osmapredmet.png');
	background-position: top left;
	background-repeat: no-repeat;
}

table.osnovaHodinTable td.osnovaItem.mapredmet:hover {
	background-color: rgba(213, 255,158,0.25);
}

table.osnovaHodinTable tr.header:hover {
	background-color: '';
}

.osnovaHodinWidget .osnovaSidebarElem {
	position: fixed;
	width: 220px;
	box-sizing: border-box;
	top: 43px;
	bottom: 0;
	right: 0;
	background-color: #f6f7f9;
	border-left: 1px solid #d6d6d6;
	z-index:5;
	overflow: hidden;
	overflow-y: auto;
}


.osnovaHodinWidget .osnovaSidebarElem:hover {
	overflow-y: auto;
}

.osnovaHodinWidget .osnovaSidebarElem.cardsStyle {
	width: 300px;
	box-shadow: -1px 0px 4px rgba(0,0,0,0.4);
    border-left: 0;
}

.osnovaSidebarElem .sidebarTitle {

	padding: 15px 15px 8px 15px;
	background-color: #607D8B;
	color: #fff;
	font-size: 1.5em;
    
    text-align:left;
    color: #fff;
    position: relative;
    z-index:1;
	
}

.osnovaSidebarElem .nothingSelected {
	text-align: left;
	padding: 20px 15px;
	opacity: 0.7;
}
.osnovaSidebarElem .itemTitle {
	padding: 8px 15px;
	font-size: 1em;
	
	
}

.osnovaSidebarElem .itemTitleS {
	box-shadow: 0 1px 3px rgba(0,0,0,0.35);
	background-color: #607D8B;
	color: #fff;
}

.osnovaSidebarSeparator {
	font-size:11px;background-color: #dfdfdf;padding: 4px 8px;
	border-bottom: 1px solid #d6d6d6;
	font-weight: bold;
}
.osnovaSidebarSeparator.showStudentPredmetBtn {
	cursor: pointer;
}

.osnovaSidebarSeparator.showStudentPredmetBtn:hover {
	background-color: #BBDEFB;  
}
.osnovaAgendaMsg {
	position:absolute;
	top:0;
	bottom:-60px;
	left: 0;
	right: 0;
	background-color: rgba(233,243,248,0.4);
	text-align:center;
	margin:0;
	padding: 5px 5px 5px 40px;
	background-image: none;
	
	border-radius:0;
	border-left: 0;
	border-right:0
}
.osnovaAgendaMsgInner {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.osnovaVyucujuci li {
	padding: 8px;
	border-bottom: 1px solid #d6d6d6;
}
.osnovaVyucujuci li.selected {
	background-color: #d1f3ff;
}
.osnovaVyucujuci li.vyucujuciItem {
	position: relative;
	cursor: pointer;
}
.osnovaVyucujuci li.vyucujuciItem.ttreadonly {
	background-image: url('/znamky/pics/ttmsicon2.png');
	background-repeat: no-repeat;
	background-position: -4px 20px;	
}
.osnovaVyucujuci li.vyucujuciItem .ucitelRem {
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 3px;
	height: 9px;
	width: 9px;
}
.osnovaVyucujuci li.vyucujuciItem .ucitelRem:hover {
	background-color: #ff8e8e;
}
.osnovaVyucujuci li.empty {
	opacity: 0.5;
	text-align: center;
}
.osnovaVyucujuci li.addItem select {
	width: 100%;
	box-sizing: border-box;
	padding: 4px 7px;
}
.osnovaVyucujuci .ucitelDesc {
	opacity: 0.8;
	text-align: right;
}

.osnovaVyucujuci .pravoTyp, .osnovaVyucujuci .pravoTypReadonly, .osnovaVyucujuci .pocetStudentov {
	display:inline-block;
	font-size:11px;
	
}

.osnovaVyucujuci .ucitelRvList .rvUcitelBtn {
	opacity: 0.8;	
	font-size: 11px;
	display:inline-block;
	
	text-decoration:none;
	flex: 50% 1 1;
	position: relative;
	
	padding: 2px 5px;
	box-sizing: border-box;	
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow: hidden;	
}
.osnovaVyucujuci .ucitelRvList .rvUcitelBtn:hover {
	background-color: rgba(0,0,0,0.1);
}
.osnovaVyucujuci .ucitelRvList .rvUcitelEditBtn {
	cursor: pointer;
	position: absolute;
	right:0;
	top: 0px;
	display: none;
	padding:2px;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	font-size: 10px;
}
.osnovaVyucujuci .ucitelRvList .rvUcitelEditBtn:hover {
	background-color: rgba(0,0,0,0.7);	
}
.osnovaVyucujuci .ucitelRvList .rvUcitelBtn:hover .rvUcitelEditBtn {
	display:block;
}  
.osnovaVyucujuci .ucitelRvList {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
}
.osnovaVyucujuci .ucitelRvList .rvUcitelBtn span.colorBox {
	display:inline-block;width:10px;height:10px;
	vertical-align:middle;
	
}



.osnovaZiaciList li {
	padding: 2px 3px;
	border-bottom: 1px dashed #d6d6d6;
}
.osnovaZiaciList li input {
	vertical-align: middle;
}

.osnovaDialogRow {
	border-bottom: 1px solid #CBDAE8;
	padding: 5px;
}

.oirvBox {	
	height: 5px;
	border-bottom: 1px solid #d6d6d6;
	display: block;
	vertical-align: bottom;
	box-sizing: border-box;
}
.oirvBoxes {
	
	position: absolute;
	
	bottom: -1px;
	right: -1px;
	top: -1px;
	
	overflow: hidden;
	width: 7px;
}


.studentPredmetElem {	
	min-height: 100vh;
	z-index: 100;
	background-color: #fff;	
	display: none;
}

.studentPredmetHero {
	padding: 60px 50px 30px 50px;	
	background-color: #f6f7f9;
	border-bottom: 2px solid #d6d6d6;	
	box-sizing: border-box;
	min-width: 100%;
	width: 100%;
}

.studentPredmetHeroFlex {
	display: flex;
	flex-flow: row nowrap;
	max-width: 1200px;
}

.studentPredmetHeroFlex > div {
	flex: auto 1 1;
}
	
	

.reportManager .reportCategories {
	float: right;
	width: 100px;
	
}

.reportManager .reportCategories li {	
	margin: 0;
	height: 28px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
	padding: 6px 5px;
	box-sizing: border-box; 
	border-bottom: 1px solid #CBDAE8;
	cursor: pointer;
}


.reportManager .reportList {
	/*margin-right: 100px;
	border-right: 1px solid #CBDAE8;*/
}

.reportManager .reportList h3 {	
	border-bottom: 1px solid #CBDAE8;
	padding: 4px 10px;
	font-size: 14px;
	font-weight: bold;
}

.reportManager .reportItems {	
	padding: 4px 10px;
	padding-bottom: 15px;
}
.reportManager .reportItem {
	display: inline-block;
	width: 287px;
	
	padding: 8px;
	vertical-align: top;	
	white-space:nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.reportManager .reportItem .fa-lock {
	position: absolute;
	left: 15px;
	top: 20px;
	opacity: 1;
	color: #9C27B0;
	font-size: 25px;
	text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.reportManager .reportItem:hover {
	background-color: #E0F0FF;
}

.reportManager .reportItem img {
	width: 48px;
	height: 48px;
	vertical-align: middle;
	margin-right: 5px;
}

.reportManager .reportItem .reportTitle {
	font-weight:bold;	
}
.reportManager .reportItem .reportDesc {
	display:inline-block;
	vertical-align: middle;
	white-space:normal;
	width: 234px;
}

.reportManager .reportItem .reportDesc .reportSubtitle {
	font-size: 11px;
	opacity: 0.75;
}

.reportManager .reportListDiv {
	margin-top: 0;
	
}
.znamkyViewerLoadOlderTd {
	background-color: rgba(52, 152, 219, 0.2);
}
.znamkyViewerLoadOlderTd:hover {
	background-color: rgba(52, 152, 219, 0.4);
}
.znamkyViewerLoadOlderBtn {	
	display: block;
	max-width: 40px;
	text-align: center;
	padding: 3px 7px;
	padding-left: 18px;
	background: url('/znamky/pics/load_more.png') center left no-repeat;
	font-size: 10px;
}

.znamkyViewerLoadOlderBtn:hover {
	text-decoration: none;
}

.link-button {
	/*text-transform: uppercase;*/
	display: inline-block;
	padding: 4px 10px;
	font-weight: bold;
	color: #4088BF ;
	cursor: pointer;	
}

.link-button:hover {
	background-color:  rgba(0,0,0,0.1);
	color: #4088BF ;
	text-decoration: none;
}

.progressbar {
	height: 10px;
	position: relative;
	background-color: #b3d4fc;
	padding: 0;margin: 0;
}

.progressbar .progressbar-progress {
	background-color: #3f51b5;
	height: 10px;
}

.row1.redRow td {
	background-color: rgba(255,0,0,0.1);
}

ul.comfortable > li, ol.comfortable > li {
	padding: 5px;
}



.poznamkyFilterDiv {
	position: fixed;
	width: 200px;
	top: 79px;
	bottom: 0;
	right: 0;
	padding: 0;/*10px 10px 10px 10px;*/
	background-color: #f6f7f9;
	border-left: 1px solid #1a527d;
	overflow: hidden;
	z-index: 7;
}
.poznamkyFilterDiv .filterTitle {
	display: none;
}


.poznamkyFilterDiv.filterHidden {
	width: 20px;
	/*background-color: #2980B9;*/
	cursor: pointer;	
}

.poznamkyFilterDiv.filterHidden:hover {
	opacity: 0.7;
}

.poznamkyFilterDiv.filterHidden * {
	display: none !important;
}

.poznamkyFilterDiv.filterHidden .filterTitle {
	display: block !important;
	/*color: #fff;*/
	font-size: 14px;
	opacity: 0.7;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-transform: uppercase;
	top: 50px;
	white-space:nowrap;
	position: relative;
}


	

.poznamkyFilterDiv > h2 {
	margin: 0;
	background-color: rgb(44, 112, 163);
	color: #fff;
	padding: 9px 10px 10px 10px;
	font-size: 12px;
	font-weight: normal;
	
	border-bottom: 2px solid #1a527d;
	text-transform: uppercase;
}
.poznamkyFilterDiv > h2::first-letter {
	font-size: 120%;
}

.poznamkyFilterDiv .filterItem {
	padding: 3px 5px;
} 

.poznamkyFilterDiv:hover {
	overflow-y: auto;
}

.poznamkyFilterDiv ul > li input {
	vertical-align: middle;
} 

.poznamkyFilterDiv li.narrow {
	display: inline-block;
	width: 50px;
}
.poznamkyFilterDiv  .filterItem > b {
	display: block;
	border-bottom: 1px solid #d6d6d6;
	padding: 5px 0;
	margin-bottom: 3px;
}

.poznamkyFilterDiv  .filterItem > ul > ul {
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.poznamkyFilterDiv  .filterItem > ul > ul > li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} 
	
.znHasComment::after {
	content: " ";
	display: inline-block;
	vertical-align: bottom;
	width: 12px;
	height: 12px;
	background: url('/znamky/pics/has_comment.png') center center no-repeat;		
}

.znHasComment.znTextOnly::after {
	content: "...";
	line-height: 6px;
	background-position: center right;
	width: 25px;
}

table.znamkyTable tr.kompetencieSumarRow td {
	border-width: 0;
	font-weight: bold;
	border-top-width: 2px;
}
table.znamkyTable tr.kompetencieSumarRow td:first-child {
	border-left-width: 1px;
}

table.znamkyTable tr.kompetencieSumarRow td:last-child {
	border-right-width: 1px;
}

.znamkyInputDiv .znNewEdit {
	display: none;
}
.znamkyInputDiv .znNewEdit.modified, .znNewEdit.editorActive {
	display: inline-block;
}  

.znInput.editorActive2, .znEditableSpan.editorActive2 {	
	outline: 2px dashed #FF5722;
	outline-offset: -2px;
}

.znEditGroupTd {
	position: relative;
	padding-right: 20px !important;
}

.znGrpAddBtn {
	visibility: hidden;
	display: inline-block;
	opacity:0.5;
	cursor: pointer;
	padding: 8px;
	vertical-align: middle;
	margin-left: 4px;
	align-self: center;
	flex: auto 1 0;	
	text-transform: uppercase;
}
.znGrpAddBtn:hover {
	background-color: rgba(0,0,0,0.07);
	text-decoration: none;
}
.znEditGroupTd:hover .znGrpAddBtn {
	visibility: visible;
}


.znEditGroupTd .znGrpNovaBtn {
	display:none;
	position: absolute;
	right: 4px;
	top: 8px;
	width: 17px;
	height: 17px;
	background: url('/znamky/pics/create.png') center center no-repeat;
	cursor: pointer;
}
.znEditGroupTd:hover .znGrpNovaBtn {
	display: block;
}

table.simpleTable tbody tr {
	border-bottom: 1px solid #CBDAE8;
}

table.simpleTable thead tr {
	border-bottom: 2px solid #CBDAE8;
	font-weight: bold;
}

table.simpleTable tbody tr.hoverable:hover {
	background-color: #CBDAE8;
}

table.simpleTable td, table.simpleTable th {
	padding: 5px;
}

table.simpleTable .link {
	cursor: pointer;
}


.znamkyInputDiv.selectedItem {
	background-color: rgba(255,253,184,0.7);
}

.znHromadnyKomentarHeader {
	margin: 5px -8px -7px -8px;
	background-color: #009688;
	padding: 5px;	
	box-sizing: border-box;	
}


.znamkyUdalostiFilterDiv {
	position: fixed;
	width: 200px;
	top: 43px;
	bottom: 0;
	right: 26px;
	padding: 0;/*10px 10px 10px 10px;*/
	background-color: #f6f7f9;
	border-left: 2px solid #d6d6d6;
	overflow: hidden;
	z-index: 6;
}
.znamkyUdalostiFilterDiv .scrollDiv {
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	top: 34px;
	bottom: 42px;
}
.znamkyUdalostiFilterDiv:hover .scrollDiv {
	overflow-y: auto;
}

.znamkyUdalostiFilterDiv.filterHidden {
	display: none;
	/*width: 20px;	
	cursor: pointer;*/	
}

.znamkyUdalostiFilterDiv.filterActive.filterHidden {
	background-color: #2196F3;
	border-left: 2px solid #0D47A1;
}

.znamkyUdalostiFilterDiv.filterHidden:hover {
	opacity: 0.7
}

.znamkyUdalostiFilterDiv.filterHidden * {
	display: none !important;
}
.znamkyUdalostiFilterDiv .filterHiddenTitle {
	display: none;
}
.znamkyUdalostiFilterDiv.filterHidden .filterHiddenTitle {
	display: block !important;
	/*color: #fff;*/
	font-size: 12px;
	font-weight: bold;
	color: #000;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-transform: uppercase;
	top: 50px;
	white-space:nowrap;
	position: relative;
}

.znamkyUdalostiFilterDiv.filterHidden.filterActive .filterHiddenTitle {
	color: #fff;
} 

.znamkyUdalostiFilterDiv .filterTitle {
	padding: 10px;
	background-color: #90A4AE;	
	color: #fff;
	position: relative;
}
.znamkyUdalostiFilterDiv.filterActive .filterTitle {
	background-color: rgb(44, 112, 163);
}

.znamkyUdalostiFilterDiv .deactivateBtn { 
	display: none;
}
.znamkyUdalostiFilterDiv.filterActive .deactivateBtn {
	display: inline-block;
}
.znamkyUdalostiFilterDiv .znUdalostiPanel .groupToggleBtn {
	cursor: pointer;
	display:inline-block;vertical-align: top;
}
.znamkyUdalostiFilterDiv .znUdalostiPanel li {
	padding: 5px;
	border-bottom: 1px solid #d6d6d6;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	padding-right: 23px;
}
.znamkyUdalostiFilterDiv .znUdalostiPanel li .label {	
	display: inline-block;
	vertical-align: top;
	width: 135px;
}

.znamkyUdalostiFilterDiv .znUdalostiPanel li .label .nowrap{
	width: 135px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display: block;	
}

.znamkyUdalostiFilterDiv .znUdalostiPanel li.groupTitle {	
	border-bottom: 1px solid #d6d6d6;
}
.znamkyUdalostiFilterDiv .znUdalostiPanel li .rightBackground {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	z-index: -1;
} 
.znamkyUdalostiFilterDiv .znUdalostiPanel li .editUdalostBtn {
	position: absolute;
	right: 0px;
	top: 2px;	
	padding: 3px;
	cursor: pointer;
}
.znamkyUdalostiFilterDiv .znUdalostiPanel li .editUdalostBtn:hover {
	background-color: rgba(0,0,0,0.05);
}

.znamkyUdalostiFilterDiv .selectAllDiv {
	border-bottom: 2px solid #d6d6d6;
	padding: 5px;
}

.filterActions {
	background-color: #f6f7f9;
	border-top: 2px solid #d6d6d6;
	padding: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	white-space: nowrap;
}
.filterActions input {
	width: 49%;
	box-sizing: border-box;
}


.znTabs {
	border-bottom: 1px solid #CBDAE8;
	padding-left: 5px;
}
.znTabs > li {
	display: inline-block;	
}

.znTabs > li > a {
	display: block;
	padding: 6px 10px;
	cursor: pointer;
	border: 1px solid #CBDAE8;
	margin-bottom: -1px;
	margin-right: -1px;
}

.znTabs > li > a:hover,
.znTabs > li > a.selected {
	background-color: #CBDAE8;
}

.znEditorInput {
	border: 1px solid rgb(169,169,169);	
}


.zncIntervals {
	width: 200px;
	min-height: 400px;
	position: relative;	
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 10px 5px;
}

.zncAddItem {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	padding: 15px 0 15px 96px;	
	background: url('/znamky/pics/ic_action_previous_item.png') center left no-repeat;
}
	

.zncIntervals:before {
	content: ' ';
	position: absolute;
	background-color: #ddd;
	top: 0;
	bottom: 0;
	left: 0;
	width: 20px;
}
.zncItem {
	display: block;
	position: relative;
	min-height: 34px;
}

.zncItemColor {
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	border-top: 1px solid rgba(255,255,255,0.7);
	box-sizing: border-box;
}

.zncItemVal {
	position: absolute;
	bottom: 0px;
	left: 25px;
}

.zncInput {
	border: 1px solid rgba(169,169,169);
	padding: 3px;
	vertical-align: middle;
	margin-right: -1px;
	width: 70px;
	box-sizing: border-box;
}

.zncInputVal {
	position: relative;
	padding-left: 18px;
}
.zncItemVal:before {
	position: absolute;
	content: '<';
	background-color: #eee;
	z-index: 2;
	padding: 3px;
	bottom: 1px;
	top: 1px;
	left: 1px;
}

.categoryContent .categoryDiv {
	overflow: hidden;
}

.znvHRDiv {
	padding: 5px;
	border-bottom: 1px dashed #CBDAE8;
}

.znvHCDiv {
	position: relative;
	padding: 10px;
	margin-left: 25px;
	border-left: 1px dashed #CBDAE8;
	border-bottom: 1px dashed #CBDAE8;
}
.znhItem {
	margin: 2px 0;
}
input.znhInput,
select.znhInput {
	padding: 7px 5px;
	width: 105px;
	box-sizing: border-box;
	margin: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
	height: 30px;
}

textarea.znhInput {
	padding: 2px 5px;
	width: 200px;
	font-size: 10px;
	height: 30px;
	box-sizing: border-box;
	margin: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.znamkyInputDiv.znNumGrades1 {
	width: 100%;
	position: relative;
}
.znamkyInputDiv.znNumGrades1 .znEditableSpan {
	display: block;
}

.znEditGroupTd .znamkyInputDiv.znNumGrades1 {
	width: auto;	
}
.znEditGroupTd .znamkyInputDiv.znNumGrades1 .znEditableSpan {
	display: inline-block;
}

.znGradeValHide .znZnamka.znHasGradeColor,
.znGradeValHide .znEdit.znHasGradeColor {
	color: transparent;
}

.znGradeValHide .znZnamka.znHasGradeColor:focus,
.znGradeValHide .znZnamka.znHasGradeColor:hover,
.znGradeValHide .znEdit.znHasGradeColor:focus,
.znGradeValHide .znEdit.znHasGradeColor:hover {
	color: inherit;
}

.znamkyInputDiv.znNumGrades1 .znPodpisane {
	padding-right: 10px !important;
	background: url('/znamky/pics/znsigned3.png') center right no-repeat;	
}

.znamkyInputDiv.znNumGrades1 .znPodpisaneRodic {
	padding-right: 10px !important;
	background: url('/znamky/pics/znsigned_rodic.png') center right no-repeat;	
}

.znamkyInputDiv.znNumGrades1 .znDatum {
	position: absolute;
	bottom: 1px;
	right: 2px;
	display: inline-block;
}

.zn-subjectBehaviourTd .znamkyInputDiv.znNumGrades1 .znDatum {
	display: none;
}


.znamkyRightPanel {
	position: fixed;
	top: 43px;
	right: 0;
	bottom: 0;
	width: 25px;
	background-color: #f6f7f9;
	border-left: 1px solid #d6d6d6;
	z-index: 6;
}

.znamkyRightPanel .zrpTabs {
	transform: rotate(90deg) translateY(3px);
	position: relative;
	transform-origin: bottom left;
	width: 620px;
	white-space:nowrap;
	
}

.znamkyRightPanel .zrpTabs .zrpTab {
	display: inline-block;
		
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 200px;
	box-sizing: border-box;
	padding: 6px 10px;
	cursor: pointer;
}
	
.znamkyRightPanel .zrpTabs .zrpTab:hover {
	background-color: #ECEFF1;
	text-decoration: none;
}

.znamkyRightPanel .zrpTabs .zrpTab.selected {
	background-color: #CFD8DC;
}

.znamkyRightPanel .zrpTabs .zrpTab.active {
	background-color: #2196F3;
	color: #ffffff;
}




.znamkyStatisticsDiv {
	position: fixed;
	right: 26px;
	top : 43px;
	bottom: 0;
	z-index: 6;
	background-color: #fff;
	border-left: 1px solid #d6d6d6;
	width: 330px;
	padding: 0px;
	box-shadow: -1px 0 3px rgba(0,0,0,0.3);
	overflow-y: auto;
	overflow-x: hidden;
}

.znamkyStatisticsDiv .statTitle {
	font-size: 14px;
	font-weight: normal;
	margin: 15px -15px 20px -15px;
	padding: 10px 15px;
	border-top: 1px solid #d6d6d6;
	font-weight: bold;
}
.znamkyStatisticsDiv .statValDiv, .znamkyStatisticsDiv .statList li {	
	padding: 5px 0;
	white-space: nowrap;
}
.znamkyStatisticsDiv .statLbl, .znamkyStatisticsDiv .statList .desc {
	display: inline-block;
	width: 70%;
	vertical-align: middle;
	padding-right: 10px;
	box-sizing: border-box;
	text-align: left;	
	line-height: 1em;
}
.znamkyStatisticsDiv .statVal, .znamkyStatisticsDiv .statList .val {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1em;
}
.znamkyStatisticsDiv .statList .val {
	font-size: inherit;
}

.znamkyStatisticsDiv .zasStudentid, 
.znamkyStatisticsDiv .zasAssignment {
	font-size: 24px;
	height: 38px;
	font-weight: bold;
	padding: 5px 0;
	border: 0;
	margin-left: -0.2em;
	display: block;
	box-sizing: border-box;	
	width: 100%;
}

.znamkyStatisticsDiv .zasStudentid option, 
.znamkyStatisticsDiv .zasAssignment option {
	font-size: 13px;
	font-weight: normal;
}
.znamkyStatisticsDiv .zasAssignment option.category {
	background-color: #E3F2FD;
}

.znamkyStatisticsDiv .zasAssignment option.all {
	background-color: #E8F5E9;
}
.znamkyStatisticsDiv .stKategoriaFilter {
	margin-top:-25px;
	text-align: right;
	margin-bottom: 10px;
	font-size: 11px;
}
.znamkyStatisticsDiv .stKategoriaFilter select {
	padding: 4px;
	width: 50%;
	box-sizing: border-box;
}
.statEmptyChart {
	opacity: 0.5;
	text-align: center;
	padding: 10px 0;
}

.statColorBox {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: top;
	margin-right: 10px;
}
.zasFilter {
	border-bottom: 2px solid #d6d6d6;
	padding: 10px 15px;
	height: 55px;
	box-sizing: border-box;
	z-index: 1;
	position:relative;
}
.zasStCharts {
	position: absolute;
	left: 0;
	right: 0;
	padding: 15px;
	top: 55px;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.fazBtn {
	padding: 10px 10px;
	cursor: pointer;
	display: inline-block;
	color: inherit;
	font-size: 18px;	
}
.fazBtn:hover, .fazBtn.selected {
	background-color:#CFD8DC;
	color: inherit;
}

.znamkyUdalostEditor input[type="text"],
.znamkyUdalostEditor input[type="number"],
.znamkyUdalostEditor select {
	padding: 6px 5px;
	box-sizing: border-box;
	width: 100%;	
	
	border: 1px solid rgb(169,169,169);
}


.ui-selectmenu-button.ui-button.znamky-typUdalosti-select {
	padding: 7px 7px;
	box-sizing: border-box;
	width: 100%;	
	border-radius: 0;
	border: 1px solid rgb(169,169,169);
	background-color: #fff;
	display: block;
}

.ui-selectmenu-button.ui-button.znamky-typUdalosti-select.ui-state-active:hover,
.ui-selectmenu-button.ui-button.znamky-typUdalosti-select:active {
	background-color: #fff;
	color: inherit;
}

.znamky-typUdalost-menu .ui-widget.ui-widget-content {
	border: 1px solid rgb(169,169,169);
	box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

.znamky-typUdalost-menu .ui-widget.ui-widget-content .ui-menu-item-wrapper {
	padding: 6px 7px 6px 7px;
}

.znamkyUdalostEditor .datepicker {
	background: #fff url(/global/pics/bar/img/datepicker-bg.png) no-repeat center right;
}

.znamkyUdalostEditor .errorField {
	outline: 2px solid #F44336;
}

.znamkyUdalostEditor .errorField:focus {
	outline: 2px solid #C62828;
}

.znamkyUdalostEditor .rozsireneNastavenia input[type="text"],
.znamkyUdalostEditor .rozsireneNastavenia input[type="number"],
.znamkyUdalostEditor .rozsireneNastavenia select {	
	width: 100%;	
	box-sizing:border-box;
}

.znamkyUdalostEditor .barDialogTitleRow {
	margin: 0;
	padding: 10px 20px 0 20px;
	color: rgba(0,0,0,0.5);
	border-bottom: 0px solid #d6d6d6;
	margin-bottom:3px;
}

.znamkyUdalostEditor .barDialogTitleRow h3 {
	color: inherit;
}

.znamkyUdalostEditor .barDialogRow div.label > b {
	font-size:12px;
	font-weight: normal;
	opacity: 0.7;
}
.znamkyUdalostEditor .barDialogRow {
	position: relative;
	margin:0;
	padding: 7px 15px 7px 0px ;
	color: inherit;
	border-bottom: 1px dashed #d6d6d6;
	display: flex;
	flex-flow: row nowrap;
	margin: 0 20px;
}

.znamkyUdalostEditor .barDialogRow div.label {
	padding: 6px 15px 6px 4px;
	width: 220px;
	flex: 220px 0 0;
	box-sizing: border-box;
	text-align: right;
	margin-left: 0 !important;
}
.znamkyUdalostEditor .barDialogRow div.value {
	flex: 100% 1 1;
}
/*
.znamkyUdalostEditor .barDialogRow:before {
	position: absolute;
	content: ' ';
	left: 1px;
	top: 1px;
	bottom: 1px;
	width: 7px;
	background-color: #CFD8DC;
}

.znamkyUdalostEditor .barDialogRow.required:before {	
	background-color: #BBDEFB;
}*/

/*
.zsdClassList {
	column-count: 3;column-width: 30%;
}

@media (max-width: 1300px) {
	.zsdClassList {
		column-count: 2;column-width: 50%;
	}
}
@media (max-width: 900px) {
	.zsdClassList {
		column-count: 1;column-width: 100%;
	}
}
*/
.zsdClassList {

	display: grid; 
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.zsdClassList .classItem {
	break-inside: avoid-column;
	
	box-sizing: border-box;
}
.zsdClassList .classItem > div:first-child {
	background-color: #f5f5f5;
	margin: -5px 0;
	padding: 5px;
}
.zsdEmptyList {
	opacity: 0.5;
}
.zsdStudentsList {
	margin: 15px 15px 0 32px;
	max-width: 300px;	
}

.zsdStudentsList .studentItem {
	
	border: 1px dashed #d6d6d6;
	border-top: 1px dashed #d6d6d6;
	margin-top:-1px;
	position: relative;
	
}
.zsdStudentsList .studentItem.selected {
	border: 1px solid #F44336;
	background-color: #FFEBEE;
	z-index: 1;
}

.zsdKreditMinus {
	display:block;color:#E53935;font-size:10px;
}

.zsdKreditPlus {
	display:block;color:#43A047;font-size:10px;
}

.mtPageHeader {
	background-color: #f6f7f9;
	border-bottom: 1px solid #d6d6d6;	
	padding-bottom: 15px; 
}
.mtPaddedContent {
	padding: 15px 15px 15px 50px;
}
.mtRestrictedWidth {
	box-sizing: border-box;
	max-width: 1200px;
}

.mtNavPanel {
	padding: 10px;
}
.mtNavPanel a.mtNavBtn {
	display: inline-block;	
	cursor: pointer;
	margin-right: 5px;
}
.mtNavPanel .dropDownBtn.btnSelected > a.mtNavBtn {
	background-color: #eee;
	text-decoration: none;
}
.mtNavPanel .dropDown a.mtNavBtn {
	display: block;
	margin: 0;
}
.mtNavPanel .dropDown a.mtNavBtn i {
	position: relative;
	left: -8px;
}
.mtNavPanel a.mtNavBtn:hover {
	background-color: #eee;
	text-decoration: none;
}
.mtNavPanel a.mtNavBtn img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
.mtNavPanel a.mtNavBtn span {	
	color: black;
	vertical-align: middle;
	display: inline-block;
	padding: 0 5px 0 0;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;	
}


.mtFixedNavPanel {
	position: fixed;
	z-index: 3;
	background-color: #f6f7f9;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	top:43px;
}
.mtFixedNavPanel.scrolled {
	border-bottom: 1px solid #d6d6d6;
	box-shadow: rgba(0,0,0,0.4) 0px 1px 3px;
}
.mtFixedNavPanel .onlyScrolled {
	display: none;
}

.mtFixedNavPanel.scrolled .onlyScrolled {
	display: inline-block;
}

.mtFixedNavPanel .onlyScrolledTitle {
	font-weight: bold;	
	margin-left: 15px;
	max-width: 500px;
	max-height: 30px;	
	vertical-align: middle;
}

.mtActionButton {
	padding: 12px 15px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.znZnamkaOuter {
	display: inline-block;;
	vertical-align: middle;
}
.znZnamkaOuter.znZnamkaOuterFw {
	width: 100%;
}
.znamkyPrehladTable .znZnamka,
.znamkyDatumTable .znZnamka {
	padding: 0;
}
.znColorPickerInput {
	border: 1px solid rgb(169,169,169);
	cursor: pointer;
	padding: 4px 5px;
	color: #ffffff;
	width: 100px !important;
}
.znColorPickerInput.empty {
	/*color: #000000;*/
}

.znColorPickerDropDown {
	position: absolute;
	width: 162px;
	padding: 5px;
	background-color: #fff;
	border-color: #d6d6d6;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	z-index: 10000;
	line-height: normal;	
}

.znColorPickerDropDown li {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 1px;
	padding: 0;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #d6d6d6;
}
.znColorPickerDropDown li.selected:after {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f00c";
	color: #fff;
	top: 6px;
	left: 6px;	  
}
.znColorPickerDropDown li.empty.selected:after,
.znColorPickerDropDown.light li.selected:after {
	color: #000;
}

.znColorPickerDropDown li.empty {
	border: 1px solid #d6d6d6;
	
}

.znamkyKategorieEditor .barDialogRow input[type="text"],
.znamkyKategorieEditor .barDialogRow input[type="number"],
.znamkyKategorieEditor .barDialogRow select {
	padding: 4px 4px;
	box-sizing: border-box;
	border: 1px solid rgb(169,169,169);
} 

.znamkyKategorieEditor .removeRowBtn {
	display: inline-block;
	padding: 3px;
	cursor: pointer;
}
.znamkyKategorieEditor .removeRowBtn:hover {
	background-color: #d6d6d6;
}

th.rotatingTh {
	box-sizing: border-box;	
}
.znRotatedThOuter {	
    width: 40px;
    transform-origin:  0 100%;
    -ms-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%; 
	position: absolute;
	left: 0;bottom: 0;
	box-sizing: border-box;	
}

.znRotatedThInner {
	box-sizing: border-box;	
	position: relative;
	border-bottom: 1px solid #235a82;
}

.znRotatedThCnt {
	position: absolute;
	left: 0;bottom:2px;
	padding: 0 0;
}
.znRotatedTriang {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0px;
	border-left-color: transparent;
	border-right-color: transparent;	
	border-top-width: 0;	
	border-style: solid;
	border-bottom-color: red;
}
.znUdalostHeader {
}

.znUdalostHeader .headerExternalLink {
	cursor: pointer;
	display: inline-block;
	padding: 2px 4px;
}

.znUdalostHeader .headerExternalLink:hover {
	background-color: rgba(0,0,0,0.5);	
}
.znRotatedTriang.znUdalostHeader {
	cursor:pointer;
}

.znUdalostHeader:not(.znRotatedThInner):hover {
	background-color: rgba(0,0,0,0.1);
	margin: -4px;
	padding: 4px;
}

.znUdalostHeader.znRotatedThInner:hover .znRotatedThCnt {
	background-color: rgba(0,0,0,0.1);
	margin: -4px;
	padding: 4px;
}

.znUdalostHeader.znRotatedTriang:hover {
	background-color: transparent;
	margin: 0;
	padding: 0;
}

.znCategoryFinalHeader {
	border-bottom-color: #15ad1a;
}
.znCategoryFinalHeader .znamkyUdalostHeader {
	position: relative;
	padding-right: 15px;
}
.znCategoryFinalHeader .znamkyUdalostHeader:after {
	position: absolute;
	right:0;
	bottom: 1px;
	content: "\f0ad";
	font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
}

.znCategoryFinalHeader .znRotatedThOuter .znamkyUdalostHeader:after {
	right: auto;
	left:-15px;
	bottom: auto;
	top: 0;
	transform: rotate(45deg);
	transform-origin: center center;
}

.znuHero {
	padding: 60px 20px 20px 50px;
	border-bottom: 1px solid #d6d6d6;
	background-color:  #f6f7f9;
	
}

.znuAlertMsg {
	color: #fff;background-color: #D84315;
	padding: 8px 25px 8px 50px;
	position: relative
}
.znuAlertMsg i {
	position: absolute;
	left: 25px;
	top: 10px;
}

.znuNavPanel {
	padding: 2px;
	background-color: #f6f7f9;
	position: fixed;
	left: 143px;
	top: 50;
	right: 0;
	height: 50px;
	box-sizing: border-box;
	z-index: 5;
}
.znuNavPanel.scrolled {
	border-bottom: 1px solid #d6d6d6;
	box-shadow: rgba(0,0,0,0.4) 0px 1px 3px;
}
.znuNavPanel a:not(.flat-button) {
	display: inline-block;
	color: black;
	vertical-align: middle;
	cursor: pointer;
	padding: 10px 6px;
	text-transform: uppercase;
}

.znuNavPanel a:not(.flat-button):hover {
	text-decoration: none;
	background-color: #eee;
}

.znuNavPanel a i {
	font-size: 24px;
	vertical-align: middle;
}
.znuTable {
	border-collapse: separate;	
}
.znuTable thead tr {
	background-color: #eee;
}
.znuTable thead tr th {
	padding: 5px;
}
.znuTable thead.fixedHead {
	border-top: 1px solid #d6d6d6;
	z-index:2;
	position: relative;
}
.znuTable thead.fixedHead tr,
.znuTable thead.fixedHead tr th {
	z-index:2;
	position: relative;
	background-color: #eee;
}

.znuTable tbody tr:hover {
	background-color: #FFF8E1;
}

.znuTable tbody tr.groupTitle:hover,
.znuTable tbody tr.groupFooter:hover {
	background-color: #fff;
}

.znuTable td, .znuTable th {
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}
.znuTable tr.readonly {
	background-color: #eee;
}
.znuTable .overriddenRow  td.handle{
	background-color: #EF9A9A;
}

.znuTable .groupTitle td {
	padding: 15px 15px 5px 30px;
	font-size: 1.1em;
	text-transform: uppercase;
}

.znuTable .groupFooter td {
	border: 0;
	padding: 5px;
}

.znuActionButton {
	padding: 12px 15px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.znuFilterDiv {
	max-width: 900px;
	padding-right: 200px;
	box-sizing: border-box;
	position: relative;
}
.znuFilterDiv select{
	padding: 3px 5px;
	width: 120px;
	box-sizing: border-box;
}



.ztpsList .triedaTitle {
	padding: 5px;
	border-bottom: 0px solid #ddd;
}
.ztpsList .triedaLi .toggleBtn {
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
}
.ztpsPredmetyList {
	margin-left: 25px;
	padding: 8px;
}
.ztpsPredmetyList li {
	display: inline-block;
	width: 33%;
	box-sizing: border-box;
	padding: 0px 3px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}



.zuiHeader {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.zuiHeader h2 {
	margin: 0;
}


.zuiColumns > li {
	border-bottom: 1px solid #ddd;
	
	white-space: nowrap;
}

.zuiColumns .colName,
.zuiColumns .colType {
	display: inline-block;
	width: 150px;
	vertical-align: top;
	white-space: normal;
	padding: 5px;
	height: 33px;
	box-sizing: border-box;
}

.zuiColumns .colType {
	width: 200px;
}

.zuiColumns .colType select {
	box-sizing: border-box;
	width: 100%;
	padding: 3px 5px;
}


.zuiColumns .colRows {
	display: inline-block;
	width: 400px;
	vertical-align: top;
	height: 33px;
}

.zuiColumns .colRows > li {
	display: inline-block;
	border-left: 1px solid #ddd;	
	padding: 5px;
	width: 80px;
	font-size: 11px;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	height: 33px;
	box-sizing: border-box;
}
.zuiColumns .colRows > li.empty {
	background-color: #eaeaea;
}

.zui-stepDest-classTitle {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	font-size: 1.1em;
	position: relative;
}

.zui-stepDest-classCount-outer {
	position: absolute;
	right: 5px;
	top: 5px;	
	font-weight: bold;
	color: #3F51B5;
}

.zui-stepDest-classItem .zui-stepDest-subjectList {
	display:none;
}

.zui-stepDest-classItem.expanded .zui-stepDest-subjectList {
	display: block;
}
.zui-stepDest-subjectList  {
	margin-left: 25px;
}
.zui-stepDest-subjectList li {
	display: inline-block;
	white-space: nowrap;
	width: 33%;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.zui-stepDest-subjectList li label {
	display: block;
	padding: 1px 3px;
}

.zui-final-tableDiv {
	background-color: #aaa;
	overflow: auto;
	height: 70vh;
}

.zui-final-table {
	background-color: #fff;
}
.zui-final-table th {
	border: 1px solid #d6d6d6;
	background-color: #eee;
	padding: 3px 5px;
	font-size: 10px;
	text-align: center;
}
.zui-final-table td {
	border: 1px solid #d6d6d6;
	
	padding: 3px 5px;	
	font-size: 11px;
}

.zui-final-table .groupTitle td {
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 2px solid #009688;
	padding: 15px 3px 5px 35px;
	text-transform: uppercase;
	background-color: rgb(240, 240, 240);
}

.zui-final-table .categoryTitle td {
	padding-top: 8px;
	background-color: #eee;	
	font-size: 13px;
}

.zui-color-box {
	width: 15px;height:15px;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: middle;
} 


.zkuTable td, 
.zkuTable th {
	border: 1px solid #CBDAE8;
}

table.zkuTable tr th, table.zkuTable tfoot tr td {
	padding: 4px;
}

.zkuTable thead, 
.zkuTable tfoot {
	background-color: #eee;
}

.zkuTable thead th {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.zkuTable {
	background-color: #fff;
}

.zkuTable .groupFooter td,.zkuTable .groupTitle td{
	border: 0;
}
.zkuTable .groupFooter td {
	padding: 5px;
}


table.poznamkyVcelickaTexts {
	width: 100%;
}

table.poznamkyVcelickaTexts th {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 2px solid #BBDEFB;
	padding: 6px;
}
table.poznamkyVcelickaTexts td {
	padding: 6px;
	border-bottom: 1px solid #BBDEFB;
	cursor: pointer;
}

table.poznamkyVcelickaTexts tbody tr:hover {	
	background-color: #E3F2FD;
}



#adminznamkyform .znamkovanieTableEdit {
	padding: 10px 5px;
	border: 0;
	width: 100%;
	box-sizing: border-box;
}


.zadmrSelectorTitle {
	padding: 5px;
	background-color: #dadada;
	margin-top: 10px;
}
.zadmrItemList {
	padding: 10px;
}
.zadmrItemList li {
	display: inline-block;
	padding: 3px;
	vertical-align: top;
	width: 180px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zadmRestrictionsList {
	width: 100%;
}
.zadmRestrictionsList thead th {
	padding: 5px;
	border-bottom: 2px solid #D0D0D0;
}

.zadmRestrictionsList tbody td {
	padding: 5px;
	border-bottom: 1px solid #D0D0D0;
}
.dialogItemEditorRows.poznamkaEditorFields {
	max-height: 75vh;
	overflow-y: auto;
	overflow-x:hidden;
}

.dialogItemEditorRows.poznamkaEditorFields > li {
	padding: 8px 12px;
}

.dialogItemEditorRows.poznamkaEditorFields li > .value input[type="text"],
.dialogItemEditorRows.poznamkaEditorFields li > .value input[type="password"], 
.dialogItemEditorRows.poznamkaEditorFields li > .value input[type="email"], 
.dialogItemEditorRows.poznamkaEditorFields li > .value input[type="number"], 
.dialogItemEditorRows.poznamkaEditorFields li > .value select, 
.dialogItemEditorRows.poznamkaEditorFields li > .value textarea {
	border: 1px solid #aaa;
	padding: 4px 5px;
	box-sizing: border-box;
	width: 100%;
}

.dialogItemEditorRows.poznamkaEditorFields .printableBtn {	
	display: inline-block;
}




.zsvHeader {
	background-color: #f6f7f9;
	border-bottom: 1px solid #d6d6d6;
}

.edubarRibbon.zsvHeader {
	border-bottom: 1px solid #d6d6d6;
    box-shadow: none;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 5;
    min-width: 800px;
    
}	

.zsvHeaderTitle {
	padding: 56px 20px 10px 20px;
	background-color: #f6f7f9;
}

.zsvHeaderTabs {
	padding: 0 20px 0 7px;	
	border-bottom: 1px solid #d6d6d6;
	white-space:nowrap;
	position: fixed;
	background-color: #f6f7f9;
	width: 100%;
	z-index:1;
}

.zsvHeaderTab {
	text-transform: uppercase;
	padding: 10px 15px;
	cursor: pointer;
	display: inline-block;
	color: inherit;
	margin-bottom: -1px;
}
.zsvHeader .zsvHeaderTab:hover {
	text-decoration: none;
	
}

.zsvHeaderTab.selected {
	border-bottom: 2px solid #2196F3;
	font-weight:bold;
}


.zsvActionButtons {
	position: relative;
	padding: 0;
	max-width: 750px;	
}
.zsvActionButtonsInner {
	position:absolute;
	right: 0;
	bottom: -5px;
}
.zsvActionButtons a.flat-button {
    padding: 12px 15px;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.zsvActionButtons a i {
	font-size: 20px;
	display: inline-block;
	margin: -3px 4px -3px -4px;
	vertical-align: middle;
}


.zsvFilterElem {
	padding: 10px 20px 25px 20px;
	background-color: #f6f7f9;
	
}
.zsvFilterElem.zsvScrolled {
	position: fixed;
	width: 100%;	
	top: 79px;
	border-bottom: 1px solid #d6d6d6;
	box-shadow: rgba(0,0,0,0.4) 0px 1px 3px;
	z-index: 20;
}
	
.zsvFilterElem .zsvFilterItem {
	display: inline-block;
	margin-right: 5px;
}

.zsvFilterItem .zsvFilterTitle {
	display: block;
	font-size: 10px;
	font-weight: bold;
}
.zsvFilterItem select {
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #aaa;
}

.zsvFilterItem .dropDownBtn > a {
	display: block;
	padding: 6px;
	border: 1px solid #aaa;
	background-color: #fff;
}



.znamky-toolbar-course-image {
	width: 35px;
	height: 35px;
	display: inline-block;
	border-radius: 50%;
	box-sizing: border-box;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: -2px 12px 0 2px;
	box-shadow: -1px 0px 3px rgba(0,0,0,0.5) inset;	
}

table.znamkyTable tr td a.znamkyUdalostLink i.fa {
	color: #0091EA;
	margin-left: 5px;
}

.edubarRibbon .ecourse-znamky-pohlad-div {
	white-space: nowrap;
	display: inline-block;
	vertical-align: bottom;
	
	margin-right: 8px;
	
}
.edubarRibbon .ecourse-znamky-pohlad-div .ribbon-button-large {
	display: inline-block;
	height: auto;	
	vertical-align: middle;
	float: none;	
	text-align: left;
	color: inherit;
	padding:4px;
}
.edubarRibbon .ecourse-znamky-pohlad-div .znamkySidePohladDropDown {
	float: none !important;
	display: block !important;
}

.edubarRibbon .ecourse-znamky-pohlad-div .ribbon-button-large .ribbon-icon.ribbon-normal {
	display: block;
	padding: 0;
	width:20px;
	height:20px;
	margin: 0;
	margin-right: 10px;
	vertical-align: middle;
}

.edubarRibbon .ecourse-znamky-pohlad-div .ribbon-button-large .button-title {
	display: inline-block;
	vertical-align: middle;
	margin-top: 0 !important;
	font-weight: bold;
}

.osnovaKurzItems {
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
	min-height: 40px;
	position:relative;
	max-height: 60px;
}

.osnovaItem:hover .osnovaKurzItems  > .osnovaKurzItem {
	/*opacity: 0.7;*/
	/*background-color: rgb(253,235,157)*/
	outline: 2px solid rgb(253,235,157);
	outline-offset: -1px;
}

.osnovaKurzItem {
	flex: 20px 1 1;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 0px;
	box-sizing: border-box;
	padding-top: 0px;
	font-size: 12px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;	
	color: #fff;
	position: relative;
	overflow: hidden;
}

.osnovaKurzItem .osnovaKurzItemTitle {
	flex: auto 0 0;
	text-align: left;
	padding-left: 18px;
	white-space: nowrap;
	position: relative;
}

table.narrow .osnovaKurzItem .osnovaKurzItemTitle {
	padding-left: 8px;
	
}

.osnovaKurzItem:last-child {
	border-bottom: 0;
}

.osnovaCoursesListItem-title-outer {
	padding: 10px 10px;
	background-color: #dfdfdf;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
}

.osnovaCoursesListItem-title {
	font-weight: bold;
	font-size: 14px;
	
}

.osnovaCoursesListItem-subtitle {
	margin-top: 5px;
	opacity: 0.8;
}

.osnovaCoursesListItem-ptitle {
	padding: 5px 10px;
	display: flex;
	flex-flow: row nowrap;
}
.osnovaCoursesListItem-ptitle > span {
	flex: auto 0 0;
	display: inline-block;
	margin: 0 10px;
}

.osnovaCoursesListItem-ptitle:after,
.osnovaCoursesListItem-ptitle:before {
	display: inline-block;
	flex: 10px 1 1;
	content: ' ';
	border-bottom: 1px solid #ddd;
	height: 0px;
	align-self: center;	
}
	

.osnovaCoursesListItem-param {
	display: flex;
	flex-flow: row nowrap;	
	padding: 5px 10px;
}

.osnovaCoursesListItem-param.actionButton {
	cursor: pointer;
	opacity:0.7;	
	color: #F44336;
}

.osnovaCoursesListItem-param.actionButton:hover {
	background-color: rgba(0,0,0,0.05);
	opacity: 1;	
}

.osnovaCoursesListItem-param-lbl {
	flex: 45% 0 0;
	opacity: 0.7;
	text-align: left;
	
}

.osnovaCoursesListItem-param-val {
	flex: 55% 1 1;
	box-sizing: border-box;
	padding-left: 5px;
}

.osnovaKurzItem.nezaradeni {
	flex: 20px 1 1;
	text-align: left;
}
.osnovaKurzItem.nezaradeni,
.osnovaCoursesListItem.nezaradeni .osnovaCoursesListItem-title-outer {
	background-color: #FF9800;
}

.osnovaKurzItem.isWhite {
	color: #333;
}
.osnovaKurzItem.hasTT,
.osnovaCoursesListItem.hasTT .osnovaCoursesListItem-title-outer,
.osnovaKurzItem.nezaradeni,
.osnovaCoursesListItem.nezaradeni .osnovaCoursesListItem-title-outer {
	position: relative;
	overflow: hidden;
}

.osnovaKurzItem.nezaradeni:before,
.osnovaCoursesListItem.nezaradeni .osnovaCoursesListItem-title-outer:before {
	font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;	
	content: "\f071";
	color: rgba(255,255,255,0.5);
	position: absolute;
	left: -4px;
	top: 45%;
	top: calc(50% - 8px);
	font-size: 16px;
}
	
.osnovaKurzItem.hasTT:before,
.osnovaCoursesListItem.hasTT .osnovaCoursesListItem-title-outer:before,
.osnovaKurzItem.rightw:before,
.osnovaCoursesListItem.rightw .osnovaCoursesListItem-title-outer:before,
.osnovaKurzItem.rightr:before,
.osnovaCoursesListItem.rightr .osnovaCoursesListItem-title-outer:before {
	
	font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;	
	content: "\f0a2";
	color: rgba(255,255,255,0.5);
	position: absolute;
	left: -4px;
	top: 45%;
	top: calc(50% - 8px);
	font-size: 16px;	
}

.narrow .osnovaKurzItem.hasTT:before,
.narrow .osnovaCoursesListItem.hasTT .osnovaCoursesListItem-title-outer:before,
.narrow .osnovaKurzItem.rightw:before,
.narrow .osnovaCoursesListItem.rightw .osnovaCoursesListItem-title-outer:before,
.narrow .osnovaKurzItem.rightr:before,
.narrow .osnovaCoursesListItem.rightr .osnovaCoursesListItem-title-outer:before {
	font-size: 12px;
	top: calc(50% - 6px);
}


.osnovaKurzItem.hasTT.jeZus:before,
.osnovaCoursesListItem.hasTT.jeZus .osnovaCoursesListItem-title-outer:before {
	
	
	content: "\f040";
	
	
}

.osnovaKurzItem.rightw:before,
.osnovaCoursesListItem.rightw .osnovaCoursesListItem-title-outer:before {
	content: '\f040';
}

.osnovaKurzItem.rightr:before,
.osnovaCoursesListItem.rightr .osnovaCoursesListItem-title-outer:before {
	content: '\f06e';
}



.osnovaCoursesListItem.hasTT .osnovaCoursesListItem-title-outer:before,
.osnovaCoursesListItem.nezaradeni .osnovaCoursesListItem-title-outer:before,
.osnovaCoursesListItem.rightw .osnovaCoursesListItem-title-outer:before,
.osnovaCoursesListItem.rightr .osnovaCoursesListItem-title-outer:before {
	left: auto;
	right: 4px;
	top: 4px;
	font-size: 24px;
} 
.osnovaKurzItem.isFromTT,
.osnovaKurzItem.isBad,
.osnovaCoursesListItem.isFromTT .osnovaCoursesListItem-title-outer,
.osnovaCoursesListItem.isBad .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.isBad {
	background-color: rgba(244,67,54,1);
}
.osnovaKurzItem.isValid,
.osnovaCoursesListItem.isValid .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.isValid {
	background-color: rgba(67,160,71,1);
}

.osnovaKurzItem.validNotApproved,
.osnovaCoursesListItem.validNotApproved .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.validNotApproved {
	background-color: #5c9e9f;/*rgb(122, 141, 123);*/
}

.osnovaKurzItem.validNotLinked,
.osnovaCoursesListItem.validNotLinked .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.validNotLinked {
	background-color: #C0CA33;/*rgb(122, 141, 123);*/
}

.osnovaKurzItem.lidTpugNoMatch,
.osnovaCoursesListItem.lidTpugNoMatch .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.lidTpugNoMatch {
	background-color: #9E9D24;/*rgb(122, 141, 123);*/
}

.osnovaKurzItem.rightw,
.osnovaCoursesListItem.rightw .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.rightw {
	background-color: rgba(0,145,234,1);
}


.osnovaKurzItem.rightr,
.osnovaCoursesListItem.rightr .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.rightr {
	background-color: rgba(98,0,234,1);
}

.osnovaKurzItem.isInvalid,
.osnovaCoursesListItem.isInvalid .osnovaCoursesListItem-title-outer,
.courseseditor-overview-progress.isInvalid {
	background-color: rgba(117,117,117,1);
}


.osnovaKurzItem.plansView.planNoTopics {
	background-color: rgba(150,150,150,1);
}


.osnovaKurzItem.plansView.planHasTopics {
	background-color: rgba(85,139,47,1);
	position: relative;
}

.osnovaKurzItem.plansView.planHasTopics.isInvalid {
	background-color: rgba(117,139,102,1);
}

.osnovaKurzItemProgress {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	background-color: #2E7D32;
}
	


.osnovaCoursesListItem  {
	margin: 8px 12px;
	background: #fff;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
}

.coursesEditorOverview {
	min-height: 100vh;
	min-height: calc(100vh - 43px);
	background-color: #eee;
}

.courseseditor-overview-cards,
.courseseditor-overview-innerelem {
	padding: 30px 50px;
    margin: auto;
    max-width: 1200px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}

.courseseditor-overview-cards-list {
	display: flex;
	flex-flow: row wrap;
}
.courseseditor-overview-card-empty {
	flex: 30% 1 1;
	margin: 10px;
	box-sizing: border-box;
}

.courseseditor-overview-card {
	flex: 30% 1 1;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	margin: 10px;
	padding: 15px 70px 40px 15px;
	box-sizing: border-box;
	
	cursor: pointer;
	transition: transform 0.2s ease, background-color 0.2s ease;
	position: relative;
}

.courseseditor-overview-card.resultsoverview {
	padding-top: 35px;
	padding-bottom: 35px;
	padding-right: 100px;
}
.courseseditor-overview-cards-list a.courseseditor-overview-card { 
	color: inherit;
	text-decoration: none;
}

.courseseditor-overview-card:hover {
	transform: scale(1.2);
	background-color: #FFF8E1;
	z-index: 10;
	text-decoration: none;
}

.courseseditor-overview-card-title {
	font-size: 24px;
}

.courseseditor-overview-card-subtitle {
	opacity: 0.7;
	margin-top: 15px;
	
}

.courseseditor-overview-card-message {
	background-color: #03a65a;/*rgba(0,0,0,0.3);*/
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;	
	min-height: 1em;
	display: flex;
	flex-flow: row nowrap;	
}

.courseseditor-overview-progress {
	flex: auto 1 1;
	background-color: #757575;
	position: relative;
	height: 1em;
}
.courseseditor-overview-progress.nezaradeni {
	background-color: #FF9800;
}

.courseseditor-overview-progress-overlay {
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}


.courseseditor-overview-card-img {
	position: absolute;
	right: 5px;
	top: 15px;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
	opacity: 0.3;
}

.resultsoverview .courseseditor-overview-card-img {
	width: 80px;
	height: 80px;
	top: 25px;
	right: 15px;
	
}

.courseeditor-toolbar-view-image {
    width: 36px;
    height: 40px;
    display: inline-block;

    box-sizing: border-box;
    background-position: center center;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    vertical-align: middle;
    
   	margin: -10px 10px -10px 0;
 	position: relative;
 	top: 0px;
 	text-align: center;
 	padding: 0;
 	
}


.courseeditor-toolbar-view-image img {
	width: 40px;
	height: 40px;
	vertical-align: middle;	
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));
}


.osnovaMainElem.coursesEditor {
	background-color: #999;min-height:100vh;min-height:calc(100vh - 43px);
} 

.osnovaMainElem.coursesEditor.overview {
	background-color: #fff;
}

.ecourse-standards-hero.preparations.coursesEditor {
	border-bottom: 2px solid #263238;
    background: #607D8B;
    color: #fff;
}

.ecourse-standards-hero.preparations.coursesEditor.differentYear {
	background-color: #E91E63;
}



.flat-button-width-shadow {
	box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	font-size: 16px;
}

.osnovaSidebarElem-scroller {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

table.osnovaHodinTable.courseEditor td.osnovaItem.modified {
	font-weight: normal;
	color: inherit;
}

.courseEditor-save-btn.elearn-toolbar-btn-flat {
	display: none;
}

.modified .courseEditor-save-btn.elearn-toolbar-btn-flat {
	display: inline-block;
}

.osnovaNewCourseTd {
	cursor: pointer;
	min-height: 200px;
}

.osnovaNewCourseTd:hover {
	background-color: #f5f5f5;
}


.ribbon-section-poznamky-select .ribbon-section-poznamky-select-r {
	display: flex;
	flex-flow: row nowrap;
	min-width:220px;
}
.ribbon-section-poznamky-select .ribbon-section-poznamky-select-r > span {
	flex: 50px 0 0;
	text-align: right;
	align-self: center;
	margin-left: 0 !important;
	margin-right: 5px;
}

.ribbon-section-poznamky-select .ribbon-section-poznamky-select-r > div {
	flex: 150px 1 1;
	
}

.ribbon-section-poznamky-select .ribbon-section-poznamky-select-r > div > select {
	width: 100% !important;
	padding: 5px;
	margin: 0;
	box-sizing: border-box;
}

.ask-cellChangesOuter {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.ask-cellChangesItem {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #A5D6A7;	
}

.ask-cellChangesItem.isExcluded {
	background-color: #f2f2f2;
}

.znUdalostPoznamka{
	opacity:0.5;
	font-size:11px;
	margin-top:5px;
	display: none;
}
.znUdalostPoznamka2 {
	opacity:0.5;
	font-size:11px;
	margin-top:5px;

}
.znUdalostPoznamkaInfo {
	position: absolute;
	right: 0;
	top: 12px;
	color: #0091EA;
	font-size: 14px;
	cursor: pointer;
}


.ecourse-link-button,
.ui-widget-content .ecourse-link-button,
.edubarHeader a.ecourse-link-button {
	display: inline-block;
	padding: 5px 12px;
	vertical-align: middle;
	color: #2196F3;
	cursor: pointer;
	
	text-transform: uppercase;
	font-weight: bold;
}

@media (hover: hover) and (pointer: fine) {
	.ecourse-link-button:hover,
	.ui-widget-content .ecourse-link-button:hover {
		color: #1976D2;
		background-color: rgba(0,0,0,0.05);/*#E3F2FD;*/
		text-decoration: none;	
	}
}


.grayTitleDialog .barDialogTitleRow2 {
	border-bottom: 1px solid #d6d6d6;
	color: inherit;
}

.grayTitleDialog .ui-dialog-content table.fieldList tr > td.label {
	color: rgba(0,0,0,0.6);
}

.znVyhodnoteniaListMenu {
	float: left;
    width: 150px;
    border-right: 1px solid #d6d6d6;
    margin-right: -1px;
	padding: 0;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #f5f5f5;
}

.znVyhodnoteniaListMenu a.vyhodnotenieLnkInner {
	display: block;
	padding: 7px 5px 7px 10px;color:inherit;
	border-bottom: 1px dashed rgba(0,0,0,0.1); 
	cursor: pointer;

}

.znVyhodnoteniaListMenu a.vyhodnotenieLnkInner:hover {
	background-color: rgba(0,0,0,0.05);
}

.znVyhodnoteniaListMenu a.vyhodnotenieLnkInner.selected {
	background-color: #546E7A;
	color: #fff;
}

.znAssignmentParamsInfo tr > td {
	padding: 5px;
}
.znAssignmentParamsInfo tr > td:first-child {
	text-align: right;
	color: rgba(0,0,0,0.5);
}

.znInputCnt.withPlaceholder:before {
	content: attr(data-placeholder);
	position: absolute;
	box-sizing: border-box;
	padding: 10px 2px 10px 10px;
	opacity: 0.3;
	z-index: 0;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.znInputCnt.withPlaceholder .znInput {
	position: relative;
	z-index: 1;	
}

.znInputCnt.withPlaceholder .znNovaBtn {
	z-index: 2;
	background-color: rgba(255,255,255,0.7);
}


table.znamkyTable tr td.znEditTd.nemaStudentKurz,
.znPoznamkaFooter .nemaStudentKurz {	
	background: rgba(200, 200, 200,0.2);
}

table.znamkyTable tr td.znEditTd.excludedSubject,
.znPoznamkaFooter .excludedSubject {	
	background: rgba(200, 200, 200,0.5) url('/znamky/pics/excluded2.svg') center left no-repeat;
	background-size: 13px;
}


.znPoznamkaFooter {
	padding: 10px 15px;
}
.znPoznamkaColor {
	border: 1px solid #cce9ff;
	display:inline-block;width:30px;height:20px;vertical-align:middle;margin-right:10px;
}

table.znamkyTable tr.excludedStudent {
	opacity: 0.5;
}

table.znamkyTable tr td.znEditTd.excludedSubject .znEdit:hover,
table.znamkyTable tr td.znEditTd.excludedSubject .znEdit:focus,
table.znamkyTable tr.excludedStudent .znEdit:hover,
table.znamkyTable tr.excludedStudent .znEdit:focus {
	background-color: rgba(255,172,172,0.5);
}
.znEditTd.dochReadonly,
.znEditTd.dochStlpecReadonly {
	background-color: #eee;
}

.znamkyInputDiv .znZnamka:first-child {
	padding-left: 5px;
}

.dialogItemEditorRows.printReport li {
	padding: 8px 5px;
}

.znRowsHidden .barDialogRow  {
	display: none !important;
}

.ztd-sourcesList {
	margin-bottom: 8px;
	font-weight: bold;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: 5px;
	padding-top: 10px;
}
.ui-autocomplete-incategory .ui-menu-item-wrapper {
	padding-left: 20px;
}


.zn-dialogFieldRow {
	display: flex;
	flex-flow: row nowrap;
	padding: 7px 0;	
}

.zn-dialogFieldRow .label {
	flex: 30% 3 3;
	text-align: right;
	opacity: 0.7;
	padding: 5px;
}

.zn-dialogFieldRow .value {
	flex: 70% 7 7;
}

.zn-dialogFieldRow .value input[type="text"],
.zn-dialogFieldRow .value input[type="number"],
.zn-dialogFieldRow .value select {
	padding: 5px 7px;
	border: 1px solid #ddd;
	width: 100%;
	box-sizing: border-box;
}

.znamky-statements-title{
	padding: 12px 12px 5px 12px;
	font-weight: bold;;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.znamky-statements-item {
	display: flex;
	flex-flow: row nowrap;
	padding: 12px;
	cursor: pointer;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}


.znamky-statements-item:hover {
	background-color: rgba(0,0,0,0.05);
}

.znamky-statements-item.selected {
	background-color: #FFECB3;
}

.znamky-statements-item-id {
	flex: 60px 0 0;
	padding-right: 10px;
	text-align: right;
	opacity: 0.7;
}

.znamky-statements-item-text {
	flex: auto 1 1;
}

.znamky-predefined-text-val {
	margin: 10px 10px 10px 25px;
}

.znamky-statements-search {
	position: relative;
	padding: 5px;
	background-color: #eee;
}

.znamky-statements-search input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	padding: 7px;
	border: 1px solid #ddd;
}

.znamky-statements-search .znamky-statements-search-cancelBtn {
	position: absolute;
	right: 6px;
	top: 6px;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	padding: 7px;
}

.znamky-statements-search .znamky-statements-search-cancelBtn:hover {
	background-color: rgba(0,0,0,0.05);
}

.znamky-statements-list {
	max-height: calc(100vh - 200px);
	overflow: auto;
	box-sizing: border-box;
}

.znamky-statements-item.selected {
	background-color: #FFECB3;
}

.znamkyConfirmationEditor textarea {
	overflow: hidden !important;
}


.znamkyInputDiv .znEditableSpan.znOnlyFIeld {	
	padding-right:24px;
}
.znamkyInputDiv textarea.znEditableSpan {
	white-space: normal;
}

.znEditCellFlex {
	display: flex;
	flex-flow: row nowrap;
	
}
.znEditCellFlex .znamkyInputDiv {
	flex: auto 0 0;
}
.znEditCellFlex .znInputCnt {
	flex: auto 1 1;
}

.znEditCellFlex .znInputCnt .znInput,
.znEditCellFlex .znEditableSpan.znOnlyFIeld {
	width: calc(100% - 29px) !important;	
}

.znMinSirkaInput20 .znEditCellFlex .znInputCnt {
	flex: 49px 1 1;
}
.znMinSirkaInput20 .znEditCellFlex .znInputCnt .znInput {
	min-width: 20px;
}

.znMinSirkaInput47 .znEditCellFlex .znInputCnt {
	flex: 76px 1 1;
}
.znMinSirkaInput47 .znEditCellFlex .znInputCnt .znInput {
	min-width: 47px;
}

.znMinSirkaInput15 .znEditCellFlex .znInputCnt {
	flex: 44px 1 1;
}
.znMinSirkaInput15 .znEditCellFlex .znInputCnt .znInput {
	min-width: 15px;
}


.znEditTd .znEditCellFlex .znInputCnt textarea.znInput,
.znEditTd .znEditCellFlex .znamkyInputDiv textarea.znInput {
	min-width: 150px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 27px;
}

.znSubjectCommentVerbEval {
	cursor: pointer;
	appearance: none;
}

.znSubjectCommentVerbEval:hover {
	background-color: rgba(0,0,0,0.05);
	outline: none !important;
}
.znSubjectCommentVerbEval:focus {
	outline: none !important;
}

.znTableVsetkyPredmety .znEditTd .znEditCellFlex .znInputCnt textarea.znInput,
.znTableVsetkyPredmety .znEditTd .znEditCellFlex .znamkyInputDiv textarea.znInput {
	min-width: 20px;	
}

.znEditTd[data-uid="-31"] .znEditCellFlex .znInputCnt,
.znEditTd[data-uid="-21"] .znEditCellFlex .znInputCnt {
	flex: 300px 1 1;
	min-width: 25vw;
}

.znTableVsetkyPredmety .znEditTd[data-uid="-31"] .znEditCellFlex .znInputCnt, 
.znTableVsetkyPredmety .znEditTd[data-uid="-21"] .znEditCellFlex .znInputCnt {

	flex: 30px 1 1;
	min-width: 20px;
}

table.znamkyTable tr td.znamkyDocsTd {
	padding: 0px;
	text-align: center;
}
.znamkydoc-form-rows {
	max-height: calc(100vh - 120px);
	overflow: auto;
}
.znamkydoc-form-title{
	padding: 12px;
	background-color: #f5f5f5;
}
.znamkydoc-form-row {
	padding: 8px 12px;
	display: flex;
	flex-flow: row wrap;
	border-bottom: 1px dashed rgba(0,0,0,0.05);
}
.znamkydoc-form-row > .label {
	flex: 120px 0 0;
	text-align: right;
	box-sizing: border-box;	
	padding-right: 12px;
}

.znamkydoc-form-row > .value {
	flex: 200px 1 1;
	
}

.znamky-doc-btn {
	display: inline-block;
	cursor: pointer;
	color: inherit;
	padding: 5px;	
	white-space: nowrap;
}
.znamky-doc-btn.not-published {
	color: #D32F2F;
}
.znamky-doc-btn.published {
	color: #03A9F4;
}
.znamky-doc-btn.signed {
	color: #43A047;
}
.znamky-doc-btn i {
	font-size: 16px;	
	display: inline-block;
	vertical-align: middle;
}

.znamky-doc-btn > span {
	display:inline-block;vertical-align:middle;margin-left:4px;text-align:right;
}


.znamky-doc-btn:hover {
	background-color: rgba(0,0,0,0.05);
	text-decoration: none;
}

.znamky-doc-btn-info {
	font-size: 9px;
	color: rgba(0,0,0,0.6);
}
.znamky-doc-btn-info i {
	font-size: 7px;
}

.znviewer-znamkydocs-info {
	padding: 12px;
	background-color: #f5f5f5;
	color: inherit;
}

.znviewer-znamkydocs-info.isNew {
	background-color: #E1F5FE;
}
.znviewer-znamkydocs-info li {
	padding: 8px 8px 8px 40px;
	position: relative;
}
.znviewer-znamkydocs-info li a[href] {
	color: inherit;
}

.znviewer-znamkydocs-info li.not-seen a[href] {
	font-weight: bold;
}

.znviewer-znamkydocs-info li i.listIcon {
	position: absolute;
	left: 4px;
	top: 6px;
	font-size: 18px;
}

.znamky-selection-toolbar {
	position: absolute;
	display: none;
	left: 0;
	top:0;
	bottom: 0;
	z-index: 2;
	background-color: #f5f5f5;
	right: 0;
}
.znamky-selection-toolbar-inner {
	display: flex;
	flex-flow: row nowrap;
	height: 50px
}

.znamky-selection-toolbar-btn {
	flex: auto 0 0;
	padding: 12px;
	display: inline-block;
	cursor: pointer;
	color: inherit;	
	display: flex;
	flex-flow: row nowrap;
}

.znamky-selection-toolbar-btn:hover {
	background-color: rgba(0,0,0,0.05);
	text-decoration: none;;
}

.znamky-selection-toolbar-btn i {
	display: block;
	text-align: center;
	font-size: 24px;
}

.znamky-selection-toolbar-btn img {
	display: block;
	text-align: center;
	width: 24px;
	height: 24px;
}

.znamky-selection-toolbar-btn span {
	margin-left: 8px;
	align-self: center;
}

.znamkydoc-form-field {
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
}

.znamkydoc-form-rows .works-att-item a.works-att-item-text:before {
	font: normal normal normal 14px/1 FontAwesome;	
	text-rendering: auto;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f019";
	margin-right: 7px;
}
.znamkydoc-form-rows .works-att-item a.works-att-item-text {
	padding: 7px;
	cursor: pointer;	
}

.znamkydoc-form-rows .works-att-item a:hover {
	background-color: rgba(0,0,0,0.05);
	text-decoration: none;
}
.znamkyInputDiv {
	align-self: center;
}
.znamkyInputDiv.withGrades.withPrevGrades:before {
	content: ', ';
}


.znEvalInfo {
	opacity: 0.5;
	font-size: 0.9em;
}

.zn-student-dolozka-box {
	max-width: 700px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
}

ul.circles.zn-student-dolozky li {
	margin-left: 37px;
}

.znEditTd[data-autoval="1"] {
	background-color: rgba(0,0,0,0.05);
}
.znEditTd[data-autoval="0"] {
	
	position: relative;
}
.znEditTd[data-readonly="1"] {
	background-color: rgba(0,0,0,0.07);
}

.reportListSearch {
	background-color: #eee;
	padding: 5px;
	position: relative;
}

.reportListSearchBox {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 8px 8px 30px;
	border: 1px solid rgba(0,0,0,0.1);
}
.reportListSearchBox.searchActive {
	background-color: #DCEDC8;
}
a.reportListSearchBoxCancel {
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 8px;
	cursor: pointer;
	color: inherit
}
a.reportListSearchBoxCancel:hover {
	background-color: rgba(0,0,0,0.1);
}

.reportsEmptyList {
	padding: 50px 20px;
	text-align: center;
	opacity: 0.5;
}

.znamkyInputDiv .znKomisionalneskusky {
	font-weight:bold;
	color: #9C27B0;
}

.znamkyInputDiv .znGradeOverwritten {
	opacity: 0.7;
	color: #555;
	font-weight: normal;
}

td.znCustomColCell  {
	background-color: rgba(252,143,126, 0.2);
	text-align: center;
	font-weight: bold;
}
th.znCustomColCell,
table.znamkyTable tr.header th.znCustomColCell {
	background-color: #56779c;
}


.poznamkaImg {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.poznamkaImg.seen {
	margin: -5px;
	padding: 5px;
	background: url('/znamky/pics/znsigned3.png') bottom right no-repeat;
}
.poznamkaImg .poznamkaTypImg.poznamkaTypImgInd-0 {
	position: absolute;
	left: -1px;
	top: -2px;
}
.poznamkaImg .poznamkaTypImg.poznamkaTypImgInd-1 {
	position: relative;
	left: 0;
	top: 0;
	filter: drop-shadow(0 0px 1px rgba(0,0,0,0.5));
}

.poznamkaImg .poznamkaTypImg.poznamkaTypImgInd-2 {
	position: absolute;
	left: 3px;
	top: 2px;	
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));
}
.poznamkaImg.seenParent {	
	background: url('/znamky/pics/znsigned_rodic.png') bottom right no-repeat;
}
.poznamkaImg .poznamkaImgNavrh {
	position: absolute;
	bottom: 0;
	left: 0;
}
.poznamkaImg .poznamkaDivZamietnute {
	position: absolute;
	top: 5%;
	right:5%;
	left: 5%;
	bottom: 5%;	
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 30 30'><path d='M1 0 L0 1 L29 30 L30 29' fill='black' /><path d='M0 29 L29 0 L30 1 L1 30' fill='black' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}

.poznamkaImg .poznamkaDivVaha {
	font-size: 8px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px;
	background-color: rgba(0,0,0,0.4);
	color: #fff;	
	line-height: 1em;
}

.zndoch-etk-val {
	display: inline-block;
	vertical-align: bottom;
	padding: 0 3px 4px 3px;
	opacity: 0.6;
	font-size: 10px;
	align-self: flex-end;
}

.zndoch-etk-val-b {
	opacity: 0.6;
	font-size: 10px;
	align-self: flex-end;
}

.zndoch-flex {
	display: flex;
	flex-flow: row nowrap;
	gap: 2px;
	justify-content: space-between;
	align-items: center;
}

.zndoch-flex-b > * {
	padding: 8px 2px;
	flex: auto 0 0;
}

.zndoch-flex-b > *:first-child {
	padding-left: 8px;
}
.zndoch-flex-b > .zndoch-etk-val-b { 
	padding: 8px 3px 3px 3px; 
	text-align: right;
	flex: auto 1 1;
}


.zndoch-etk-manual-info {
	display: none;
	align-self: center;
	opacity: 0.3;
}

.zndoch-flex-b > .zndoch-etk-manual-info {
	padding: 8px 0;
	display: block;
}

.znEditTd[data-autoval="0"]:not([data-readonly="1"]) .zndoch-etk-manual-info {
	display: block;
}
.znInput.vysvedcenieDochadzka {
	padding-left: 5px;
}
.znamkydoc-form-atts-outer {
	padding-top: 0;
}
.znamkydoc-form-atts-outer,
.znamkydoc-form-attselector {
	display: flex;
	flex-flow: column-reverse nowrap;

}
.znamky-sortByLink {
	cursor: pointer;
}

table.znamkyTriedaTable th .sortby.sortedasc::after,
table.znamkyTriedaTable th .sortby.sorteddesc::after,
.znamky-sortByLink.sortedasc::after,
.znamky-sortByLink.sorteddesc::after {
	content: "\f0d8";
	margin: 0 4px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
table.znamkyTriedaTable th .sortby.sorteddesc::after,
.znamky-sortByLink.sorteddesc::after {
	content: "\f0d7";
}

.znamky-block-label-check {
	display: block;
	padding: 5px 0 5px 25px;
	position: relative;
	text-align: left;
}
.znamky-block-label-check.noVPadding {
	padding: 0 0 0 25px;
}

.znamky-block-label-check input[type="checkbox"],
.znamky-block-label-check input[type="radio"] {
	position: absolute;	
	left: 3px;
	top: 5px;
	margin: 0;
}
.znamky-block-label-check.noVPadding  input[type="checkbox"],
.znamky-block-label-check.noVPadding  input[type="radio"] {
	top: 1px;
}

.znamky-hover-btn {
	padding: 5px;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
}

.znamky-hover-btn:hover {
	background-color: rgba(0,0,0,0.05);
	text-decoration: none;
}

.znviewer-poznamka-icon .poznamkaImg {
	display: block;
}

.znviewer-poznamka-icon .poznamkaImg img.poznamkaTypImg {
	display: block;
}

.app-list-group-title.znviewer-group-title {
	padding: 5px 10px !important;
	margin: 5px 0;
	font-weight: bold;
	opacity: 1;
	font-size: inherit;
	position: sticky;
	top: 153px;
	background-color: #fff;
	z-index: 1;
	white-space: nowrap;
}

.znviewer-datetable-outer {
	background-color: #f6f7f9;
	min-height: calc(100vh - 235px);
}

.znviewer-datetable-inner {
	background-color: #fff;
	border-right: 1px solid rgba(0,0,0,0.05);
	max-width: 800px;
	padding: 12px;
	border-radius: 0;
	margin: 0;
}

.znviewer-znamka-box {
	font-size:1.2em;
	font-weight:bold;
	padding: 3px 0;
}

.znviewer-znamka-box.zn-isNew,
.zn-isNew {
	font-weight: bold;
	color: #43A047;
}

.znviewer-znamka-box .znZnamka {
	padding: 0 2px 0 0 ;
}

.znviewer-not-new {
	filter: grayscale(90%);
    opacity: 0.6;
}

.ribbon-button.contentChanged {
	background-color: rgba(255, 205, 210, 0.4);
	outline: 2px solid #F44336;
	transition: outline ease;
}

.poznamkytexts-icon {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

table.znamkyTable  .zn-firstOfClass {
	border-left: 1px solid rgba(0,0,0,0.2);
}

table.znamkyTable  .zn-lastOfClass {
	border-right: 2px solid rgba(0,0,0,0.2);
}

.zn-inCellAvg {
	position: relative;
}
.zn-inCellAvg > .zn-inCellAvg-inner {
	position: absolute;
	right: 2px;
	left: 2px;
	text-align: right;
	bottom: 1px;
	font-size: 10px;
	opacity: 0.7;
}

.zn-predmetTitleSmall {
	font-size: 10px;
	opacity: 0.7;
}

.kompetenciaField  .znInput.znRatyEdit  {
	background-color: #fff;
	
}

table.znamkyTriedaTable tr.header th.znOtherSubject {
	background-color: #265378;
	border-color: #29608a;
	border-bottom-color: #265378;
}
table.znamkyTable tr th.znOtherSubjectFirstCol {
	border-left:2px solid #29608a;
}
table.znamkyTable tr td.znOtherSubjectFirstCol {
	border-left:2px solid rgba(0,0,0,0.1);
}
.znOtherSubjectHeader {
	cursor: pointer;	
}

.znOtherSubjectHeader:hover {
	background-color: rgba(0,0,0,0.1);
	margin: -4px;
    padding: 4px;
}