/* Nastaveni hlavnich barev */
/* Obecne */
.modal .modal-dialog .modal-content { background-color: white; color: #003399; }

/* Hlavicka - divHlavicka */
#divHlavicka { background-color: transparent; }
#divHlavicka #ovladani .additionalFunctions tr td:hover { background-color: transparent; }

/* Hlavni menu */
#divMenu .menuHeaderWrapper { background-color: transparent; }

#divMenu .menuContentWrapper { background-color: transparent; }
#divMenu .menuContentWrapper .card .card-header .collapseButton { background-color:  transparent; }
#divMenu .menuContentWrapper .card .card-header .collapseButton.collapsed { background-color:  transparent; }
#divMenu .menuContentWrapper .card .collapseWrapper .card-body { background-color: transparent; }
#divMenu .menuContentWrapper .card .collapseWrapper.show .card-body { background-color: transparent; border-color: transparent !important; }
#divMenu .menuContentWrapper .card .collapseWrapper.collapsing .card-body { background-color: transparent; border-color: transparent !important; }

#divMenu .menuFooterWrapper .statistikaWrapper { border-color: transparent !important; }
#divMenu .menuFooterWrapper .feedbackButton { border-color: transparent !important; }

/* Obsah stranky */
#divObsah .dynamicTableWrapper { border-color: transparent !important; }
#divObsah .dynamicTableWrapper * { border-color: transparent !important; }
#divObsah .dynamicTableWrapper .modulNadpis tr td { background-color: transparent !important; }

#divObsah #modulTreeWrapper .card .card-header button { background-color: transparent !important; }
#divObsah #modulTreeWrapper .card .card-body { border-color: transparent !important; }

#divObsah .portalArea .infoBoxWrapper * { border-color: transparent !important; }
#divObsah .portalArea .infoBoxWrapper .infoBox .portalTextButtonInner table tbody tr td { background-color: transparent; }

#divObsah .portalArea .searchEmployee input[type=search] { border-color: transparent !important; }

#divObsah .portalArea .tentoTydenWrapper { border-color: transparent !important; }
#divObsah .portalArea .tentoTydenWrapper * { border-color: transparent !important; }
#divObsah .portalArea .tentoTydenWrapper table { background-color: transparent; }
#divObsah .portalArea .tentoTydenWrapper table tr td { background-color: transparent; }

#divObsah .portalArea .tabulkyWrapper { border-color: transparent !important; }
#divObsah .portalArea .tabulkyWrapper * { border-color: transparent !important; }
#divObsah .portalArea .tabulkyWrapper table tr td.portaltblHeader { background-color: transparent; }
#divObsah .portalArea .tabulkyWrapper table tr td.tblLine { background-color: transparent; }
#divObsah .portalArea #searchEmployeeList table { border-color: transparent !important; }
#divObsah .portalArea #searchEmployeeList table td { border-color: transparent !important; }

/* Chat */
#divObsah .chatArea .chatWinWrapper { border-color: transparent !important; background-color: transparent; }
#divObsah .chatArea .chatWinWrapper .chatBoxTitle { border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatList { border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatMsg { border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatSettingsBar { border-color: transparent !important; background-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatEditor textarea { background-color: transparent !important; border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatEditor .resizable-chat-helper.ui-resizable-n { border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatConvention { background-color: transparent !important; border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatMessage .message { background-color: transparent !important; border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper .chatMessage .message::before { border-right: 7px solid transparent !important; }
.textcomplete-dropdown .textcomplete-item:hover, .textcomplete-dropdown .active { background-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper #emoteBox { background-color: transparent !important; border-color: transparent !important; }
#divObsah .chatArea .chatWinWrapper #emoteBox::before { border-left: 13px solid transparent !important; }
#divObsah .chatArea .chatWinWrapper button { background-color: transparent !important; }

/* Full calendar */
.fc{
  font-size: 10pt !important;
}

.fc .fc-toolbar-title {
  font-size: 13pt !important;
}

.fc .fc-header-toolbar{
  margin-bottom: 5px !important;
}

.fc .fc-button{
  padding: 7px !important;
  font-size: 10pt !important;
}

.fc .fc-daygrid-week-number{
  font-size: 9pt !important!
}



#vyber_sloupcu { background-color: transparent; border-color: transparent !important;}

body{
  font-family:      Century Gothic, Verdana !important;
  font-size:        10pt;
  line-height:      11pt;
  text-align:       center;
  background-color: #FFFFFF;
  height:           auto;
  width:            auto;
  border-style:     none;
}

body #printContent { visibility: hidden; }
body.printing * { visibility: hidden; }
body.printing #printContent { visibility: visible; }
body.printing #printContent * { visibility: visible; }

input, textarea, select{font-family:inherit;}

A:link {text-decoration:none; color:#003399;}
A:visited {color:#003399;}
A:active {text-decoration:none;}
A:hover {text-decoration:underline; color: red;}

img {border-style:none;}

/* FORMATOVANI TEXTU */
h1{
  font-size:    15pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

h2{
  font-size:    14pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

h3{
  font-size:    13pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
  line-height:  60%
}

h4{
  font-size:    12pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

h5{
  font-size:    11pt;
  font-weight:  bold;
  text-align:   center;
  color:        #003399;
}

ul{
  margin: 1px;
}


.upozorneni{
  font-weight: bold;
  font-style: italic;
  color: red;
}

.error_input{
  background-color: #fff8f8;
  color: red;
  border: 1px solid red;
}

.error_form_wrapper span, .error_text{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  word-wrap: break-word; 
  overflow-wrap: break-word;
  color: red;
  font-weight: bold;
  padding-left: 2px;
  line-height: 100%;
  margin-top: 3px;
  font-size: 12.5px !important;
}

.error_form_wrapper{
  max-width:500px;
  display: flex;
  flex-wrap: wrap;
  height: auto !important; 
}

.podezrele{
  color: #FF0099 !important;
  /* text-shadow: red 0px 0px 2px; */
}

/* ZALOZKY */
#zalozky {
  margin-left: 20px;
  margin-right: 10px;
}

#zalozky ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#zalozky li {
  float: left;
  font-size: 11pt;
  border: 1px solid #AAAAAA;
  border-bottom-width: 0;
  /*margin-left: 2;*/
  color: #003399;
  background: #EEEEEE;
  height: 1.8em;
  padding: 0.1em 1em;
  /*width: 150px;*/
  text-align: center;
  cursor: pointer;
}

#zalozky li:hover {
  background: #E5E5FF;
  border-color: red;
}

.zal_content {
  border: 1px solid black;
  margin-left: 10px;
  margin-right: 10px;
  clear: both;
  padding: 10px 10px 10px 10px;
}


/* Tlacitka */
#btn a {
  float: left;
  border: 1px solid #AAAAAA;
  font-size: 10pt;
  /*margin-left: 2;*/
  color: #003399;
  background: #EEEEEE;
  height: 10pt;
  padding: 2pt;
  text-align: center;
  cursor: pointer;
}

#btn a:hover {
  background: #E5E5FF;
  text-decoration: none;
  border-color: red;
  color: red;
}

/* HLAVNI MENU */
.divMenuPaticka{
	position: absolute;
  top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
  height: 30px;
	overflow: hidden;
}

.menu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 32px; /*Set bottom value to HeightOfBottomFrameDiv*/
  border-bottom: 1px solid #AAAAAA;
	overflow: auto;
	z-index: 2;
  margin-left: 5px;
	font-size: 10pt;
	font-weight: bold;
  text-align: left;
}
.menu A {
  margin-left: 28px;
}
.menu A:hover{
	text-decoration: none;
	color: red;

}

.menu A span {
  position: absolute;
  left: 2px;
  width: 25px;
}

.menu A span img {
  position: relative;
  top: -2px;
}

.menu li {
	clear: both;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 10pt;
  list-style-position: outside;
  list-style-type: square;
  font-weight: normal;
}
.menu ul {
	clear: both;
	margin: 0px;
	margin-left: 16px;
	padding-left: 6px;
}
.menu li A{
  text-decoration: none;
	width: 165px;
  margin-left: 5px;
	/*color: #666666;#5F5F5F;*/
	/*border-bottom: 1px solid #E8ECF1;*/
}
.menu li A:hover{
	color: red !important;
  text-decoration: none;
}
.menu li A:visited{
	/*color: #666666;#5F5F5F;*/
}
.menu hr{
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.menu_login{
  font-weight:  bold;
}
.menu_login A:hover{
	color: red !important;
  text-decoration: none;
}

.menu_send{
  text-align:           center;
  vertical-align:       middle;
  font-size:            10pt;
  font-family:          inherit;
  height:               20px;
	color:                #003399;
  border:               1px solid #D3D3D3;
  border-radius:        6px;
  -webkit-border-radius:6px;
  padding-bottom:       1px;
  margin-bottom:        1px;
}
.menu_send:hover{
  color:                red;
  border:               1px solid #D3D3D3;
  background-color:     #E5E5FF;
}

.menu li span {
	display: none;
}

.menu .menu_ostatni:hover span {
	display:           inline;
  background-image:  url("../img/star_obrys.gif");
  width:             10px;
  height:            10px;
  position:          absolute;
}

.menu .menu_ostatni span:hover {
	display:           inline;
  background-image:  url("../img/star_yellow.gif");
  width:             10px;
  height:            10px;
  position:          absolute;
}
.menu .menu_oblibene:hover span {
	display:           inline;
}

/* Strankovac */
.strankovac {
	margin: 5px 0;
	font-size: 90%;
  color: #003399;
  width: 100%;
}

.strankovac a {
	margin-right: 2px;
	padding: 3px 5px;
	border: 1px solid #D3D3D3;
	text-decoration: none;
	color: #003399;
}

.strankovac a:hover {
	background: #E5E5FF;
	border: 1px solid #D3D3D3;
}

.strankovac .current {
	background:      #003399;
	border:          1px solid #003399;
	color:           #FFFFFF;
	font-weight:     bold;
}


/* Zacatek seznamu */
.tblHeader{
		color:          #003399;
		height:         22px;
		font-size:      10pt;
		font-weight:    bold;
		overflow:       hidden;
    vertical-align: top;
    background:     linear-gradient(transparent, #FFFFFF 45%);
		border-bottom:  1px solid #CCCCCC;
    border-right:   1px solid #E5E5E5;
    vertical-align: middle;
    margin-left:    1px;
}

.zal_content .tblHeader:last-child { border-right: none; }

/* Konec seznamu */
.tblFooter{
		color:          #003399;
		height:         25px;
		font-size:      10pt;
		font-weight:    bold;
    background:     linear-gradient(#FFFFFF 45%, transparent);
    margin-left:    1px;
}

.tblFooter2{
		color:          #003399;
		height:         25px;
		font-size:      10pt;
		font-weight:    bold;
    background:     transparent;
    margin-left:    1px;
}

/* Radek seznamu */
.tblLine{
		color:          #003399;
		height:         17px;
		font-size:      10pt;
		overflow:       hidden;
    margin-left:    1px;
		border-bottom:  1px solid #CCCCCC;
    border-right:   1px solid #E5E5E5;
}

.zal_content .tblLine:last-child { border-right: none; }

/* Radek formulare */
.tblForm{
		color: #003399;
		height: 30px;
		font-size: 10pt;
}

.tblFormRow:hover{
  background-color: rgb(251,251,251);
}

/* Radek formulare - nazev radku*/
.tblFormText{
    background-color: #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
		color: #003399;
		height: 30px;
		font-size: 10pt;
}

/* Radek formulare - hodnota*/
.tblFormValue{
    border-bottom: 1px solid #CCCCCC;
    padding-left: 3px;
		color: #003399;
		height: 30px;
		font-size: 10pt;
}

#divUvodL .tblFormValue, #divUvodP .tblFormValue {
  line-height: 1;
  height: 40px;
  padding: 0 3px;
  word-break: break-word;
}

#divUvodP .tblFormValue b { display: block; }

#divUvodP .tblFormValue br { display: none; }

/* Radek formulare */
.tblFormSmall{
		color: #003399;
		height: 17px;
		font-size: 10pt;
		text-align: left;
}

/* Policka */
input,textarea, select{
  font-weight: normal;
  font-size: 10pt;
  text-decoration: none;
  color: #003399;
	background-color: #F5F5F5;
  border: 1px solid;
  border-color: #D3D3D3;
}

/* Policka  zablokovana */
input[disabled],textarea[disabled],select[disabled]{
	background-color: #E2E2E2;
}

/* Aktivni policka */
input:focus,textarea:focus, select:focus{
	background-color: #ECECEC;
	border-color: blue;
}

/* Kurzor nad polickem */
input:hover,textarea:hover, select:hover{
	border-color: blue;
}

/* Tlacitko */
.button {
	font-size:              10pt;
	font-weight:            bold;
  font-family:            inherit;
  height:                 22px;
	color:                  #003399;
	border:                 1px solid #D3D3D3;
	background-color:       #F5F5F5;
  border-radius:          4px;
  -webkit-border-radius:  4px;
  vertical-align:         middle;
}

/* Kurzor nad tlacitkem */
.button:hover, .button:focus{
  color:             red;
	border:            1px solid #D3D3D3;
	background-color:  #E5E5FF;
}



/* Radio box */
.radio{
	font-size: 10pt;
	color: #777777;
	border: none;
	background-color: transparent;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* POPOVER */
.popover {

}

.popover-header {
  font-size: 12px !important;
  padding: 3px 8px !important;
  text-align: left;
}

.popover-body {
  font-size: 12px !important;
  padding: 3px 8px !important;
}

/* PREHLED */
/* Background color */
.prehled_radek_cerveny{
  background-color: #ffd7d8;
}
.prehled_radek_cerveny_sel{
  background-color: #ccacad;
}
.prehled_radek_zeleny{
  background-color: #caffca;
}
.prehled_radek_zeleny_sel{
  background-color: #a2cca2;
}
.prehled_radek_zluty{
  background-color: #ffffaa;
}
.prehled_radek_zluty_sel{
  background-color: #cccc88;
}
.prehled_radek_modry{
  background-color: #C0E0FF;
}
.prehled_radek_modry_sel{
  background-color: #9ab3cc;
}
.prehled_radek_hnedy{
  background-color: #DEB887;
}
.prehled_radek_hnedy_sel{
  background-color: #ab8e68;
}
.prehled_radek_bezovy{
  background-color: #f5f5dc;
}
.prehled_radek_bezovy_sel{
  background-color: #c2c2ae;
}
.prehled_radek_oranzovy{
  background-color: #FFA500;
}
.prehled_radek_oranzovy_sel{
  background-color: #cc8400;
}

.prehled_radek_oznaceny{
  background-color: #ffdd83 !important;
}
.prehled_radek_oznaceny_sel{
  background-color: #ccb169 !important;
}

.prehled_radek_sel{
  background-color: #e5e5ff;
}
.prehled_radek_preskrtnuty{
  text-decoration: line-through;
}
.prehled_radek_tucny{
  font-weight: bold;
}

.prehled_radek_sedy{
  background-color: #e4e4e4;
}
.prehled_radek_ruzovy{
  background-color: #FCBBDB;
}
.prehled_radek_ruzovy_sel{
  background-color: #c995af;
}
.prehled_radek_modrosedy{
  background-color: #9fbfdf;
}
.prehled_radek_modrosedy_sel{
  background-color: #7b93ac;
}
.prehled_radek_svetlejsi_ora{
  background-color: #ff9248;
}
.prehled_radek_svetlejsi_ora_sel{
  background-color: #cc753a;
}
.prehled_radek_tmavsi_cerveny{
  background-color: #ffcccb;
}
.prehled_radek_tmavsi_cerveny_sel{
  background-color: #cca3a2;
}
.prehled_radek_nejsvetlejsi_ora{
  background-color: #ffdc9d;
}
.prehled_radek_nejsvetlejsi_ora_sel{
  background-color: #f5c98c;
}

.sl_prehled_komentar_datum {
  color: #808080;
}

/* Font color */
.prehled_radek_font_red td a,
.prehled_radek_font_red td a i:not([class]) {
  color: red !important;
}

.prehled_radek_font_orange td a,
.prehled_radek_font_orange td i:not([class]) {
  color: #FF9933 !important;
}

/* Zaskrtnute */
.prehled_zaskrtnute{
	font-size: 90%;
  color: #003399;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  box-shadow: #DDDDDD 2px 2px 4px;
  border: solid 1px #D3D3D3;
  padding-right: 1px;
  padding-left: 1px;
  width: 175px;
}

/* STATISTIKA v MENU */
#statistika{
  width: 180px;
  height:82px;
  margin: 0px;
  color: #666666;
}
#statistika td {
  font-size: 9pt;
  font-weight: bold;
  height: 10px;
  color: #666666;
}

/* Osobni predvolby */
.osobni_panel{
  position: absolute;
	font-size: 10pt;
	color: #003399;
	border: none;
}

.osobni_panel table td{
		color: #003399;
		border-bottom: 1px solid #CCCCCC;
    /*border-right: 1px solid #F5F5F5;*/
}

/* Naseptavaci okno */
.naseptavac{
  font-size:        10pt;
  text-align:       left;
  position:         absolute;
  border:           1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin:           0px;
  cursor:           default;
  visibility:       hidden;
  list-style-type:  none;
  width:            358px;
}
.naseptavac ul {
	clear:            both;
	margin:           2px;
	margin-left:      10px;
	padding-left:     6px;
}
.naseptavac li {
	clear:                 both;
	margin-left:           5px;
	padding-left:          0px;
	font-size:             10pt;
  list-style-position:   outside;
  list-style-type:       circle;
}
.naseptavac li A{
  text-decoration:   none;
	display:           block;
	color:             #666666;
}
.naseptavac li A:hover{
	display:           block;
	text-decoration:   none;
	background-color:  #ECECEC;
	/*color:             blue;*/
}
.naseptavac li A:visited{
	color:            #666666;
}
.naseptavac table{
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}
.naseptavac tr:hover{
  background-color:  #ECECEC;
}
.naseptavac td{
  color:            #666666;
  border-top:       1px solid #EEEEEE;
  border-bottom:    1px solid #EEEEEE;
}

/* Okno s NAPOVEDOU */
.napoveda{
  font-size:          9pt;
  text-align:         left;
  padding:            3px;
  padding-top:        5px;
  padding-left:       5px;
  position:           absolute;
  margin:             0px;
  visibility:         hidden;
  width:              200px;
  z-index:            300;
  border:             1px solid #FFE080;
  border-radius:      0px 4px 4px 4px;
  -webkit-border-radius:0px 4px 4px 4px;
  color:              #CC3300;
  background-color:   #FFFFCC;
  box-shadow:         2px 2px 7px #DDDDDD;
  -webkit-box-shadow: 2px 2px 7px #DDDDDD;
}

/* Okno s filtrem*/
.filtr{
  font-size:    9pt;
  text-align:   left;
  position:     absolute;
  /*border: 1px solid #B0B0B0;
  background-color: #ECECEC;*/
  margin: 0px;
  cursor: default;
  visibility: hidden;
  border-radius:      0px 0px 4px 4px;
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  -webkit-border-radius:0px 0px 4px 4px;
  border:             #AAAAAA solid 1px;
  background:         #F0F0F0;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    2px 2px 5px #bbb;*/
  -webkit-box-shadow: 2px 2px 5px #DDDDDD;
  box-shadow:         2px 2px 5px #DDDDDD;
}

.filtr table {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

.filtr table td {
  font-size: 9pt;
	color: #003399;
	height: 11px;
	border: none;
	padding-left: 2px;
  border-right: solid 1px #e1e1e1;
  border-left:  solid 1px #e1e1e1;
}

.filtr select {
  font-size: 9pt;
  height: 18px;
}

/* Okno s filtrem - dialog*/
.filtrDialog{
  font-size:    9pt;
  text-align:   left;
  position:     absolute;
  /*border: 1px solid #B0B0B0;
  background-color: #ECECEC;*/
  margin: 0px;
  cursor: default;
  visibility: hidden;
  border-radius:      0px 0px 4px 4px;
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  -webkit-border-radius:0px 0px 4px 4px;
  border:             #AAAAAA solid 1px;
  background:         #F0F0F0;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    2px 2px 5px #bbb;*/
  -webkit-box-shadow: 2px 2px 5px #DDDDDD;
  box-shadow:         2px 2px 5px #DDDDDD;
}

.filtrDialog table {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

.filtrDialog table td {
  font-size: 9pt;
	color: #003399;
	height: 11px;
	border: none;
	padding-left: 2px;
  border-right: solid 1px #e1e1e1;
  border-left:  solid 1px #e1e1e1;
}

.filtrDialog select {
  font-size: 9pt;
  height: 18px;
}

.filtrDialog .btn-success {
  margin-right: 45px;
  margin-bottom: 2px;
}
.filtrDialog table {
  table-layout: fixed;
}
.filtrDialog tr td {
  border-right: solid 1px #e1e1e1;
  height: 300px;
  vertical-align: top;
  padding: 0px;
}
.filtrDialog tr td div {
  height: 300px;
  width: 50px;
  min-width: 99%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 2px;
}
.filtrDialog tr td .iconWrapper {
  display: inline-block;
  width: 12px;
  text-align: center;
  margin: 0 3px;
}
.filtrDialog tr:nth-child(odd) td {
  height: 20px;
  border-top: solid 1px #e1e1e1;
  font-weight: bold;
}
.filtrDialog tr:nth-child(odd) td img {
  vertical-align: middle;
  height: 14px;
  margin-right: 3px;
}
.filtrDialog .closeButton {
  position: absolute;
  top: 0;
  right: 1px;
  padding: 0px;
  margin: 0px;
  width: 15px;
  height: 15px;
  overflow: hidden;
  cursor: pointer;
}
.filtrDialog .closeButton i {
  font-size: 15px;
  color: red;
  vertical-align: top;
}
.filtrDialog .closeButton:hover i {
  color: #e60000;
}
.filtrDialog .search-wrap {
  display: block;
  position: relative;
}
.filtrDialog .search-wrap input[type="search"]::-webkit-search-decoration,
.filtrDialog .search-wrap input[type="search"]::-webkit-search-cancel-button,
.filtrDialog .search-wrap input[type="search"]::-webkit-search-results-button,
.filtrDialog .search-wrap input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  display: none;
}
.filtrDialog .search-wrap input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.filtrDialog .search-wrap input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.filtrDialog .search-wrap input[type="search"] {
  padding-right: 20px;
  outline-offset: initial;
}
.filtrDialog .search-wrap .clear-btn {
  position: absolute;
  right: 12px;
  top: 1px;
  cursor: pointer;
  display: none;
}
.filtrDialog img.ikona,
.filtrDialog i.ikona {
  vertical-align: middle;
  height: 14px;
  margin-right: 3px;
}

/* Okno s filtrem - nove Styly */

/* Info okno */
.divInfoOkno{
  font-size:            9pt;
  text-align:           center;
  width:                300px;
  position:             absolute;
  z-index:              200;
  margin:               0px;
  cursor:               default;
  border-radius:        5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border:               #AAAAAA solid 1px;
  background:           #EEEEEE;
  text-shadow:          0 1px 0 #DDDDDD;
  -webkit-box-shadow:   1px 1px 45px #DDDDDD;
  box-shadow:           1px 1px 45px #DDDDDD;
  opacity:              0;
  filter:               alpha(opacity=0);
}

/* Kontext menu */
.kontext_menu{
  position: absolute;
  border: 1px solid #777777;
  background-color: #F5F5F5;
  margin: 0px;
  padding: 0px;
  visibility: hidden;
  width: 150px;
  z-index: 250;
}

.kontext_menu table {
	  margin: 0px;
    padding: 0px;
    width: 100%;
}

.kontext_menu table td {
    font-size: 9pt;
		color: #003399;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
		height: 8pt;
    text-align: left;
}

.kontext_menu table td.disabled{
    font-size: 9pt;
		color: #D3D3D3;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
		height: 8pt;
}

.kontext_menu table td a{
  /*width:100%;*/
  height:100%;
  /*display:block;*/
  text-decoration: none;
}

.kontext_menu hr {
    color: #D3D3D3;
    background-color: #D3D3D3;
    border: none;
		width: 97%;
		height: 1px;
}

/* Kontext menu - Nove styly */
.kontext_menu {
  padding: 15px;
  background-color: #ecf0ff;
  border: 4px solid #dde3ff;
  border-radius: 10px;
  height: auto !important;
  width: auto !important;
}

.kontext_menu .scroll-box {
  overflow-y: auto;
	max-height: 600px;
}

.kontext_menu tr td a { padding: 5px 0; }

.kontext_menu tr td label { margin: 0; }

.kontext_menu table {
	border-collapse: separate;
}

.kontext_menu table thead {
	position: sticky;
	inset-block-start: 0px;
	z-index: 1;
	background-color: transparent;
}

.kontext_menu table tfoot {
	position: sticky;
	inset-block-end: 0px;
	background-color: transparent;
}

.kontext_menu .closeButton {
  position: absolute;
  top: 0;
  right: 0;

  width: 15px;
  height: 15px;

  border-top-right-radius: 7px;

  overflow: hidden;
  cursor: pointer;
}

.kontext_menu .closeButton .fa {
  font-size: 15px;
  color: red;
  vertical-align: top;
}

.kontext_menu .closeButton:hover .fa { color: #e60000; }

.kontext_menu .pozice_stitek {
  width: 25px;
  height: 25px;
  margin: auto;
  background-color: black;
  border-radius:50%;
}

.kontext_menu .pozice_stitek:hover { cursor: pointer; }

/* Vlastni select */
.SelectVlastniSipka{
  position:             absolute;
  top:                  1px;
  right:                1px;
  background:           none;
  z-index:              1;
  cursor:               pointer;
}

.SelectVlastniObrazek{
  position:             absolute;
  top:                  1px;
  left:                 1px;
  background:           none;
  z-index:              1;
  cursor:               pointer;
}

.SelectVlastniHtml {
  position:             absolute;
  top:                  2px;
  left:                 5px;
  background:           none;
  z-index:              1;
  cursor:               pointer;
}
.SelectVlastniIkona {
  position:             absolute;
  top:                  5px;
  left:                 8px;
  background:           none;
  z-index:              1;
  cursor:               pointer;
}

.SelectVlastniOkno{
  display:              none;
  max-height:           350px;
  overflow:             hidden;
  overflow-y:           scroll;
  position:             absolute;
  z-index:              510;
  background-color:     #F5F5F5;
  border-radius:        0px 0px 4px 4px;
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  -webkit-border-radius:0px 0px 4px 4px;
  border:               #D3D3D3 solid 1px;
	/*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
  -webkit-box-shadow:   1px 1px 2px #DDDDDD inset;
  box-shadow:           1px 1px 2px #DDDDDD inset;
}

.SelectVlastniOkno table td{
  padding-left:         5px;
  text-indent:          -3px;
}


/* Schvalovaci okno */
.schvOkno{
  font-size:              9pt;
  text-align:             left;
  color:                  #003399;
  background-color:       #FCFCFC;
  width:                  400px;
  border:                 solid 1px #D9D9D9;
  border-radius:          4px 4px 4px 4px;
}

.schvSchvalovatel{
  font-size:              9pt;
  padding-left:           5px;
  font-weight:            bold;
}

.schvTermin{
  font-size:              7.5pt;
  padding-right:          1px;
  font-style:             italic;
  color:                  red;
}

.schvVyjadreni{
  font-size:              9pt;
  padding-left:           2px;
}

.schvStav{
  font-size:              8.5pt;
  padding-left:           5px;
}

.schvTlacitko {
	font-size:              9pt;
  font-family:            inherit;
  height:                 20px;
	color:                  #003399;
	border:                 1px solid #D3D3D3;
  margin-bottom:          3px;
	background-color:       #F5F5F5;
  border-radius:          3px;
  -webkit-border-radius:  3px;
  padding-left:           3px;
  vertical-align:         middle;
  cursor:                 pointer;
  display:                block;
  width:                  105px;
  text-align:             left;
}

.schvTlacitko:hover, .schvTlacitko:focus{
  color:                  red;
	border:                 1px solid #D3D3D3;
	background-color:       #E5E5FF;
  text-decoration:        none;
}


/* PopUp okno */
.popup{
  font-size: 9pt;
  text-align: left;
  position: absolute;
  /*border: 1px solid rgb(65,105,225);*/
  color: #003399;
  /*background-color: rgb(240,248,255);*/
  margin: 0px;
  visibility: hidden;
  width: 375px;
  z-index: 210;
  /*border-radius:      0px 0px 4px 4px;*/
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  /*-webkit-border-radius:0px 0px 4px 4px;*/
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:             #AAAAAA solid 1px;
  background:         #EEEEEE;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
  -webkit-box-shadow: 1px 1px 2px #DDDDDD inset;
  box-shadow:         1px 1px 2px #DDDDDD inset;
}

/* PopUp okno pro uvodni a zaverecne texty */
.popup_text{
  font-size: 9pt;
  text-align: left;
  position: absolute;
  /*border: 1px solid rgb(65,105,225);*/
  color: #003399;
  /*background-color: rgb(240,248,255);*/
  margin: 0px;
  visibility: hidden;
  width: 650px;
  z-index: 210;
  /*border-radius:      0px 0px 4px 4px;*/
  /*-moz-border-radius: 0px 0px 4px 4px;*/
  /*-webkit-border-radius:0px 0px 4px 4px;*/
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:             #AAAAAA solid 1px;
  background:         #EEEEEE;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
  -webkit-box-shadow: 1px 1px 2px #DDDDDD inset;
  box-shadow:         1px 1px 2px #DDDDDD inset;
}

.popup table {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.popup table .tblHeader {
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}

.popup table .tblFooter{
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}

.popup table td {
    font-size: 10pt;
		color: #003399;
		height: 22px;
		border: none;
		padding-left: 2px;
}

/* Mini nastenka */
div.board {
  font-size: 10px;
	border: 1px solid #777777;
	background: #FFFFFF;
	overflow: hidden;
	text-align: left;
	padding: 2px 0px;
	margin: 5px 0px;
	width: 820px;
}

div.board table td {
    font-size: 9pt;
		color: #003399;
		height: 12px;
		border-bottom: none;
}

/* RSS Ctecka */
div.RSSctecka {
	font-size: 10px;
	border: 1px solid #777777;
	background: #FFFFFF;
	overflow: hidden;
	text-align: left;
	padding: 2px 0px;
	margin: 5px 0px;
	width: 400px;
}

div.RSSctecka ul {
	clear: both;
	margin: 0px;
	margin-left: 14px;
	padding-left: 6px;
}

div.RSSctecka li{
	clear: both;
	margin-left: 0px;
	margin-top: 2px;
	padding-left: 0px;
	font-size: 10px;
  list-style-position: outside;
  list-style-type: disc;
  }

/* Ovladaci panel */
.ovladani {
  background:       transparent;
  font-size:        10pt;
  text-align:       center;
  width:            100%;
  height:           28px;
  top:              0px;
  left:             0px;
  color:            #003399;
  position:         relative;
  z-index:          20;
}

.ovladani table {
  margin-left:      2px;
  border-collapse:  collapse;
  border:           none;
  height:           100%;
}

.ovladani table td {
  min-width:        20px;
  text-align:       center;
  font-size:        10pt;
  padding-left:     3px;
  padding-right:    3px;
  border-right:     solid #AAAAAA 1px;
  border-left:      solid #AAAAAA 1px;
}

.ovladani table td a {
  text-decoration:  none;
}

/* Nadpis stranky */
#nadpis{
  top:              -25px;
  margin:           0px;
  padding:          0px;
  width:            auto;
  height:           auto;
  font-weight:      bold;
  font-size:        10pt;
  z-index:          1;
  position:         relative;
  display:          inline-block;
}


/* Prepinani sekci */
div.sekce {
  font-size: 10pt;
  font-weight: normal;
  background-color: #F5F5F5;
  width: 100%;
  height: 22px;
}

div.sekce A {
  text-decoration: none;
}

div.sekce A:hover{
	text-decoration: none;
	color: red;
}

div.sekce div.sekce_volba {
    background-color: #F5F5F5;
    width: 55px;
    height: 20px;
    font-weight: bold;
    text-align: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
}

div.sekce div.sekce_volba a {
    font-size: 13px;
    display: block;
    padding-top: 2px;
    padding-bottom: 3px;
    width: 55px;
}

/* Prihlasovani */
.pageLogin #divHorni {
    height:             35px;
    line-height:        35px;
}
.pageLogin #divHorni>div {
    position:           static !important;
}
.pageLogin #divHorni #lang a {
    display:            inline-block;
    margin-right:       5px;
}
.pageLogin #divHorni #lang a:last-child {
    margin-right:       0;
}
.pageLogin #divObsah:before {
    content:            '';
    position:           absolute;
    top:                0;
    left:               0;
    z-index:            -1;
    display:            block;
    height:             100%;
    width:              100%;
    background-image:   url('../img/login_background.jpg');
    background-repeat:  no-repeat;
    background-position: center;
    background-size:    cover;
    opacity:            0.35;
}
#imLogo {
    margin-top:         25px;
}
.prihlasovani {
    display:            inline-block;
    margin-top:         50px;
}

.prihlasovani fieldset {
    width:              200px;
    border-radius:      4px 4px 4px 4px;
    /*-moz-border-radius: 4px 4px 4px 4px;*/
    -webkit-border-radius:4px 4px 4px 4px;
    padding:            5px;
    border:             #AAAAAA solid 1px;
    padding:            1.5em;
    padding-bottom:     1em;
    background:         #EEEEEE;
    text-shadow:        0 1px 0 #DDDDDD;
    /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow: 1px 1px 2px #DDDDDD inset;
    box-shadow:         1px 1px 2px #DDDDDD inset;
    z-index:            2;
}

.prihlasovaniRamecek {
    position:             relative;
    margin-top:           1em;
    font-size:            9pt;
    width:                280px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    padding:              5px;
    border:               #AAAAAA solid 1px;
    padding:              1.5em;
    padding-bottom:       1em;
    background:           #EEEEEE;
    text-shadow:          0 1px 0 #DDDDDD;
    /*-moz-box-shadow:    1px 1px 2px #DDDDDD inset;*/
    -webkit-box-shadow:   2px 2px 25px #DDDDDD;
    box-shadow:           2px 2px 25px #DDDDDD;
    z-index:              2;
}

.prihlasovani fieldset legend {
    font-weight:        bold;
    color:              #003399;
    padding:            5px 10px;
    border-radius:      2px;
    /*-moz-border-radius: 2px;*/
    -webkit-border-radius:2px;
    border:             1px solid #AAAAAA;
    background-color:   #FFFFFF;
    /*-moz-box-shadow:    3px 3px 15px #DDDDDD;*/
    -webkit-box-shadow: 3px 3px 15px #DDDDDD;
    box-shadow:         3px 3px 15px #DDDDDD;
    z-index:            1;
}

.prihlasovaniRamecekNazev {
    font-weight:          bold;
    font-size:            10pt;
    letter-spacing:       0.5px;
    color:                #003399;
    padding:              5px 10px;
    width:                100px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               1px solid    #AAAAAA;
    background-color:     #FFFFFF;
    -webkit-box-shadow:   3px 3px 15px #DDDDDD;
    box-shadow:           3px 3px 15px #DDDDDD;
    z-index:              1;
    position:             absolute;
    top:                  -17px;
}
.prihlasovaniRamecek form {
    margin-top:           20px;
}
.prihlasovaniRamecek form .btn {
    margin-top:           15px;
}
.prihlasovaniRamecek form input[type=text] {
    padding-left:         5px;
}
.prihlasovaniRamecek form input[type=password] {
    padding-left:         5px;
}
.prihlasovaniHlaska {
    position:             absolute;
    top:                  35%;
    left:                 0;
    width:                100%;
    text-align:           center;
    letter-spacing:       0.5px;
    font-size:            10pt;
}

.loginText{
    color:              #003399;
    font-size:          9pt;
    font-weight:        bold;
    letter-spacing:     0.5px;
    padding-right:      1px;
    padding-left:       1px;
    text-align:         right;
    height:             22px;
}

.loginInput{
    font-weight:            normal;
    font-size:              9pt;
    text-decoration:        none;
    color:                  #003399;
    background-color:       #F5F5F5;
    border:                 1px solid;
    border-color:           #D3D3D3;
}

.loginInput:focus{
    background-color:       #ECECEC;
    border-color:           blue;
}

.loginSend{
    text-align:             center;
    font-size:              9pt;
    border:                 1px #003399 outset;
    border-radius:          4px;
    -webkit-border-radius:  4px;
}

.loginSend:hover{
    border:                 blue 1px inset;
    background-color:       #D3D3D3;
    cursor:                 pointer;
}

.loginHlaska{
    width:            100%;
    font-weight:      bold;
    font-size:        11pt;
    color:            red;
}
.loginCapsLock{
    height:           15px;
    text-align:       center;
    vertical-align:   middle;
    color:            #FF6000;
}
.loginHlaska {
  height:             60px;
  line-height:        60px;
  font-size:          18px;
}
.restorePass{
    display:          block;
    margin-bottom:    10px;
    font-size:        10pt;
}
.register{
    display:          block;
    font-size:        10pt;
}
.loginInfo{
    position:         fixed;
    top:              auto;
    left:             0;
    height:           40px;
    width:            100%;
    padding:          0 15px;
    margin:           0;
    bottom:           0;
    border:           0;
    border-top:       1px solid #AAAAAA;
    background:       transparent;
    overflow:         hidden;
    font-weight:      normal;
    font-size:        8pt;
    text-decoration:  none;
    text-align:       center;
    color:            #777777;
}
.loginInfo:before{
    content:          '';
    position:         absolute;
    left:             0;
    top:              0;
    z-index:          -1;
    display:          block;
    height:           100%;
    width:            100%;
    background-color: #EEEEEE;
    opacity:          0.5;
}
.loginInfo a{
    font-weight:      normal;
    text-decoration:  none;
    color:            #777777;
}
.loginInfo a:hover{
    font-weight:      normal;
    text-decoration:  none;
    color:            #003399;
}
.loginInfoVersionWrapper {
    display:          inline-block;
}
.loginInfoVersionWrapper .loginInfoVersion{
    display:          block;
    height:           20px;
    width:            150px;
    line-height:      25px;
    text-align:       center;
}
.loginInfoVersionWrapper .loginInfoVersion a{
    font-weight:      normal;
    text-decoration:  none;
    color:            #777777;
}
.loginInfoVersionWrapper .loginInfoCopyright{
    display:          block;
    height:           20px;
    width:            150px;
    line-height:      15px;
    text-align:       center;
}
.loginInfoName{
    display:          block;
    height:           20px;
    line-height:      25px;
    font-size:        10pt;
    font-weight:      bold;
}
.loginInfoName:hover{
    color:            #003399;
}
.loginInfoLegal{
    display:          block;
    height:           20px;
    line-height:      15px;
    text-align:       center;
    font-size:        8pt;
}
.loginInfoLoga{
  height:             40px;
  padding:            5px 0;
}
.loginInfoPreloadImg{
   border:            0;
   width:             1px;
   height:            1px;
   visibility:        hidden;
}
a.loginInfoLogoQML {
    width:            56px;
    height:           30px;
    display:          inline-block;
    background-image: url('../img/logo_qml_small40_cb.png');
    background-repeat: no-repeat;
    background-size:  contain;
}
a.loginInfoLogoQML:hover {
    background-image: url('../img/logo_qml_small40.png');
    background-repeat: no-repeat;
}
a.loginInfoLogoQCOM {
    width:            150px;
    height:           30px;
    display:          inline-block;
    margin-left:      25px;
    background-image: url("../img/logo_qcom_small40_cb.png");
    background-repeat: no-repeat;
    background-size:  contain;
}
a.loginInfoLogoQCOM:hover {
    background-image: url("../img/logo_qcom_small40.png");
    background-repeat: no-repeat;
}





/* RESPONSIVE DESIGN - TELEFONY */
@media only screen and (max-width: 600px) {

  /* Horni menu */
  #divHorni #odkazy{
    display: none;
  }

  
        #divHorni #nazev{
          text-align: left !important;
          padding-left: 5px;
        }
        
  #odkazFeedback{
    display: none;
  }


  /* Paticka */
  .loginInfoLoga{
    width: 100%;
    text-align: center;
  }

  .loginInfoVersion{
    display: none;
  }

  .loginInfoCopyright{
    display: none;
  }

  .loginInfoName{
    display: none;
  }

  .loginInfoLegal{
    display: none;
  }

  /* Prihlasovaci okno */
  .prihlasovani {
    top:  45%;
  }
}


/* RESPONSIVE DESIGN - TABLETY */
@media only screen and (max-width: 900px) {

  /* Paticka */
  .loginInfoName{
    display: none;
  }

  .loginInfoLegal{
    display: none;
  }

  /* Prihlasovaci okno */
  .prihlasovani {
    top:  45%;
  }
}



.podacilistekRamecek {
    margin-top:           1em;
    border-radius:        8px;
    -webkit-border-radius:8px;
    padding:              5px;
    border:               #AAAAAA solid 1px;
    padding:              1.5em;
    padding-bottom:       1em;
    background:           #F5F5F5;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #DDDDDD inset;*/
    -webkit-box-shadow:   2px 2px 25px #DDDDDD;
    box-shadow:           2px 2px 25px #DDDDDD;
    z-index:              2;
}

.ucho {
  position:           absolute;
	top:                0px;
  cursor:             pointer;
  padding-top:        2px;
  padding-bottom:     2px;
  padding-left:       5px;
  padding-right:      5px;
  z-index:            100;
  font-size:          8pt;
  height:             15px;
  color:              #003399;
  text-align:         center;
  border-right:       1px solid #666666;
  border-left:        1px solid #666666;
  border-bottom:      1px solid #666666;
  border-radius:      0 0 10px 10px;
  -webkit-box-shadow: 3px 3px 5px #DDDDDD;
  box-shadow:         3px 3px 5px #DDDDDD;
}

.ucho:hover {
  background-color:   #FFE080;
  color:              #FF6000;
  border-color:       #FF6000;
  -webkit-box-shadow: none;
  box-shadow:         none;
}

.uchoPopup {
	position: absolute;
  text-align: left;
  z-index: 100;
  text-decoration: none;
	font-size: 10pt;
  border-radius:5px;
  visibility: hidden;
  border:             #AAAAAA solid 1px;
  background:         #EEEEEE;
  text-shadow:        0 1px 0 #DDDDDD;
	/*-moz-box-shadow:    2px 2px 5px #DDDDDD;*/
  -webkit-box-shadow: 2px 2px 5px #DDDDDD;
  box-shadow:         2px 2px 5px #DDDDDD;
  color: #003399;
}


.portalArea {
  width: 98%;
  position: relative;
  float: left;
  padding: 10px;
  line-height: 220px;
}

.portalButton {
  float: left;
  position: relative;
  width: 220px;
  height: 220px;
  line-height: normal;
}

.portalButtonInner {
  position: absolute;
  left: 10px;
  right: 10px;
  width: 200px;
  height: 200px;
  overflow: hidden;
  background: transparent;
  border-radius: 15px;
}

.portalTextButtonInner {
  position: absolute;
  left: 10px;
  right: 10px;
  width: 200px;
  height: 200px;
  overflow: hidden;
  background: transparent;
  border-radius: 15px;
}

.portalButtonInner:hover {
  background: transparent;
  -webkit-box-shadow: 4px 4px 5px #CCCCCC;
  box-shadow:         4px 4px 5px #CCCCCC;
}

.portalButtonInner a {
  text-decoration: none;
}

.portalButtonTop {
  display: table;
  width: 200px;
  height: 150px;
}

.portalButtonBottom {
  display: table;
  width: 200px;
  height: 150px;
}

.portalButtonAdd {
  position: absolute;
  left: 105px;
  top: 100px;
  width: 70px;
  height: 70px;
  overflow: hidden;
}

.portalButtonAdd img {
  min-width: 50px;
  max-width: 55px;
}

.portalTdLine {
  vertical-align: middle;
  text-align: center;
  height: 4px;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
}

.portalTdLine hr {
  width: 100%;
  margin: 0px;
  height: 1px;
  color: #003399;
  background-color: #003399;
  border: none;
}

.portalTdImage {
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  height: 140px;
  width: 196px;
}

.portalTdImage img {
  min-width: 80px;
  max-width: 150px;
  max-height: 110px !important;
}

.portalTdText {
  vertical-align: middle;
  color: #003399;
  font-weight: bold;
  text-align: center;
  height: 46px;
  width: 196px;
  padding: 0px;
}

.portalTable {
  position: relative;
  left: 10px;
  right: 10px;
  width: 1000px;
  background: transparent;
  border-radius: 15px;
  float: top;
  margin: 10px;

}

.portaltblNadpis {
  color:          #003399;
	height:         22px;
	font-size:      10pt;
	font-weight:    bold;
	overflow:       hidden;
  vertical-align: top;
 /* background:     linear-gradient(transparent, #FFFFFF 45%);   */
  background: transparent;
  border-bottom:  2px solid #003399;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  vertical-align: middle;
  margin-left:    1px;

}

.portaltblHeader {
  color:          #003399;
	height:         22px;
	font-size:      10pt;
	font-weight:    bold;
	overflow:       hidden;
  vertical-align: top;
  background: transparent;
	border-bottom:  1px solid #CCCCCC;
  border-right:   1px solid #E5E5E5;
  vertical-align: middle;
  margin-left:    1px;

}
.portalButtonAddUdalost {
  overflow:      hidden;
  border:        2px solid #003399;
  border-radius: 15px;
  color:         #003399;
  font-size:     10pt;
  font-weight:   bold;
  margin:        3px;
  margin-left:   8px;
}

.portalButtonAddUdalost:hover {
  background: transparent;
  cursor:     pointer;
  border:     2px solid #003399;
}
.portalButtonAddUdalost:focus {
  border:     2px solid #003399;
  outline:    0;
  -moz-outline-style: none;
}
.uvodtblNadpis {
  color:          #003399;
	height:         22px;
	font-size:      10pt;
	font-weight:    bold;
	overflow:       hidden;
  vertical-align: top;
  border-bottom:  2px solid #003399;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  vertical-align: middle;
  margin-left:    1px;
}

.portalTable {
  position: relative;
  left: 10px;
  right: 10px;
  width: 1000px;
  //border-radius: 15px;
  border-bottom:  1px solid #CCCCCC;
  float: top;
  margin: 10px;
}

.uvodtblHeader {
  color:          #003399;
	height:         22px;
	font-size:      10pt;
	font-weight:    bold;
	overflow:       hidden;
  vertical-align: top;

  border-right:   1px solid #E5E5E5;
  border-bottom:  1px solid #CCCCCC;
  vertical-align: middle;
  margin-left:    1px;

}


@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .portalButton {
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .portalButton {
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .portalButton {
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .portalButton {
      width: 25%;
      padding-bottom: 25%;
   }
}


.komentarRamecek {
    position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #FFFFCC;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    /*z-index:              2;*/
}

.komentarRamecek:hover {
    border:               #777777 solid 1px;
    background:           #FFFFAA !important;
}

.komentarRamecekDulezity {
    background:           #FFE080;
}

.komentarRamecekDulezity:hover {
    background:           #FFE066;
}

.komentarRamecekCizi {
    border:               #999999 solid 1px;
    background:           #FFFFF2;
}

.komentarRamecekCizi:hover {
    border:               #777777 solid 1px;
    background:           #FFFFDD !important;
}

.komentarTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.komentarTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.komentarPriznak {
    margin:               2px;
    margin-left:          4px;
    width:                80px;
    display:              inline-block;
    text-align:           left;
    height:               15px;
    padding:              2px;
}

.komentarePopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.komentareRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}


/* PODNETY */
.podnetRamecek {
    position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #D0F0FF;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.podnetRamecek:hover {
    border:               #777777 solid 1px;
    background:           #C0F0FF;
}

.podnetTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.podnetTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.podnetyPopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.podnetyRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}

/* JEDNANI */
.jednaniRamecek {
    //position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #F0FFF0;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.jednaniRamecek:hover {
    border:               #777777 solid 1px;
    background:           #E0FFE0;
}

.jednaniRamecek a:hover{
    text-decoration:      none;
}

.jednaniTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.jednaniTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.jednaniPopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.jednaniKruh {
    border-radius:        50%;
    behavior:             url(PIE.htc);
    width:                50px;
    height:               50px;
    border:               1px solid #AAAAAA;
    background:           #FFFFCC;
    vertical-align:       middle;
}

.jednaniRamecekPopis {
    position:             relative;
    width:                auto;
    margin:               4px;
    margin:               4px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #FFFFCC;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.jednaniRamecekPopis:hover {
    border:               #777777 solid 1px;
    background:           #FFFFAA;
}

.jednaniSeznamRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}

.jednaniTextPopisek {
  color:                #003399;
}


/* UKOLY */
.ukolRamecek {
    position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    /*background:           #D0FFE0;*/
    color:                #7E7E7E;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}

.ukolRamecek:hover {
    border:               #2E2E2E solid 1px;
    background:           #E8E8E8;
}

.ukolRamecekHotovo {
    background:           #E0FFF0;
}

.ukolRamecekHotovo:hover {
    background:           #D0EFE0;
}

.ukolRamecekPoterminu {
    background:           #FFF0F0;
}

.ukolRamecekPoterminu:hover {
    background:           #DFD0D0;
}

.ukolPopisek {
  color:                  #003399;
}

.ukolTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.ukolTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.ukolyPopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.ukolyRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}

/* SOUBORY (prilohy) */
.souboryTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                115px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.souboryTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.souboryPopisek {
  margin-left:          180px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.souboryRamecek {
  border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
}




/* RELATED */
/*.related {
  width: auto !important;
  padding: 15px !important;
}

#related_z {
  margin-left:  20px;
  margin-right: 10px;
}

#related_z ul {
  list-style: none;
  padding:    0;
  margin:     0;
  margin-top: 1px;
}

#related_z li {
  float:                left;
  border:               1px solid #AAAAAA;
  margin-right:         5px;
  background:           #FFFFFF;
  border-radius:        6px 6px 6px 6px;
  -webkit-border-radius:6px 6px 6px 6px;
  color:                #003399;
  height:               20px;
  padding:              0.24em 1em;
  text-align:           left;
  position:             relative;
  width:                120px;
  top:                  1px;
  cursor:               pointer;
  margin-bottom:        4px;
}

#related_z li:hover {
  color:                red;
	border:               1px solid #777777;
}

.related_z_sel {
  top:                  3px !important;
  border-bottom-width:  0 !important;
  height:               23px !important;
  border-radius:        6px 6px 0px 0px !important;
  -webkit-border-radius:6px 6px 0px 0px !important;
  margin-bottom:        0px !important;
}

.related_r {
  border:               1px solid #AAAAAA;
  margin-left:          3px;
  margin-right:         3px;
  margin-bottom:        3px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              0px;
}*/

/* VAZBY */

.vazbaRamecek:hover {
    border:               #2E2E2E solid 1px;
    background:           #FFE2A9;
}

.vazbaRamecekHotovo {
    background:           #E0FFF0;
}

.vazbaRamecekHotovo:hover {
    background:           #D0EFE0;
}

.vazbaRamecekPoterminu {
    background:           #FFF0F0;
}

.vazbaRamecekPoterminu:hover {
    background:           #DFD0D0;
}

.vazbaPopisek {
  color:                  #003399;
}

.vazbaTlacitko {
    margin:               2px;
    margin-left:          4px;
    width:                95px;
    display:              inline-block;
    text-align:           center;
    color:                #003399;
    height:               15px;
    border-radius:        4px;
    -webkit-border-radius:4px;
    border:               #AAAAAA solid 1px;
    padding:              2px;
    background:           #E8E8E8;
}

.vazbaTlacitko:hover {
    text-decoration:      none;
    color:                #003399;
    background:           #D3D3D3;
    cursor:               pointer;
}

.vazbyPopisek {
  margin-left:          20px;
  float:                left;
  border:               1px solid #AAAAAA;
  border-bottom-width:  0;
  /*margin-left:        2;*/
  background:           #FFFFFF;
  border-radius:        6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  color:                #003399;
  height:               1.5em;
  padding:              0.24em 1em;
  /*width: 150px;*/
  text-align:           center;
  position:             relative;
  top:                  1px;
}

.vazbaRamecek {
  position:             relative;
    width:                auto;
    margin:               5px;
    border-radius:        8px;
    -webkit-border-radius:8px;
    text-align:           left;
    border:               #AAAAAA solid 1px;
    padding:              5px;
    background:           #FFF0B0;
    color:                #003399;
    text-shadow:          0 1px 0 #DDDDDD;
	  /*-moz-box-shadow:    1px 1px 2px #FFFFFF inset;*/
    -webkit-box-shadow:   2px 2px 5px #DDDDDD;
    box-shadow:           2px 2px 5px #DDDDDD;
    z-index:              2;
}
.vazbyRamecek {
border:               1px solid #AAAAAA;
  margin-left:          10px;
  margin-right:         10px;
  border-radius:        6px;
  -webkit-border-radius:6px;
  clear:                both;
  padding:              10px 10px 10px 10px;
  }


/*
  CopyToClipBoard
*/
.CopyToClipBoard{
  margin-top:             -3px;
  position:               relative;
  top:                    3px;
  width:                  24px;
	font-size:              10pt;
	font-weight:            bold;
  font-family:            inherit;
  height:                 22px;
	color:                  #003399;
	border:                 1px solid #D3D3D3;
	background-color:       #F5F5F5;
  border-radius:          4px;
  -webkit-border-radius:  4px;
  vertical-align:         middle;
}

.CopyToClipBoard:hover, .CopyToClipBoard:focus{
  color:                  red;
	border:                 1px solid #D3D3D3;
	background-color:       #E5E5FF;
}

.CopyToClipBoardObrazek{
  height:                 15px;
  margin-left:            -3px;
  margin-bottom:          1px;
}

  /*
    ESKOLENI - editor + prohlizec
  */

  /*tabulka s obsahem stranky*/
  #eskoleni_main_table {
    width: 100%;

    height: calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: -o-calc(100% - 20px);

    background-color: #F5F5F5;
  }

  /*stin + ohraniceni pro menu*/
  .eskoleni_menu {
    border: 1px solid gray;
    /*background-color: #F5F5F5;*/

    background-color: white;

    -webkit-box-shadow: 1px 1px 1px 0px gray;
    -moz-box-shadow: 1px 1px 1px 0px gray;
    box-shadow: 1px 1px 1px 0px gray;
  }

  /*bunka hlavni tabulky s divem navigace*/
  #eskoleni_nav_cell {
    position: relative;
    width: 260px;
    min-width: 260px;

    overflow: auto;

    border-right: 1px solid #e4e4e4;
  }

  /*div navigace*/
  #eskoleni_nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }

  /*rodicovsky prvek navigace*/
  .eskoleni_nav_item_parent {
    padding-left: 10px;
    text-align: left;
    font-weight: bold;
    color: #003399;
  }

  /*dceriny prvek navigace*/
  .eskoleni_nav_item_child {
    padding-left: 20px;
    text-align: left;
    font-weight: normal;
    color: #003399;
  }

  .eskoleni_nav_miniature_container {
    height: 113px;
    width: 200px;
    border: 2px solid #e4e4e4;

    margin-top: 10px;
    margin-bottom: 10px;

    display: inline-block;

    position: relative;
  }

  .eskoleni_nav_item_child:hover .eskoleni_nav_miniature_container {
    border-color: gray;
    cursor: pointer;
  }

  .eskoleni_nav_miniature_container .eskoleni_nav_controls {
    position: absolute;
    left: -30px;
    bottom: 0px;

    visibility: hidden;
  }

  .eskoleni_nav_item_miniature_active > span {
    font-weight: bold;
  }

  .eskoleni_nav_item_miniature_active .eskoleni_nav_miniature_container {
    border-color: gray;
  }

  .eskoleni_nav_item_child:hover .eskoleni_nav_controls {
    visibility: visible;
  }

  .eskoleni_nav_item_container_active {
    background-color: #e0e0e0;
    font-weight: bold;
  }

  .eskoleni_nav_miniature {
    height: 450px;
    width: 800px;
    transform: scale(0.25);
    position: relative;
    left: -300px;
    top: -168px;
  }

  .eskoleni_nav_item_container {
    padding-left: 10px;

    width: 200px;
    height: 30px;

    mergin-top: 5px;
    margin-bottom: 5px;
  }

  .eskoleni_nav_item_container:hover {
    background-color: #e0e0e0;
  }

  .eskoleni_nav_item_container_active {
    background-color: #e0e0e0;
    font-weight: bold;
  }

  .eskoleni_nav_item_container .eskoleni_nav_controls {
    width: 20px;
    padding-right: 10px;
    visibility: hidden;
  }

  .eskoleni_nav_item_container:hover .eskoleni_nav_controls {
    visibility: visible;
  }

  /*kontejner slidu*/
  #eskoleni_slide_container {
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -o-calc(100% - 20px);

    min-width: 800px;

    padding-bottom: calc(56.25% - 20px);
    padding-bottom: -webkit-calc(56.25% - 20px);
    padding-bottom: -moz-calc(56.25% - 20px);
    padding-bottom: -ms-calc(56.25% - 20px);
    padding-bottom: -o-calc(56.25% - 20px);

    position: relative;
  }

  /*div slidu*/
  #eskoleni_slide, .eskoleni_nav_miniature_slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: grid;
  }

  /*sektor slidu*/
  .eskoleni_sector {
    text-align: center;
    position: relative;
  }

  /*menu rozvrzeni slidu*/
  #eskoleni_layout_menu {
    position:absolute;
    z-index: 101;
    visibility: hidden;
  }

  /*button pro zobrazeni menu rozvrzeni slidu*/
  #eskoleni_layout_menu_button {
    position: absolute;
    top: 90px;
    right: 10px;
  }

  /*pozadi pres cele okno pro dialogy*/
  #eskoleni_dialog_background {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    visibility: hidden;
  }

  /*button pro zobrazeni menu noveho prvku*/
  .eskoleni_new_item_menu_button {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;

    padding-top: 6px;
  }

  .eskoleni_new_item_menu_button a {
    visibility: hidden;
    /*opacity: 0.1;*/
  }

  .eskoleni_new_item_menu_button:hover a {
    visibility: visible;
    /*opacity: 1;*/
  }

  /*menu pro pridani prvku slidu*/
  #eskoleni_new_item_menu {
    position:absolute;
    z-index: 101;
    visibility: hidden;
  }

  /*podradne menu pro pridani prvku*/
  .eskoleni_new_item_submenu {
    left: 0px;
    top: 28px;
    position: absolute;
    display: none;
  }

  /*zobrazeni submenu*/
  .eskoleni_button:hover .eskoleni_new_item_submenu {
    display: block;
  }

  /*menu pro editaci prvku*/
  #eskoleni_edit_item_menu {
    position: absolute;
    height: 38px;
    padding: 1px;

    z-index: 10;

    visibility: hidden;
  }

  #eskoleni_edit_item_menu_inner {
    position: relative;
    height: 27px;
  }

  #eskoleni_edit_item_menu_triangle {
    position: absolute;
    left: 8px;
    top: 29px;

    width: 0;
    height: 0;

    border-style: solid;
    border-width: 8px 8px 0px 8px;
    border-color: gray transparent transparent transparent;
  }

  #eskoleni_edit_item_menu_triangle_i {
    position: absolute;
    left: -7px;
    bottom: 3px;

    width: 0;
    height: 0;

    border-style: solid;
    border-width: 7px 7px 0px 7px;
    border-color: white transparent transparent transparent;
  }

  /*kontejner prvku*/
  .eskoleni_item_container {
    position: absolute;
    z-index: 15;
  }

  .eskoleni_item_container_inner {
    position: absolute;

    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;

    color: #003399;

    border: 1px solid transparent;
  }

  /*obsah prvku*/
  .eskoleni_item_content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    overflow: hidden;
  }

  /*body pro zmenu velikosti prvku*/
  .eskoleni_drag_point {
    position: absolute;
    width: 10px;
    height: 10px;

    margin-left: -5px;
    margin-top: -5px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #aaaaaa;

    background-color: white;

    z-index: 20;

    visibility: hidden;
  }

  /*vystraha v zapati slidu*/
  #eskoleni_slide_vystraha {
    position: absolute;
    top: 10px;
    right: 100px;

    color: red;
    font-weight: bold;
    visibility: hidden;

    width: 300px;
  }

  /*input pro zadani url videa*/
  .eskoleni_new_item_submenu input {
    display: inline-block;
    float: left;
    width: 258px;
    margin: 4px 4px 4px 4px;
    line-height: 20px;
  }

  /*button pro submit url videa*/
  .eskoleni_new_item_submenu span {
    display: inline-block;
    float: left;
    margin: 4px 4px 4px 0px;
  }


  /*dialogove okno pro pridani videa do slidu*/
  #eskoleni_video_dialog {
    position: absolute;
    visibility: hidden;

    z-index: 101;
  }

  #eskoleni_video_dialog_input {
    width: 250px;
  }

  /*dialogove okno pro pridani odkazu na slide*/
  #eskoleni_slide_link_dialog {
    position: absolute;
    visibility: hidden;

    z-index: 101;
  }

  #eskoleni_slide_link_dialog_select {
    width: 250px;
  }

  /*button v dialogovem okne*/
  .eskoleni_dialog_button {
    cursor: pointer;
  }

  .eskoleni_dialog_button:hover {
    background-color: #e0e0e0;
  }



  /*
    ESKOLENI - externi prohlizec
  */

  /*div s obsahem stranky*/
  #eskoleni_content_ext {
    width: 100%;
    height: 100%;

    min-height: 530px; /*450 slide + 80px margin*/

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

  /*nastaveni divu s obsahem pri viditelne navigaci*/
  .eskoleni_content_visible_nav_ext {
    min-width: 900px; /*800px slide + 80px margin slidu + 20px scrollbar*/
  }

  /*nastaveni divu s obsahem pri skryte navigaci*/
  .eskoleni_content_hidden_nav_ext {
    min-width: 1150px; /*250px navigace + 800px slide + 80px margin slidu + 20px scrollbar*/
  }

  /*button pro zobrazeni navigace*/
  #eskoleni_show_nav_button_ext {
    position: absolute;

    left: 0px;
    top: 0px;

    width: 32px;
    height: 32px;

    background-image: url(../img/arrow_right_black.png);
    background-size: cover;

    cursor: pointer;
  }

  #eskoleni_nav_ext {
    float: left;

    width: 250px;
    height: 100%;

    border-right: 1px solid #e4e4e4;

    overflow-y: auto;
    -webkit-overflow-y: auto;
    -moz-overflow-y: auto;
    -ms-overflow-y: auto;
    -o-overflow-y: auto;

    overflow-x: hidden;
    -webkit-overflow-x: hidden;
    -moz-overflow-x: hidden;
    -ms-overflow-x: hidden;
    -o-overflow-x: hidden;
  }

  .eskoleni_nav_visible_nav_ext {
    display: inline-block;
  }

  .eskoleni_nav_hidden_nav_ext {
    display: none;
  }

  /*div se slidem, buttonem navigace, atd.*/
  #eskoleni_inner_content_ext {
    float: left;

    position: relative;

    display: inline-block;

    height: 100%;
  }

  .eskoleni_inner_content_visible_nav_ext {
    width: calc(100% - 270px);
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: -ms-calc(100% - 270px);
    width: -o-calc(100% - 270px);
  }

  .eskoleni_inner_content_hidden_nav_ext {
    width: 100%;
  }

  #eskoleni_slide_container_ext {

    min-width: 800px;
    min-height: 450px;

    position: relative;
  }



  /*
    ESKOLENI - moje kurzy
  */

  /*obal dlazdic*/
  .eskoleni_tile_container {
    width: 100%;
    height: 100%;

    min-width: 800px;
  }

  /*dlazdice*/
  .eskoleni_tile {
    position: relative;

    display: inline-block;

    float: left;

    min-width: 200px;
    min-height: 200px;

    max-width: 300px;
    max-height: 300px;

    width: 15vw;
    height: 15vw;

    cursor: pointer;
  }

  .eskoleni_tile_gray {
    color: gray;
  }

  .eskoleni_tile_red {
    color: red;
  }

  .eskoleni_tile_blue:hover {
    background-color: #DDE3FF;
  }

  .eskoleni_tile_gray:hover {
    background-color: #EEEEEE;
  }

  .eskoleni_tile_red:hover {
    background-color: #FFDDDD;
  }

  /*zobrazeni data a popisu*/
  .eskoleni_tile:hover .eskoleni_tile_top_left_cell, .eskoleni_tile:hover .eskoleni_tile_top_right_cell, .eskoleni_tile:hover .eskoleni_tile_desc {
    visibility: visible;
  }

  /*pruhlednost ikony*/
  .eskoleni_tile:hover .eskoleni_tile_middle_cell {
    opacity: 0.2;
  }

  /*bunka s datem*/
  .eskoleni_tile_top_left_cell {
    height: 40px;
    text-align: left;

    visibility: hidden;

    padding-left: 10px;
  }

  /*bunka s typem kurzu*/
  .eskoleni_tile_top_right_cell {
    height: 40px;
    text-align: right;

    visibility: hidden;

    padding-right: 10px;
  }

  /*bunka s ikonou*/
  .eskoleni_tile_middle_cell {
    text-align: center;
  }

  /*bunka s nazvem kurzu*/
  .eskoleni_tile_bottom_cell {
    height: 30px;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
  }

  /*kratky popis*/
  .eskoleni_tile_desc {
    top: 50%;

    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);

    text-align: center;
    position: absolute;

    visibility: hidden;

    padding-left: 10px;
    padding-right: 10px;
  }

  .eskoleni_button {
    /*padding: 5px;*/
    padding: 4px 6px;
    position: relative;
  }

  .eskoleni_button:hover {
    background-color: #e0e0e0;
  }

  .eskoleni_course_detail_title {
    font-size: 12pt;
    font-weight: bold;
    color: #003399;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
  }

  .eskoleni_course_detail_paragraph {
    padding: 0px 100px;
    color: #003399;
    text-align: center;
  }

  .eskoleni_course_detail_footer {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f5f5f5;

    text-align: center;

    padding-top: 10px;
    padding-bottom: 10px;
  }



/* Info box bottom - vpravo dole */
.ibb-div{
  position: fixed;
  overflow: hidden;
  box-sizing: border-box; /* exclude padding when dealing with width */

  padding: 0.5em;

  font-size: 11pt;
  line-height: 1.5em;

  display: block;

  bottom: 20px;
  right: 20px;

  background-color: transparent;
  color: #003399;

  border-radius: 10px;

  width: 350px;

  z-index: 9999;
}

.ibb-button{
  cursor: pointer;
  display: block;

  margin: 0.6em;
  padding: 0.4em 0.8em;

  font-size: 0.9em;
  font-weight: bold;
  color: white;

  border-color: #003399;
  border-width: 2px;
  border-style: solid;
  border-radius: 10px;

  background-color: #003399;

  text-align: center;

  white-space: nowrap;
}

.ibb-button:hover{
  color: red;
  border-color: #003399;
}

.ibb-link-info{
  display: inline-block;

  margin: 0.4em;

  font-size: 0.9em;
  font-style: italic;
}

/* Globalni tridy */
.no-padding { padding: 0 !important; }