
*, ::after, ::before {
  box-sizing: content-box;
} 
 
 img 
 {
	border: none;
	/* height: 70px; */
	max-width: fit-content;
}

 body
 {
 	margin: 0px;
 	background: #797978;		
 }

 HR
 {
 	height: 0px;
 	border: 0px;
	border-bottom: 1px rgb(150,150,150) solid;
 }

 .bodydiv
 {
 	/*background-color: rgb(242,242,242);*/
 	min-width: 1000px; 				
 }

 .admintopheader
 {
 	color: rgb(10,10,10);
 	background: url(img/linka1.png) no-repeat bottom center;
 	height: 110px;
	font-family: arial;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 10px;
 }

 .eresimg
 {
 	background: url(img/app_logo1.png) no-repeat right top;
 	float: right;
 	width: 363px;
	height: 82px;
	margin-right: 20px;
	margin-top: 10px;
 }
 
 a.menu_top_link
 {
	display: block;	
	width: 118px;
	height: 80px;
	float: left;
 }

 .obsahdiv
 {
 	position: relative;
	text-align: left;
	min-height: 80vh;
	overflow-x: scroll;
 }

 .leftpanel
 {
 	position:absolute;
	top:0px;
	left:0px;
	font:16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index:6;
	width: 155px;
	/*height: 800px;
	overflow: auto;*/
 }

 .menu_top_hlavni, .logo_app, .menu_top_lista
 {
	height: 100px;
 }

  
 a.menu_panel_1, a.menu_panel_2, a.menu_panel_1_sel, a.menu_panel_2_sel
 {
	display: inline-block;
	height: 16px;
	_height: 19px;
	font-size: 7pt;
	padding-top: 3px;
	text-decoration: none;
	color: black;
	border-right: 1px rgb(50,50,50) solid;
 }
 
 a.menu_panel_1, a.menu_panel_1_sel
 {	
	width: 38px;
	_width: 58px;		
	padding-left: 20px;
	
 }
 
 a.menu_panel_2, a.menu_panel_2_sel
 {	
	padding-left: 5px;
	padding-right: 5px;	
	margin-left: 1px;
 }
 
 a.menu_panel_1_sel, a.menu_panel_2_sel
 {
	color: white;
 }
 

 .logo_app
 {
	padding-left: 10px;
	width: 130px;
	float: left;
 }
 
 .menu_top_lista
 {
	margin-left: 145px;
	padding: 5px;
	background: url(img/lista_panely2.png) repeat-x bottom left;
	margin-right: 10px;
	/*width: 750px;*/
	height: 86px;
	overflow: hidden;
	/*border: 1px red solid;	*/
	border-radius: 5px;
	}

 .top_menu_btn, .top_menu_btn_sipka
 {
	text-decoration: none;
	/*border: 2px rgb(50,50,50) solid;*/
	margin-right: 0px;
	padding: 2px;
	padding-top: 0px;
	display: block;
	float: left;
	text-align: center;
	font-size: 7pt;
	color: rgb(200,200,200);
	width: 58px;
	height: 78px;
	font-family: verdana;
	margin-top: 20px;
	}

 .top_menu_btn_sipka
 {
	width: 15px;
	padding-top: 20px;
	height: 58px;
	_height: 79px;
 }

 .app_img
 {
	width: 110px;
 }

 
 .top_menu_caption
 {
	font-size: 9pt;
	font-weight: bold;
 }


 .obsah
 {
 	position:relative;

	/*top:30px;*/
	margin-left:145px;
	/*width: 85%;*/
	/*min-height: 600px;
	_height: 600px;*/

	/*background-color: white;*/
	text-align:left;
	padding-left: 25px;
	padding-right: 3px;
	/*border-left: 1px silver solid;
	border-right: 1px silver solid;*/
	padding-top: 15px;
	/*background-color: #ffffff;*/
	height: 100%;
	font-family: arial;
	/*height: 800px;
	overflow: auto;*/
	/*color: rgb(240,240,240);*/
	color: black;
 }

 /*.obsah a
 {
	font-size: 10pt;
 }*/

 /* ---------------------           LEFT MENU     --------------- */

 div.menu
 {
	margin-top: 0px;
	margin-left: 10px;
	/*border: 1px rgb(200,200,200) solid;*/
 }

 A.menu, A.menu_sel
 {
 	font-size: 10pt;
	margin-left: 5px;
	/*padding-top: 5px;/
	/*color: #901d78;*/
	color: rgb(250,250,250);
	display:block;
	text-decoration: none;
	cursor: hand;
 }

 A.menu_sel
 {
 	color: rgb(200, 200, 200);
 }

 ul.menu
 {
 	list-style: none;
 	color: rgb(150, 150, 150);
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
 }

 li.menu, li.menu_sel
 {
 	padding-top: 7px;
 	list-style: none;
 	_list-style-position: outside;
 	color: rgb(250, 250, 250);
	margin-top: 5px;
	width: 130px;
	/*background: url(eres_unpressed.jpg) no-repeat;*/
	text-align: left;
 	cursor: pointer;
	font-size: 0.9em;
 }


 li.menu_sel
 {
 	/*color: #901d78;*/
 	font-weight: bold;
 	color: rgb(200, 200, 200);
 	text-decoration: underline;
 }

 /*li.menu_sel
 {
 	background-color: white;
 	color: black;
 }*/

 li.menu:hover
 {
	color: rgb(200, 200, 200);
 	font-weight: bold;
 	text-decoration: underline;
 }

 .menugroupcaption
 {
 	font-size: 14pt;
 	color: white;
 	margin-top: 10px;
 	
 }

 
 .menugroup
 {
 	margin-bottom: 15px;
 	/*border: 1px silver solid;*/
 }

 /* ---------------------           OSTATNI STYLOVANI     --------------- */
 A
 {
	color: rgb(250,250,250);
	}

 A:hover
 {
	color: rgb(220,220,220);
 }

 a.nodecoration
 {
	text-decoration: none;
	font-size: 12pt;
 }

 TABLE
 {
 	border-collapse: collapse;
 }

 TABLE.noborder
 {
 	border: none;
 }

 TD
 {
 	border: none;
 	border-bottom: 1px rgb(150,150,150) solid;
	padding: 2px 2px 2px 15px;
	font-size: 11pt;
 }

 TD.noborder
 {
 	border: none;
 	font-size: 11pt;
 }

 TH
 {
 	padding: 2px 2px 2px 15px;
 	border: none;
 	border-bottom: 1px black solid;
	text-align: left;
	font-size: 9pt;
	color: rgb(50,50,50);
 }


 TH.th_celkem
 {
	padding: 2px 2px 2px 15px;
 	border-bottom: 1px black solid;
	border-top: 1px black solid;
	text-align: right;
	font-size: small;
 }

 H1, H2
 {
	text-align: left;
	font-size: 12pt;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: white;
 }

 H3
 {
	text-align: left;
	/*background-color: white;*/
	font-size: 11pt;
	margin: 0px;
	padding: 3px;
	padding-bottom: 25px;
	padding-left: 0px;
	color: rgb(200,200,200);
 }

 H4
 {
	text-align: left;
	font-size: 10pt;
	margin: 0px;
	padding: 3px;
	color: rgb(200,200,200);
 }

 .editlabel, .required_editlabel
 {
 	font-size: 10pt;
 	padding: 2px;
	display: inline-block;
	/*float:left;*/
	font-weight: normal;
	color: black;
 }

 .required_editlabel
 {
 	font-weight: bold;
 }


 .textfield
 {
	font-size: 10pt;
 }


 .grid
 {
	padding: 10px;
	text-align:left;
	border-top: 1px rgb(150,150,150) solid;
	border-left: 1px rgb(150,150,150) solid;
	border-bottom: 1px rgb(150,150,150) solid;
 }

 form
 {
	/*background-color: #e4e4e4;*/
	border: 1px rgb(150,150,150) solid;
	padding: 10px;
	text-align:left;
 }

 form a, .grid a
 {
	color: black;
 }

 .editorinputdiv
 {
	/*border-bottom: 1px #e4e4e4 solid;*/
	float: none;
	padding-top: 2px;
	min-height: 20px;
 }

 .edit_input
 {
 	border-top: 1px black solid;
 	border-left: 1px black solid;
 	border-bottom: 1px silver solid;
 	border-right: 1px silver solid;
 	background-color: rgb(240,240,240);
 	_padding-right: 14px;
 }

 .button_maly
 {
 	border-top: 1px silver solid;
 	border-left: 1px silver solid;
 	border-bottom: 1px black solid;
 	border-right: 1px black solid;
 	padding-left: 5px;
 	padding-right: 5px;
 	/*background-color: rgb(220,220,220);*/
 	background: url(img/btn_pozadi.png) repeat-x center;
 	text-decoration: none;
 	color: black;
 	font-size: 10pt;
 	cursor:default;
 }

 a.button_maly
 {
	color: black;
	cursor: pointer;
	}
 
 #upravit_btn, #tisk_btn, #dotaz_btn
 {
	_margin-right: 5px;
	height: 19px;
	cursor: hand;	
 }

 .void_form
 {
	/*background-color: white;*/
	border: none;
	padding: 5px;
	margin: 0px;
 }

 #warning, .warning { color: #A42F31; font-weight: bold; padding: 5px;}

 .warn
 {
	color: red;
	font-weight: bold;
	padding: 5px;
 }

 .even_color
 {
 	background-color: rgb(190,190,190);
 }

 .odd_color
 {
 	/*background-color: white;*/
 	background-color: rgb(160,160,160);
 }

 .hint
 {
 	font-size: 8pt;
 	font-weight: normal;
 }

 .nadpis
 {
 	font-size: 12pt;
 	font-weight: bold;
 }

 .textarealabel2
 {
	font-size: 10pt;
 }

 .strankovani
 {
 	padding-bottom: 0px;
	text-align: center;
 }

 .strana_vybrana
 {
 	font-weight: bold;
 	padding-left: 5px;
 	padding-right: 5px;
 }

 .strana
 {
 	padding-left: 5px;
 	padding-right: 5px;
	font-size: 10px;
	color: rgb(131, 130, 129);
 }

  .thumb
  {
  	border: 2px rgb(80,80,80) solid;
  	text-align: center;
  }

 #kat_div_
 {
	font-size: 12pt;
	font-weight: bold;
 }

 .kategorie, .kategorie_sel
 {
	font-size: 12pt;
	margin: 4px;
	color: white;
 }
 
 .kategorie_sel
 {
	font-weight: bold;
	background-color: black;
	cursor: move;
	color: white;
 }
 
 .dlg_kategorie, .dlg_kategorie_sel
 {
	font-size: 12pt;
	margin: 4px;
 }

 .dlg_kategorie_a
 {
	color: black;
 }
 
 .dlg_kategorie_sel, .dlg_kategorie_a:hover
 {
	font-weight: bold;
	color: black;
	background-color: rgb(225,225,225);	
 }

 .dotavatele_select
 {
	height: 150px;
	overflow: auto;
	font-size: 9pt;
	list-style: none;
 }
 
 .stat_zakazka td
 {
	font-size: 8pt;
 }



 a.button_a
 {
	border-top: 1px rgb(20,20,20) solid;
	border-left: 1px rgb(20,20,20) solid;
 }

 .help
 {
	text-align: right;
	font-size: 10pt;
 }

 .leftborder
 {
	border-left: 1px silver solid;
 }
 
 .oznaceni_dod
 {
	padding: 1px;
	background-color: rgb(0,255,0);
 }

 .notification1
 { 	
 	padding: 3px;
 	padding-left: 10px;
 	background-color: rgb(255,255,153);
 	border: 1px rgb(112,112,112) solid;
 	font-weight: normal;
 	color:  black;
 }

 .notification2
 { 	
 	padding: 3px;
 	padding-left: 10px;
 	background-color: #ebbd34;
 	border: 1px rgb(112,112,112) solid;
 	font-weight: normal;
 	color:  black;
 }

 
 .notification1 a, .notification2 a
 {
	color: blue;
 }

 .zak_reakce
 {
	border: 1px rgb(220,220,220) solid;
 }
 
 .zak_pol_nazev
 {
	font-weight: bold;
 }
 
 .zak_pol_upr
 {
	margin-left: 200px;	
 }

 #dotaz
 {
	text-align: left;
	padding-left: 240px;
	padding-top: 5px;
 }

 #dotaz_div
 {
	width: 400px;
	height: 200px;
	
	/*display: none;*/
 }
 
 .zbozi
 {
	cursor: move;
 }

 .kategoriecl, .kategoriecl_sel
 {
	font-size: 12pt;
	margin: 4px;
 }

 .kategoriecl_sel
 {
	font-weight: bold;
	background-color: silver;
	/*color: white;*/
 }

 .firmaskupina, .firmaskupina_sel
 {
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
 }

 
 #timeoutdiv
 {
	padding: 10px;
	background-color: rgb(202 50 50);
	color: white;
	font-size: 12pt;
	border-radius: 8px;
	position: fixed;
	top: 20px;
	right: 20px;
	width: 400px;
	text-align: center;
	z-index: 100;
	display: none;
 }

 /* ************************************************** */
 #CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}
#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}
#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #EEA230;
  border-right: 1px solid #EEA230;
}
#CalendarControl th {
  font-weight: normal;
}
#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}
#CalendarControl td {
  text-align: center;
}
#CalendarControl .calendar_header {
  /*background-color: #e65b00;*/
  background-color: #EEA230;
}
#CalendarControl .calendar_weekday {
  background-color: #DDD;
  color: #000;
}
#CalendarControl .calendar_weekend {
  background-color: #FFC;
  color: #000;
}
#CalendarControl .calendar_current {
  border: 1px solid #339;
  background-color: #EEA230;
  color: #FFF;
}
#CalendarControl .calendar_weekday,
#CalendarControl .calendar_weekend,
#CalendarControl .calendar_current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}
#CalendarControl .calendar_weekday:hover,
#CalendarControl .calendar_weekend:hover,
#CalendarControl .calendar_current:hover {
  color: #FFF;
  background-color: #EEA230;
  border: 1px solid #999;
}
#CalendarControl .calendar_previous {
  text-align: left;
}
#CalendarControl .calendar_next {
  text-align: right;
}
#CalendarControl .calendar_previous,
#CalendarControl .calendar_next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}
#CalendarControl .calendar_previous a,
#CalendarControl .calendar_next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}
#CalendarControl .calendar_title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}
#CalendarControl .calendar_empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}
.da_pobarvi_fak
{
	background-color: #CCC;
}

.da_pobarvi_fak1
{
	background-color: #FFFC43;
}

img.model_img {height: 25px;}
/*img.model_img:hover {height: 190px;}*/
img.model_img_setka {height: 190px; margin-right: 4px;}
/*img.model_img_setka:hover {height: 200px;}*/
img.model_img_profil {width: 50px;}
img.model_img_profil:hover {width: 100%; max-width: 500px;}

img.model_img2 {height: 25px;}
img.model_img2:hover {height: 190px;}
img.model_img_setka2 {height: 190px; margin-right: 4px;}
/*img.model_img2_setka:hover {height: 300px;}*/
img.model_img_profil2 {width: 190px;}
img.model_img_profil2:hover {width: 100%; max-width: 500px;}


.prilh2 {color: #666666;}

#sortable {width: 1200px;}
#sortable li {cursor: move; list-style-type: none; display: block; width: 195px; height: 215px; float: left; font-size: 14px; text-align: center;}
.modelporadifoto img.modelimg {width: 190px; height: 190px;}
.modelporadifoto {display: block; width: 100px;}

#sortable2 li {cursor: move; list-style-type: none; display: inline-block; font-size: 14px; text-align: center; height: 150px;}
.pril_img {height: 350px;}
.sortable-placeholder {background-color: black; width: 100px;}

img.setkafull {
  -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.5); /* FF3.5+ */
      -ms-transform: scale(0.5); /* IE9 */
       -o-transform: scale(0.5); /* Opera 10.5+ */
          transform: scale(0.5);
             /* IE6–IE9 */
             filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

#ajax-loader {	
    display: none;
	background-color: rgba(255,255,255,0.7);
	position: fixed;
	z-index: +100 !important;
	width: 128px;
	height:128px;
	top: 50px;
	right: 50px;
}
  
.showukoltext p {
	margin-block-start: 5px;
    margin-block-end: 5px;
}

.cb_modelsel, .cb_modelsel2 {
    -webkit-transform: scale(2, 2);
}

.grid_ciselnik TH a {text-decoration: none;}

.prilohymodeled {
	display: inline-block;
	width: 30%;
	padding: 10px;
	margin: 10px;
	border: 1px rgb(167, 165, 165) solid;
}

.prilohymodelost {
	padding: 10px;
	margin: 10px;
	border: 1px rgb(167, 165, 165) solid;
}

.priloha_modely_div {
	display: inline-block;
	padding: 10px;
	margin: 10px;
	border: 1px rgb(141, 138, 138) solid;
}

.prilohymodeled > .box {
	border: 1px dashed #5a5454;
	min-height:200px;
}

select option[selected],
select option:checked {
	background: #1b62b3;  
    border: 1px dashed #1bb34e;
}

.trumbowyg-box .trumbowyg-editor-box {    
    background-color: white;
}

.trumbowyg-box, .trumbowyg-editor { min-height: 130px; } 