* { margin: 0;}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/opensandcondesedlight.woff2) format('woff2'), url(/fonts/opensandcondesedlight.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/opensandcondesedbold.woff2) format('woff2'), url(/fonts/opensandcondesedbold.woff) format('woff');
}

@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/merriweathersanslight.woff2) format('woff2'), url(/fonts/merriweathersanslight.woff) format('woff');
}

@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/merriweathersansbold.woff2) format('woff2'), url(/fonts/merriweathersansbold.woff) format('woff');
}

@font-face {
  font-family: 'Ronnia Regular';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/ronniareg.woff2) format('woff2'), url(/fonts/ronniareg.woff) format('woff');
}

@font-face {
  font-family: 'NotoSerif';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/notoserifreg.woff2) format('woff2'), url(/fonts/notoserifreg.woff) format('woff');
}

@font-face {
  font-family: 'WixMadeforDisplay';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/wixmadefordisplaybold.woff2) format('woff2'), url(/fonts/wixmadefordisplaybold.woff) format('woff');
}



html, body { height: 100%; }

body    	 { min-width: 1600px; font-family: 'Merriweather Sans', sans-serif; letter-spacing: 0px; text-align: center; }

img     	 { border: 0px; }


.bila         { color: white 				 	  !important; }
.cerna        { color: black 			 		  !important; }
.cerna_svetla { color: rgb( 45, 46, 47) !important; }
.oranzova     { color: rgb(255,102, 50) !important; }
.modra_tmava  { color: rgb(  0, 72,154) !important; }
.modra        { color: rgb(153,204,255) !important; }
.modra_svetla { color: rgb(193,224,255) !important; }
.zelena       { color: rgb(153,204,  0) !important; }
.hneda        { color: rgb(172, 82, 48) !important; }
.seda_tmava   { color: rgb(104,101,102) !important; } 
.seda         { color: rgb(185,185,189) !important; } 
.seda_svetla  { color: rgb(225,224,219) !important; } 
.cervena      { color: rgb(193, 48, 59) !important; }
.fialova      { color: rgb(255,  0,254) !important; }
.zluta        { color: rgb(246,237, 40) !important; }
.bezova       { color: rgb( 45, 46, 47) !important; }
.bezova80     { color: rgb(179,173,161) !important; }
.bezova60     { color: rgb(198,193,185) !important; }
.bezova40     { color: rgb(217,214,208) !important; }
.bezova30     { color: rgb(227,224,220) !important; }
.bezova20     { color: rgb(180,180,184) !important; }
.bezova10     { color: rgb(246,245,243) !important; }

.pozadi_bila           { background-color: white 		 			  !important; }
.pozadi_cerna          { background-color: black 		 			  !important; }
.pozadi_cerna_svetla   { background-color: rgb( 45, 46, 47) !important; }
.pozadi_oranzova       { background-color: rgb(255,102, 50) !important; }
.pozadi_modra_tmava    { background-color: rgb(  0, 72,154) !important; }
.pozadi_modra          { background-color: rgb(153,204,255) !important; }
.pozadi_modra_svetla   { background-color: rgb(193,224,255) !important; }
.pozadi_zelena         { background-color: rgb(153,204,  0) !important; }
.pozadi_seda_tmava     { background-color: rgb(104,101,102) !important; } 
.pozadi_seda           { background-color: rgb(185,185,189) !important; } 
.pozadi_seda_svetla    { background-color: rgb(225,224,219) !important; } 
.pozadi_fialova        { background-color: rgb(255,  0,253) !important; }
.pozadi_cervena        { background-color: rgb(193, 48, 59) !important; }
.pozadi_cervena_svetla { background-color: rgb(250,230,235) !important; }
.pozadi_zluta          { background-color: rgb(246,237, 40) !important; }
.pozadi_bezova         { background-color: rgb( 45, 46, 47) !important; }
.pozadi_bezova30       { background-color: rgb(227,224,220) !important; }
.pozadi_bezova20       { background-color: rgb(180,180,184) !important; }
.pozadi_bezova10       { background-color: rgb(246,245,243) !important; }

.vlevo_bila         { border-left: 4px solid white           ; }
.vlevo_cerna        { border-left: 4px solid black 			  	 ; }
.vlevo_oranzova     { border-left: 4px solid rgb(255,102, 50); }
.vlevo_modra        { border-left: 4px solid rgb(153,204,255); }
.vlevo_modra_svetla { border-left: 4px solid rgb(193,224,255); }
.vlevo_zelena       { border-left: 4px solid rgb(153,204,  0); }
.vlevo_hneda        { border-left: 4px solid rgb(172, 82, 48); }
.vlevo_seda_tmava   { border-left: 4px solid rgb(106,116,123); } 
.vlevo_seda         { border-left: 4px solid rgb(207,202,196); } 
.vlevo_seda_svetla  { border-left: 4px solid rgb(225,224,219); } 
.vlevo_cervena      { border-left: 4px solid rgb(193, 48, 59); }
.vlevo_bezova       { border-left: 4px solid rgb( 45, 46, 47); }
.vlevo_bezova30     { border-left: 4px solid rgb(227,224,220); }
.vlevo_bezova20     { border-left: 4px solid rgb(180,180,184); }
.vlevo_bezova10     { border-left: 4px solid rgb(246,245,243); }

.hranice_seda_tmava { border: 1px solid rgb(106,116,123) !important; }
.hranice_cervena    { border: 1px solid rgb(193, 48, 59) !important; }

.invisible       		{ display: none;  }
.inline-block    		{ display: inline-block;  }
.inline             { display: inline; }

.left            		{ float:   left;  }
.right           	  { float:   right; }
.center          		{ float:   clear; }
.clear           		{ clear:   both;  }

.nejmensi        		{ font-size:  8px !important; line-height: 1.5; }
.mensi           		{ font-size:  9px !important;  }
.male           		{ font-size: 10px !important; line-height: 1.5; }
.velke           		{ font-size: 20px !important;  }

.align-left      		{ text-align: left    !important; }
.align-right     	  { text-align: right   !important; }
.align-center     	{ text-align: center  !important; }
.align-justify     	{ text-align: justify !important; }

.valign-top         { vertical-align: top    !important; }
.valign-middle      { vertical-align: middle !important; }
.valign-bottom      { vertical-align: bottom !important; }

.normal             { font-weight: normal !important; }
.tluste             { font-weight: bold !important; }
.kurziva            { font-style:  italic !important; }
.lowercase          { text-transform: lowercase; }
.uppercase          { text-transform: uppercase; }
.padding-0          { padding: 0 !important; }
.pointer            { cursor: pointer; }
.underline          { text-decoration: underline !important; }
.underline-none       { text-decoration: none !important; }
.underline-none:hover { text-decoration: underline !important; }
.line-through       { text-decoration: line-through !important; }

.noto               { font-family: 'NotoSerif' !important; }
.wix                { font-family: 'WixMadeforDisplay' !important; }

.smooth             { 
//                      text-shadow: 0px 0px 1px rgba(255,0,0,0); 
                      font-smooth: never;
                      -webkit-font-smoothing: none;
                    }
.width170           { width: 170px; }
.width165           { width: 165px; }
.width150           { width: 150px; }
.width120           { width: 120px; }
.width100           { width: 100px; }
.width90            { width:  90px; }
.width80            { width:  80px; }
.width60            { width:  60px; }
.width45            { width:  45px; }
.width40            { width:  40px; }

input[type="text"], 
input[type="password"],
input[type="submit"],
input[type="checkbox"] { padding: 1px  2px; height: 20px; font-family: 'Merriweather Sans', sans-serif; font-size: 12px; color: black; border: 0px; }
input[type="checkbox"] { font-size: 14px; }
input[type="submit"]   { padding: 2px 10px; height: 25px; color: white; cursor: pointer; text-transform: uppercase; background-color: rgb( 45, 46, 47); }
select                 { padding: 0px 20px 2px 0px; height: 27px; margin: 0; font-family: 'Merriweather Sans', sans-serif; font-size: 12px; color: black; background: white; border: 0px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; text-transform: none; }
select.multiple        { height: auto; }
option                 { border: 0px; }
option:hover           { box-shadow: 0 0 10px 10px rgb( 45, 46, 47) inset; }
label                  { position: relative; }
label:after            { position: absolute; right: 2px; top: 0px; padding: 0px; content:'▼'; font-size: 12px; font-family: 'Merriweather Sans', sans-serif; color: rgb(104,101,102); pointer-events: none; }
label:before           { }

#report                { position: absolute; right: 300px; top: 100px; left: 300px; bottom: 300px; z-index: 999; text-align: center; filter: alpha(opacity=90); opacity: 0.9; }
#report p              { margin-top: 200px; }
.report-krizek         { position: absolute; top: 5px; right: 5px; }

.ui-datepicker-week-end a { color: rgb(195, 50, 65) !important; }

.text_rotate {

  display: block;
  white-space: nowrap;
  writing-mode: tb-rl;
//  bottom: 0;
	width: 20px;
	height: 20px;


  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
//  -webkit-transform-origin: 50% 50%;
//  -moz-transform-origin: 50% 50%;
//  -ms-transform-origin: 50% 50%;
//  -o-transform-origin: 50% 50%;
//  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

div.centering      		 { position: relative; width: 1600px; text-align: left; margin-left: auto; margin-right: auto; }
div.uvod-centering 		 { position: relative; width:  800px; min-height: 50px; text-align: left; margin-left: auto; margin-right: auto; }

h1                     { font-size: 20px; }
div.uvod-podmenu       { position: relative; width: 100px; height: 30px; margin: 0 10px 10px 0; padding: 5px 10px; font-size: 14px; border: 1px solid rgb(193, 48, 59); display: inline-block; }
div.uvod-podmenu span.popis { display: inline-block; vertical-align: middle; }
div.uvod-podmenu.jeden { height: 16px; padding: 12px 10px; }
div.uvod-podmenu:hover { color: white !important; background-color: rgb(193, 48, 59) !important; }
div.uvod-podmenu-hidden { display: none; }
div.uvod-podmenu-show   { display: initial; text-decoration: line-through; }
div.uvod-podmenu-show span.popis { text-decoration: line-through; }
.nastaveni-delete       { position: absolute; top: -10px; right: -8px; text-transform: lowercase; }

div.wiki-podmenu       { width: 100px; height: 30px; margin: 0 10px 10px 0; padding: 5px 10px; font-size: 14px; border: 1px solid rgb(  0, 72,154); display: flex; align-items: center; justify-content: center; }
div.wiki-podmenu:hover { color: white !important; background-color: rgb(  0, 72,154) !important; }
//div.wiki-podmenu span  { display: inline-block; vertical-align: middle; line-height: 14px; }

#wiki-obsah 	  	          { position: relative; width: 680px; text-align: left; margin-top: 15px; padding: 10px 20px; border: 0px solid rgb( 66, 66, 66); margin-left: auto; margin-right: auto; }
.zobraz_wiki #prilohy-items {  width: 680px; text-align: left; margin-top: 15px; padding: 10px 20px; border: 0px solid rgb(193, 48, 59); margin-left: auto; margin-right: auto; overflow-y: auto; }
.zobraz_wiki .prilohy-table a img { max-height: 100px; max-width: 200px; }
.zobraz_wiki #prilohy-zoom  { top: 0px; right: 0px; }
div.admin-page .wiki h1     { padding: 14px 5px 30px 5px; font-size: 20px; }

.zobraz_wiki .prilohy-div   { font-size: 12px; width: 120px; height: 130px; text-align: center; }
.zobraz_wiki .prilohy-div.seznam { font-size: 12px; width: 100%; height: 20px; text-align: left; margin: 0;  }
.zobraz_wiki .prilohy-div a img { max-height: 100px; max-width: 100px; margin-bottom: 10px; }
.zobraz_wiki .prilohy-div .prilohy-ikona { height: 90px; width: 70px; margin: 0 auto 10px auto; font-size: 15px; padding: 10px 0 0 0; }

#pranicko             { position: relative; width: 680px; text-align: left; margin: 50px auto 50px auto; padding: 0 20px 20px 20px; border: 1px solid rgb(193, 48, 59); line-height: 1.5; background-color: rgb(255,205,205); }
#pranicko h1          { font-weight: bold; }

#uvod-novinky 	  	  { position: relative; width: 720px; text-align: left; margin-left: auto; margin-right: auto; }
.uvod-novinka         { position: relative; width: 100%; border: 1px solid white; margin-bottom: 20px; }
.uvod-novinka-krizek  { position: absolute; top: 5px; right: 5px; }
.uvod-novinka-datum   { position: absolute; top: 5px; left:  5px; }
.uvod-novinka-nadpis  { position: absolute; top: 5px; left: 100px; }
//.uvod-novinka-hr     { margin-top: 25px; border-bottom: 1px solid white; }
.uvod-novinka-top     { height: 20px; border: 1px solid rgb( 66, 66, 66); border-bottom: none; }
.uvod-novinka-text    { margin-top: 15px; padding: 0 5px; border: 1px solid rgb( 66, 66, 66); border-top: none; }
#uvod-nastaveni       { position: absolute; top: -5px; right: -15px; width: 25px; height: auto; opacity: 0.5; }
#uvod-nastaveni-ikon  { position: absolute; top: 70px; right: -25px; width: 32px; height: auto;  }

div.menu-div          { margin: 0 10px 10px 0; padding: 2px 10px; border: 1px solid rgb(193, 48, 59); }
div.menu-div:hover    { color: white !important; background-color: rgb(193, 48, 59) !important; }

div.podmenu-div       { margin: 2px 2px 0px 0px; padding: 2px 2px; font-size: 16px; font-weight: bold; color: rgb( 45, 46, 47); background-color: white; border: 0px solid white; float: right; }
div.podmenu-div:hover { color: white !important; background-color: rgb(193, 48, 59) !important; }


div#header-1     		  { position: absolute; min-width: 1600px; left: 0; top: 0;    right: 0; height: 25px; padding-top:  5px; }
div#header-1.logout	  { border-bottom: 1px solid rgb( 66, 66, 66); }
div#header-1 img      { height: 25px; }
div#header-1 img.logo-logout-left  { height: 22px; margin-top: 1px; }
div#header-1 img.logo-logout-right { height: 24px; margin-top: 0px; }
div#header-1-info     { margin: 5px 0 0 10px; font-size: 12px; }
div#header-2     		  { position: absolute; min-width: 1600px; left: 0; top: 31px; right: 0; height: 30px; padding-top:  0px; font-size: 12px; }
div#header-3    		  { position: absolute; min-width: 1600px; left: 0; top: 62px; right: 0; }
div#home              { margin: 0px 6px 0 0; }
div#jmeno_uzivatele   { margin: 6px 0 0 4px;  }
div#obrazek_uzivatele { margin: 0px 4px 0 8px; }
img#obrazek_uzivatele_img { border-radius: 12px; height: 24px; margin: 3px 0 0 0; }
div#uzivatele,
div#ukoly,
div#firmy,
div#logout,
div#kalendar          { margin-right: 6px; }
div#nastaveni,
div#grafika-cas,
div#doprava,
div#napoveda          { margin-left:  6px; margin-right: 12px; }

div#content           { position: absolute; min-width: 1600px; left: 0; top: 103px; bottom: 28px; right: 0; text-align: justify; background-color: white; overflow: auto; }

div#detail_zakazky         { width:   100%; }
div#detail_zakazky_menu    { width:   35px; font-size: 11px; text-transform: uppercase; }
div#detail_zakazky_menu .big           { font-size: 12px; }
div#detail_zakazky_menu .ikony         { position: relative; width: 16px; height: 16px; padding: 4px; border-top: 1px solid white; cursor: pointer; }
div#detail_zakazky_menu .ikony.img     { width: 24px; height: 24px; padding: 0px; }
div#detail_zakazky_menu .ikony.active  { width: 19px; }
div#detail_zakazky_menu .ikony.active.img { width: 27px; }
div#detail_zakazky_menu .ikony:hover   { background-color: rgb(195, 50, 65) !important; }
//div#detail_zakazky_menu .ikony img   { position: absolute; top: 10px; right: 3px; height: 20px; }
div#detail_zakazky_menu .ikony a       { color: white; }
div#detail_zakazky_menu .ikony a:hover { text-decoration: none; }
div#detail_zakazky_seznamy             { width: 1555px; margin: 0 0 10px 0; }
div#detail_zakazky .detail-l           { width: 550px; }
div#detail_zakazky .detail-c           { width: 220px; margin: 0 40px; color: black; font-size: 11px; }
div#detail_zakazky .detail-r           { width: 700px; }
div#detail_zakazky #preview-div        { padding: 2px; margin-bottom: 20px; border: 1px solid rgb(104,101,102); display: inline-block; }
div#detail_zakazky #preview-div img    { width: 130px; height: auto; }

div#detail_protokoly_filtry   						  { height: 35px; text-transform: uppercase; }
div#detail_protokoly_filtry .button         { position: relative; width: 16px; height: 16px; margin-right: 10px; padding: 4px 8px; border: 1px solid rgb(195, 50, 65); cursor: pointer; }
div#detail_protokoly_filtry .button:hover   { color: white; text-decoration: none; background-color: rgb(195, 50, 65) !important; }
div#detail_protokoly_filtry .button.active  { color: white; background-color: rgb(195, 50, 65) !important; }

div#detail_protokoly_filtry .button.vyrobeno         { color: rgb(153,204,255) !important; }
div#detail_protokoly_filtry .button.vyrobeno:hover   { color: white !important; background-color: rgb(153,204,255) !important; }
div#detail_protokoly_filtry .button.vyrobeno.active  { color: white !important; background-color: rgb(153,204,255) !important; }

div#detail_protokoly_filtry .button.uzavreno         { color: rgb(153,204,  0) !important; }
div#detail_protokoly_filtry .button.uzavreno:hover   { color: white !important; background-color: rgb(153,204,  0) !important; }
div#detail_protokoly_filtry .button.uzavreno.active  { color: white !important; background-color: rgb(153,204,  0) !important; }

div#footer                       { position: absolute; min-width: 1600px; left: 0; bottom: 0; right: 0; height: 18px; padding: 5px 0; font-size: 11px; }
div#footer .text      					 { font-size: 12px; position: absolute; padding-top:  3px; left: 0px; }
div#footer .copyright 					 { font-size: 12px; position: relative; padding-top:  3px; float: right;}
div#footer a           					 { text-decoration: none; color: white; }
div#footer a:hover     					 { text-decoration: underline; }

.zobraz_kalendar form#zobraz     { font-size: 12px; }
.zobraz_kalendar form#zobraz input { vertical-align: middle; }

table.kalendar 									 { width: 1580px; border-spacing: 0; border-collapse: collapse; }
table.kalendar_tydenni td,		
table.kalendar_mesicni td				 { position: relative; }
table.kalendar_tydenni .termin	 { position: absolute; z-index: 5; }
table.kalendar_mesicni .denvmesici,
table.kalendar_tydenni .denvtydnu { position: absolute; z-index: 5; top: 2px; right: 4px; font-size: 14px; }
table.kalendar img 							 { margin-top: 2px; margin-bottom: 7px; width: 17px; }
table.kalendar tr                { font-size: 12px; }
table.kalendar tr.nadpis td 		 { font-size: 13px !important; height: 15px !important;  }
table.kalendar td.svatek 		 		 { color: rgb(195, 50, 65); }
table.kalendar td.dnes  		 		 { background-color: rgb(255,205,205); }
table.kalendar td 							 { height: 100px; vertical-align: top; border: 1px solid rgb(225,224,219); }
//table.kalendar td.none	  			 { border: 0px solid rgb(225,224,219); }
table.kalendar td.padding-less   { padding-left: 1px; padding-right: 1px; }
table.kalendar td .polozka			 { position: relative; margin-bottom: 4px; }
table.kalendar td .polozka .ikony	{ position: absolute; top: -2px; right: -2px; }
table.kalendar td .polozka a		 { color: black; }
table.kalendar td .polozka .cas	   { padding-right: 4px; width: 32px;  height: 14px; overflow: hidden; }
table.kalendar td .polozka .odkaz  { padding-left:  4px; width: 170px; height: 14px; overflow: hidden; }
table.kalendar td.svatek .polozka .odkaz  { width: 80px; }
img.inverze                      { cursor: pointer; }
div.kalendar-scroll              { height: 650px; overflow-y: scroll; }
div#kalendar-nyni                { position: absolute; z-index: 5; }
span#kalendar_navigace           { margin-left: 20px; }
span#kalendar_navigace a         { text-decoration: none      !important; }
span#kalendar_navigace a:hover   { text-decoration: underline !important; }
table.kalendar img.kalendar_ikony { height: 12px; width: auto;  margin-bottom: 0px; }

#calendar          { position: relative; width: 1230px; height: 500px; border-top: 1px solid rgb(106,116,123); border-bottom: 1px solid rgb(106,116,123); overflow-y: auto; }
.calendar_table    { width: 1190px !important; border-collapse: collapse; margin: 2px; padding: 1px; }
.calendar_table tr { font-size: 11px !important; }
.calendar_table td { height: 25px; padding: 0 !important; margin: 0 !important; border: 0 !important;  }
.calendar_table td.svatek     { color: rgb(238, 28, 37); }
.calendar_table .zahlavi      { height: 100px; }
.calendar_table .zahlavi .bunka  { height: 100px !important; }
.calendar_table .bocni_okraj  { width: 35px;  vertical-align: top; }
.calendar_table .pracovni_den { width: 160px; }
.calendar_table .pondeli      { border-left: 1px dotted rgb(106,116,123) !important; }
.calendar_table .vikend       { width:  160px; }
.calendar_table .jeden_den    { width: 1120px; }

#calendar_table2 tr td table tr   { border: 0 !important; border-bottom: 0px dotted rgb(207,202,196) !important; }
#calendar_table2 td.bocni_okraj_vlevo  { border-right: 1px dotted rgb(106,116,123) !important; }
#calendar_table2 td.bocni_okraj_vpravo { border-right: 0px dotted rgb(106,116,123) !important; }

.bunka_zahlavi     { text-align: center; overflow: hidden; }
.bunka_zahlavi p   { margin: 0 auto 10px auto !important;}
.bunka             { width: 100%; margin: 0; padding: 0; border: 0 !important; border-collapse: collapse; }
.bunka td          { height: 25px; border: 0px !important; border-right: 0px !important; padding: 0 !important; margin: 0 !important; }
.bunka td.vpravo   { border-right: 1px dotted rgb(207,202,196) !important; }
.bunka td.posledni { border-right: 1px dotted rgb(106,116,123) !important; }

.ukol                    { position: absolute !important; top: 623px; left: 38px; height: 25px; margin: -1px 0 0 0px; padding: 0px 2px; font-size: 10px; border: 1px solid; overflow: hidden; z-index: 5; cursor: pointer; border-radius: 4px; }
.splneno                 { border-color: rgb(153,204,  0); }
.splneno_castecne        { border-color: rgb(153,204,  0); border-style: dotted; }
.nesplneno_pred_terminem { border-color: rgb(106,116,123); }
.nesplneno_castecne      { border-color: rgb(255,102, 50); border-style: dotted; }
.nesplneno               { border-color: rgb(255,102, 50); }
.ui-icon                 { height: 13px; width: 13px; }
.context-menu-list       { color: rgb(106,116,123) !important; z-index: 10 !important; }

.ikona_zamek             { cursor: pointer; }

#dragandrophandler { width: 360px; padding: 10px 10px; font-size: 12px; text-transform: uppercase; text-align: center; color: rgb(193, 48, 59); background-color: white; border: 1px solid rgb(193, 48, 59); float: left; }
.progressBar       { width: 210px; height: 25px; overflow: hidden; display: inline-block; }
.progressBar div   { width:   0;   height: 100%; color: white; text-align: right;	line-height: 25px; background-color: rgb( 45, 46, 47); }
.statusbar         { min-height: 25px; margin-top: 5px; padding: 10px 0 0 0; vertical-align: top; clear: both; }
.filename          { width: 200px; vertical-align: top; margin-top: 5px; display: inline-block; }
.filesize          { width:  50px; vertical-align: top; margin-top: 5px; color: rgb( 45, 46, 47); display: inline-block;  }
.abort             { padding: 4px 15px; font-size: 13px; color: white; background-color: rgb(195, 50, 65); vertical-align: top; cursor: pointer; display: inline-block; }
#prilohy-zoom      { position: absolute; z-index: 10; top: 35px; right: 710px; margin-top: 10px; padding: 10px; background-color: white; border: 1px solid rgb( 45, 46, 47); }
#prilohy-zoom-img  { max-height: 750px; max-width: 500px; }
#status1           { margin-top: 5px; clear: both; }
.stahnout_prilohy  { margin-left: 8px; margin-top: 0px; float: left; }
.stahnout_prilohy div  { width: 70px; height: 24px; padding: 6px 6px; text-align: center; text-transform: uppercase; text-decoration: none !important; color: white !important; background-color: rgb(104,101,102); }
#vsechny_prilohy_div { margin-left: 8px; margin-top: 0px; float: left; width: 105px; height: 24px; padding: 6px 6px; text-align: center; text-transform: uppercase; text-decoration: none !important; color: white !important; background-color: rgb(104,101,102); cursor: pointer; }
#nahrat_prilohy    { margin-top: 0px; float: left; width: 60px; height: 22px; padding: 6px 6px; text-align: center; text-transform: uppercase; text-decoration: none !important; color: white !important; background-color: rgb(104,101,102); border-top: 1px solid rgb(195, 50, 65); border-bottom: 1px solid rgb(195, 50, 65); border-left: 1px solid rgb(195, 50, 65); }

.prilohy-div       { position: relative; margin: 8px 16px 16px 0; text-align: center; }
.prilohy-div a img { max-height: 50px; max-width: 100px; margin-bottom: 2px; }
.prilohy-div a img.ikona { height: 50px; }
.prilohy-table       { border-spacing: 0; border-collapse: collapse; }
.prilohy-table td    { padding: 3px !important; }
.prilohy-table a img { max-height: 50px; max-width: 100px; }
#zakazky-detail-prilohy               { overflow: hidden; width: 240px; }
#zakazky-detail-prilohy .prilohy-div  { overflow: hidden; width: 100px; margin: 8px 16px 16px 0; text-align: left; }
#zakazky-detail-prilohy a img           { max-height: 40px; max-width:  80px; }
#zakazky-detail-prilohy a img.ikona     { height: 40px; }
#vsechny_prilohy_img,
#zadne_prilohy_img   { margin: 5px 0 5px 280px; }
#prilohy-items-all   { margin: 5px 0 0 0; }
#prilohy-items       { margin-bottom: 10px; max-height: 500px; overflow-y: scroll; }
#vsechny_prilohy_download { margin: 0 0 3px 20px; }


.prilohy-div a img.stav-prilohy-0 { }
.prilohy-div a img.stav-prilohy-1 { border: 1px solid rgb(255,102, 50); }
.prilohy-div a img.stav-prilohy-2 { border: 1px solid rgb(195, 50, 65); }
//.prilohy-delete    { position: absolute; top: -5px; right:     0; cursor: pointer; z-index: 5; }
//.prilohy-eliminate { position: absolute; top: -5px; right: -10px; cursor: pointer; z-index: 5; }

.submit-detail-okno        { position: absolute;  width: 500px; color: black; background-color: white; border: 1px solid rgb( 45, 46, 47); }
.submit-detail-okno-nadpis { padding: 5px 10px; font-weight: bold; color: white; background-color: rgb( 45, 46, 47); border: 1px solid white; }
.submit-detail-okno-obsah  { padding: 5px 10px; }

.prilohy-okno        { position: absolute;  width: 400px; color: black; background-color: white; border: 1px solid rgb( 45, 46, 47); }
.prilohy-okno-nadpis { padding: 5px 10px; font-weight: bold; color: white; background-color: rgb( 45, 46, 47); border: 1px solid white; }
.prilohy-okno-obsah  { padding: 5px 10px; }

.priloha_fp     { padding: 5px 10px; }
.priloha_fp img { max-height: 40px; max-width:  80px; }

.ui-dialog                        { text-align: left; }
.ui-autocomplete-loading          { background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat; }
.ui-menu-item                     { text-align: left; font-size: 11px; }
.ui-widget .ui-autocomplete-input { padding: 5px 2px 1px 2px; height: 20px; font-family: 'Merriweather Sans', sans-serif; font-size: 12px; color: black; border: 1px solid rgb(227,224,220); border-radius: 0 !important; }
.ui-widget                        { font-family: 'Merriweather Sans', sans-serif !important; }
.ui-widget img                    { vertical-align: -10%; }

#ms-ID_prijemce                   {  }
#ms-ID_prijemce .ms-selection,
#ms-ID_prijemce .ms-selectable    { color: black; border: 1px solid rgb( 45, 46, 47); }
#ms-ID_prijemce .ms-selection  .ms-list,
#ms-ID_prijemce .ms-selectable .ms-list { height: 100px; }


.dialog                    { position: absolute; top: 150px; left: 350px; width: 350px; min-height: 150px; z-index: 5; border: 1px solid rgb( 45, 46, 47); display: none; }
.dialog.vizualizace        { width: 400px; }
.dialog td                 { border: 1px solid white !important; }
#dialog-zavrit             { position: absolute; top:   2px; right:  0px; cursor: pointer; z-index: 6; }
#dialog-obsah              { margin: 20px 0 20px 20px; }
#dialog-obsah input,
#dialog-obsah select       { border: 1px solid rgb( 45, 46, 47); }
#dialog-obsah label:after  { right: 4px; top: 4px; }
#dialog-nadpis             { font-weight: bold; margin: 0px 0px 0px 0px; padding: 4px 20px 4px 20px; height: 16px; }

div.filtr                  { font-size: 12px; } 
div.filtr select,
div.filtr input            { border: 1px solid rgb( 45, 46, 47); } 
div.filtr select           { height: 24px !important; padding-bottom: 1px; }

#napoveda-text,
#detail-text               { position: absolute; top: -1000px; left: 50%; padding: 10px; width: 1200px; margin-left: -600px; border: 1px solid rgb( 45, 46, 47); z-index: 10; }
#napoveda-text h1,
#detail-text h1            { font-size: 20px; color: rgb( 45, 46, 47); }
#napoveda-obsah, 
#detail-obsah              { min-height: 500px; font-size: 12px; text-align: left; }
#napoveda-zavrit,
#detail-zavrit             { position: absolute; top: 5px; right: 5px; }

form#uprav_grafiky_chat table.upravit,
form#uprav_fakturyv_chat table.upravit,
form#uprav_kalkulace_chat table.upravit,
form#uprav_objednavkyv_chat table.upravit,
form#uprav_prijemky_chat table.upravit,
form#uprav_protokoly_chat table.upravit,
form#uprav_zalohyv_chat table.upravit,
form#uprav_dopravy_chat table.upravit { margin-bottom: 40px; }

form#import_form { margin-top: 20px; }


/*****  A D M I N I S T R A C E  *****/

div.admin-text                   { position: relative; width: 100%; font-family: 'Merriweather Sans', sans-serif; font-size: 14px; line-height: 1.1; }
div.admin-text img#loading       { position: absolute; top: 50px; margin-left: auto; margin-right: auto; z-index: 10; }
div.admin-text table.admin       { width: 100%;  }
div.admin-text table.admin.upravit { width: 55%;  float: left; }
div.admin-text table.zobraz      { width: 100%; border-collapse: collapse; }
//div.zobraz_div table.zobraz      { float: right; }

//div.admin-text table.zobraz tbody  { display: block; padding-top: 100px; position: fixed; }
//div.admin-text table.zobraz thead  { z-index: 1; position: relative; }

//div.admin-text table.zobraz thead{ position: fixed; }

div.zobraz_div                                { width: 100%; overflow-x: auto; }
div.zobraz_div.nabidka table tr.nadpis td     { min-width: 100px; }
div.zobraz_div.nabidka table th.headcol       { min-width: 130px; }
div.zobraz_div.nabidka table th.headcol.sirsi { min-width: 160px; }

div.zobraz_div.kalkulace                      { width: 955px; }
div.zobraz_div.kalkulace                      { overflow-y: visible; }
div.zobraz_div.kalkulace table                { border-collapse: separate; border-spacing: 0; }
div.zobraz_div.kalkulace tr td,               
div.zobraz_div.kalkulace tr th                { height: 22px; }
div.zobraz_div.kalkulace .headcol             { position: absolute !important; top: auto; }
div.zobraz_div.kalkulace tr.nadpis .headcol   { background-color: rgb( 45, 46, 47) !important; }
div.zobraz_div.kalkulace tr.nadpis .sloupec3  { height: 55px; }
div.zobraz_div.kalkulace tr.nadpis .sloupec3.celkem { height: 22px; }
div.zobraz_div.kalkulace .sloupec1            { width: 203px; right: 380px !important; }
div.zobraz_div.kalkulace .sloupec2            { width: 138px; right: 230px !important; }
div.zobraz_div.kalkulace .sloupec12           { width: 353px; right: 230px !important; }
div.zobraz_div.kalkulace .sloupec3,
div.zobraz_div.kalkulace .odkazy              { width: 213px; right:   0px !important; }



div.admin-text tr                { font-size: 12px; }
div.admin-text tr.radek:hover    { background-color: rgb(227,224,220) !important; }
div.admin-text tr.sudy           { background-color: white; }
div.admin-text tr.sudy:hover     { background-color: rgb(227,224,220) !important; }
div.admin-text tr.lichy:hover    { background-color: rgb(227,224,220) !important; }
div.admin-text tr.nadpis td,
div.admin-text tr.nadpis th      { padding: 5px 8px; font-weight: normal; } 
//div.admin-text tr.nadpis td label    {  } 
div.admin-text tr.nadpis td select,
div.admin-text tr.nadpis th select   { width: 100%; margin-top: 2px; padding: 1px 20px 0px 0px; height: 19px; } 
div.admin-text tr.nadpis td.odkazy,
div.admin-text tr.nadpis th.odkazy   { padding: 3px 3px 3px 3px !important; line-height: 1.5; }
div.admin-text tr.nadpis td.odkazy a,
div.admin-text tr.nadpis th.odkazy a { color: white; }
div.admin-text tr.nadpis th.odkazy a img.profil-ikony { height: 14px; width: auto; vertical-align: text-bottom; }
//div.admin-text tr.nadpis th.odkazy span.profil-radek { padding-bottom: 10px; margin-bottom: 10px; }
div.admin-text td,
div.admin-text th                { padding: 4px 8px 2px 8px; vertical-align: top;  }
div.admin-text table.zobraz td,
div.admin-text table.zobraz th   { position: relative; border-bottom: 1px solid rgb(227,224,220);  }
div.admin-text table.zobraz tr.radek-2 td { border-bottom: 1px solid rgb(193, 48, 59);  }
div.admin-text table.zobraz td.ceny-kalkulace,
div.admin-text table.zobraz td.poptano-kalkulace,
div.zobraz_protokoly_polozky table.zobraz td { border-left: 1px solid rgb(227,224,220); border-right: 1px solid rgb(227,224,220);  }
div.admin-text table.zobraz tr.nadpis td,
div.admin-text table.zobraz tr.nadpis th   { border-left: 1px solid rgb(227,224,220); }
div.admin-text table.zobraz th.headcol     { font-weight: normal; };
div.admin-text table.upravit td.popis      { position: relative; }
div.admin-text table.upravit td.popis img.multipleselect-img,
div.admin-text table.zobraz td img.multipleselect-img,
div.admin-text table.zobraz th img.multipleselect-img  { position: absolute; top: 5px; right: 8px; }
div.admin-text table.upravit     { border-spacing: 0px; border-collapse: separate; }
// div.admin-text table.upravit input           { border: 1px solid rgb(227,224,220); }
div.admin-text table.upravit input:invalid   { border: 1px solid rgb(195, 50, 65); }
div.admin-text table.upravit select          { border: 1px solid rgb(227,224,220); }
div.admin-text table.upravit select:invalid  { border: 1px solid rgb(195, 50, 65); }
div.admin-text table.upravit checkbox        { padding-top: 5px; }
div.admin-text td.editable input { position: absolute; top: -2px; left: -1px; padding: 0px 8px; text-align: left; font-family: 'Merriweather Sans', sans-serif; font-size: 14px; color: rgb( 45, 46, 47); border: 1px solid rgb( 45, 46, 47); z-index: 5; }
div.admin-text td.editable input.cena,
div.admin-text td.editable input.float { text-align: right; } 
div.admin-text td.editable select { position: absolute; top: -2px; left: -1px; padding: 0px 8px; text-align: left; font-family: 'Merriweather Sans', sans-serif; font-size: 14px; color: rgb( 45, 46, 47); border: 1px solid rgb( 45, 46, 47); z-index: 5; }
div.admin-text td.odkazy         { padding: 1px 3px 0px 3px !important; }
div.admin-text td.odkazy img     { margin-right: 4px; width: 16px; }
div.admin-text form              { left: 0px; width: 100%;}
div.admin-text p                 { text-align: justify; margin-bottom: 10px; }
div.admin-text a                 { text-decoration: none; color: rgb(195, 50, 65); }
div.admin-text a:hover           { text-decoration: underline; }
div.admin-text td.cislo          { text-align: right; }
div.admin-text td.input select   { top: -2px; padding-top: 5px; padding-bottom: 0px; }
.krizek, .sipka_nahoru, .sipka_dolu  { font-family: 'Merriweather Sans', sans-serif; font-size: 12px; }
.krizek:hover, .sipka_nahoru:hover, .sipka_dolu:hover  { text-decoration: none !important; color: rgb(195, 50, 65) !important; }
//#hledat-table                    { border: 0; border-collapse: collapse; border-spacing: 0px; }
//#hledat-table td                 { padding: 0; border: 0; background: black; }
#hledat-form                     { position: relative; height: 21px; }
#hledat                          { width: 50px; height: 17px; padding: 1px 20px 1px 3px; margin-right: 15px; border: 0px solid rgb(207,202,196); background: white url(images/sys_lupa.jpg) no-repeat right; }
#hledat-href                     { position: absolute; top: 3px; left: 78px; }
#hledat-krizek                   { height: 18px; width: auto; margin-top: -2px; }
a.nova_firma                     { display: inline-block; }
a.nova_firma img                 { display: inline-block; vertical-align: text-bottom; height: 23px; }

.dialog-submenu-href             { position: absolute; padding: 10px; width: 250px; z-index: 999; }
.dialog-submenu-href-zavrit      { position: absolute; top: 5px; right: 5px; }
.dialog-submenu-href-submit      { position: absolute; bottom: 5px; right: 5px; }
 
div.admin-menu                   { position: relative; width: 100%; font-size: 12px; color: white; text-transform: uppercase; }
body.DE div.admin-menu           { font-size: 10.5px; }
div.admin-menu a                 { text-decoration: none; color: white; }
// div.admin-menu a:hover           { color: rgb(195, 50, 65); }
div.admin-menu span.big          { font-size: 13px; font-weight: bold; }
div.admin-menu .podmenu          { height: 28px; width: 80px; padding: 4px 5px 4px 5px; margin: 2px; text-align: center; border: 1px solid black; }
body.DE div.admin-menu .podmenu  { width: 80px; }
div.admin-menu .podmenu:hover    { color: white !important; background-color: rgb(195, 50, 65) !important; border: 1px solid (195, 50, 65) !important;  }
div.admin-menu a .podmenu        { line-height: 1.2; }
div.admin-menu .prvni            { margin-left: 10px !important; }
div.admin-menu .first            { margin-left:  0px !important; }
div.admin-menu .jeden            { height: 16px; padding: 10px 5px 10px 5px; }
div.admin-menu .ikona            { padding: 0 !important; }
#fulltext                        { position: absolute; top: 50px; right: 0; width: 225px; border: 1px solid rgb(207,202,196); }

div.admin-submenu                { width: 100%; margin-bottom: 10px; font-size: 14px; text-transform: uppercase; }
div.admin-submenu a              { text-decoration: none; }
div.admin-submenu a:hover        { text-decoration: underline; }
div.admin-submenu a:active       { text-decoration: underline; }
//div.admin-submenu a img          { vertical-align: -30%; margin-right: 4px; }
// div.admin-submenu span           { font-size: 16px; font-weight: bold; }

div.admin-page                   { width: 100%; padding-top: 2px; min-height: 80px; padding-bottom: 10px; }
div.admin-page.zobraz_uvod       { background-color: white; }
div.admin-page.zobraz_uvod h1    { padding: 14px 5px 18px 5px; }
div.admin-page .text             { padding: 50px 0px 0px 80px; width: 1120px; font-size: 12px; line-height: 20px; clear: both; }
div.admin-page .text p           { text-align: justify; }
div.admin-page .text strong      { font-size: 18px; font-weight: 300; }
div.admin-page a          			 { text-decoration: none; }
div.admin-page a:hover     			 { text-decoration: underline; }
div.admin-page h1          			 { font-size: 14px; font-weight: normal; padding: 4px 5px 8px 5px; }
div.admin-page h1 img.submenu-ikona { margin: 0 5px -7px 5px !important; }
div.admin-page h1 a        			 { color: black; font-size: 14px; font-weight: bold; text-decoration: none; }
div.admin-page h1 a.zavrit 			 { margin-top: 4px; }
div.admin-page h1 a:hover  			 { text-decoration: underline; }
div.admin-page h1 span.nazev		 { font-size: 14px; font-weight: bold; }
div.admin-page h2  			         { font-size: 12px; font-weight: normal; padding: 4px 3px 8px 7px; color: white; margin-left: 2px; text-transform: uppercase; }
div.admin-page h2.varianta  		 { padding-top: 5px; border-top: 3px solid rgb(106,116,123); }

div.admin-page .h2	              { width: 100%; margin-top: 15px; padding: 2px 0 4px 0; background-color: rgb( 45, 46, 47); }
div.admin-page .h2 .submenu-span  { margin-right: 6px; font-size: 12px; text-transform: uppercase; }
div.admin-page .h2 .submenu-ikona { margin: 0 5px -9px 2px; }
//div.admin-page .h2 h2	           { font-size: 14px; padding: 0px 3px 2px 7px; }

div.admin-page #detail_zakazky_seznamy h2	   { font-size: 12px; padding: 4px 3px 2px 7px; }

div.admin-page .zahlavi3_div											{ position: relative; }
div.admin-page .zahlavi3_div table.admin td.popis { width: 0; }
div.admin-page .zahlavi3_div form 								{ height: 140px; }
div.admin-page .submenu-ikona.pointer.protokoly 	{ position: absolute; top: 5px; right: 7px; z-index: 99; }


//div.admin-page span.submenu-span         {  }
//div.admin-page span.submenu-span span    { padding-bottom: 15px; }
//div.admin-page span.submenu-span a       { text-decoration: none;      text-transform: uppercase;  }
//div.admin-page span.submenu-span a:hover { text-decoration: underline; }
//div.admin-page span.submenu-span img     { margin: 0 5px -7px -2px; }
//div.admin-page img.submenu-ikona { height: 25px; margin: 0 5px 0px 5px; }
//div#detail_zakazky_seznamy img.submenu-ikona { margin: 0 5px -7px 2px; }
//div#detail_zakazky_seznamy span.submenu-span img.submenu-ikona { height: 20px; margin: 0 5px -2px 5px; }

//div.admin-page img.submenu-ikona { margin: 0 5px -7px 2px; }
//div.admin-page span.submenu-span img.submenu-ikona { margin: 0 5px -2px 5px; }

//div.admin-page div.ikona img.submenu-ikona { height: 20px; margin: 0 0 0 0; }

div#detail_zakazky_menu a { text-decoration: none; }


div#admin-page-1                  { width: 40%; }    
div.zobraz_sklad div#admin-page-1 { width: 45%; }  
div#admin-page-2                  { width: 20%; }    
div#admin-page-3                  { width: 40%; text-align: right; font-size: 12px; }    
div#admin-page-3 input[type="text"],
div#admin-page-3 select             { color: rgb(195, 50, 65); border: 1px solid rgb(195, 50, 65); }    
div#admin-page-3 input[type="text"] { padding: 0 2px; }
div#admin-page-3 label              {  }
div#admin-page-3 label:after        { top: 2px; color: rgb(195, 50, 65); }
div#admin-page-3 select             { padding: 0 20px 0 0; height: 22px; -webkit-appearance: menulist-button;  }
div#admin-page-3 .filtry-nadpis  { padding: 4px 2px 4px 4px; font-size: 12px; text-transform: uppercase; }
div#admin-page-3 #filtry-1,
div#admin-page-3 #filtry-2       { height: 22px; margin: 2px 0; float: right; }    

div#drobeckova-navigace          { padding: 2px 0; font-size: 12px; }
div#drobeckova-navigace a        { color: rgb( 45, 46, 47); text-decoration: underline; }
div#drobeckova-navigace .nav_symbol { color: rgb( 45, 46, 47); }
div#submenu                      { padding: 2px 0 7px 0; font-size: 12px; text-transform: uppercase; }
div#submenu  img                 { margin: 0 5px -10px 2px; }

div.navigace                     { margin: 22px 0 0 0; font-size: 14px; font-weight: normal; text-align: center; }
div.navigace a                   { text-decoration: none; color: rgb( 45, 46, 47); }
div.navigace a.vetsi             { font-size: 16px; }
div.navigace a:hover             { text-decoration: underline; }

div#detail_zakazky_seznamy #filtry-2 { height: 0px; margin: 0; }

div.admin-page table.admin             {  }
div.admin-page table.admin td          { position: relative; padding: 0px 0px; border: 0px solid rgb(225, 224, 219); }
div.admin-page table.admin td.popis    { padding: 8px 8px 2px 8px; width: 180px; text-transform: uppercase; color: white; background-color: rgb(104,101,102) !important; }
div.admin-page table.admin td.hr       { padding: 6px 1px 4px 1px; color: rgb(104,101,102); font-weight: bold; text-transform: uppercase;  }
div.admin-page table.admin td.input    { padding: 0px 0px 0px 4px; color: black; }
div.admin-page table.admin td.input input[type="text"]     { padding-top: 5px; border: 1px solid rgb(227,224,220); }
//div.admin-page table.admin td.input input[type="checkbox"] { font-size: 20px; border: 0px solid white; }

table.zahlavi                    { position: relative; width: 550px !important; margin-bottom: 25px; font-size: 14px; color: black; background-color: white; border: 1px solid rgb( 45, 46, 47); padding: 10px 10px 0px 10px; }
table.zahlavi.upravit            { width: 650px !important; }
table.zahlavi tr                 {  }
table.zahlavi tr td              { position: relative; padding: 3px 0px; border-bottom: 1px solid rgb(227, 224, 220) !important; }
table.zahlavi tr.nadpis          { font-weight: bold; color: rgb(195, 50, 65); text-transform: uppercase; }
table.zahlavi tr.nadpis td       { position: relative; padding: 5px 0px; border-bottom: 1px solid rgb(195, 50, 65) !important; }
table.zahlavi tr.nadpis .ikona,
table.zahlavi tr.last   .ikona,
table.zahlavi tr        .ikona   { position: absolute; top: 0; right: 0; }
table.zahlavi tr.last   td       { position: relative; border-bottom: 0px solid rgb( 45, 46, 47) !important; }

table.zahlavi td.nadpis          { width: 200px; font-weight: normal; }
table.zahlavi td.polozka         { width: 350px; }
table.zahlavi.upravit td.polozka { width: 450px; }
table.zahlavi td.polozka a       { color: rgb( 45, 46, 47); }
table.zahlavi td.polozka a span.cislo { text-decoration: underline; }
table.zahlavi td.polozka a img   { vertical-align: middle; height: 16px; width: auto; }
table.zahlavi td.polozka_ikony   { padding: 0px; }

table.zahlavi img.tablt          { position: absolute; top: -13px; left: -13px; z-index: 999; height: 40px; width: auto; }
table.zahlavi img.tabrb          { position: absolute; bottom: -3px; right: -13px; z-index: 999; }

table.zahlavi2                   { width: 550px !important; margin-bottom: 25px; }
table.zahlavi2 td.nadpis         { width: 100px; color: rgb( 45, 46, 47);                          font-size: 16px; font-weight: normal; padding: 3px; text-align: right; }
table.zahlavi2 td.polozka        { width: 450px; color: rgb( 45, 46, 47); background-color: white; font-size: 16px;                      padding: 3px; }
table.zahlavi2 td.polozka p      { margin: 0px; }

table.zahlavi3                   { width: 700px !important; margin-bottom: 25px; font-size: 14px; color: black; background-color: white; border: 1px solid rgb( 45, 46, 47); padding: 10px 10px 0px 10px; }
table.zahlavi3_siroke            { width: 900px !important; }
table.zahlavi3_siroke #dragandrophandler { width: 850px !important; }
div.zahlavi-upravit-top          { }
div.upravit table.zahlavi3       { width: 650px !important; }
div.upravit #dragandrophandler   { width: 600px !important; }
table.zahlavi3 tr                {  }
table.zahlavi3 tr td             { padding: 3px 0px; font-family: 'Ronnia Regular'; }
table.zahlavi3 tr.nadpis         { color: rgb(195, 50, 65); text-transform: uppercase; }
table.zahlavi3 tr.nadpis td      { position: relative; padding: 5px 0px; border-bottom: 1px solid rgb(195, 50, 65) !important; }
table.zahlavi3 tr.nadpis td img  { position: absolute; right: 0px; top: 2px; height: 16px; }
table.zahlavi3 tr.nadpis td img#popis_montaze_img  { top: 4px; height: 10px; }

table.celkem                  	 { width: 100%; border-bottom: 1px solid rgb(195, 50, 65); }
table.celkem td.nadpis           { color: rgb(195, 50, 65); font-size: 12px; font-weight: normal; padding: 3px; }
table.celkem td.polozka          { color: rgb(195, 50, 65); font-size: 12px; font-weight: normal; padding: 3px; }

table.celkem_fofr_kalkulace            { width: 1150px !important; }
table.celkem_fofr_kalkulace td.nadpis  { width: 1015px !important; }
table.celkem_fofr_kalkulace td.polozka { width:  135px !important; }

table.celkem_prehled_zakazky                 { width: 1550px !important; }
table.celkem_prehled_zakazky td.nadpis       { width: 1000px !important; font-weight: normal; }
table.celkem_prehled_zakazky td.polozka      { width:  130px !important; }
table.celkem_prehled_zakazky td.polozka-mini { width:  100px !important; }

table.zobraz                     { }
table.zobraz p                   { margin: 0; }
table.zobraz td.oznaceno-2       { color: rgb(195, 50, 65) !important;  }
table.zobraz td.oznaceno-1       { color: rgb( 80,180,180) !important;  }


div.vyhodnoceni									 { margin-top: 20px; }
div.vyhodnoceni .ikony					 { text-align: right; }
div.vyhodnoceni .ikony a,
div.admin-text  a.tlacitko,
span.button                   	 { margin-left: 8px; padding: 2px 6px; border: 1px solid rgb(195, 50, 65); }
div.admin-text table.zobraz a.tlacitko { margin-left: 0px; }
div.vyhodnoceni .ikony a:hover,
div.admin-text  a.tlacitko:hover,
span.button:hover,
div.vyhodnoceni .ikony a.inverzni { text-decoration: none !important; color: white; background-color: rgb(195, 50, 65); }

span.ukoly_value {  }

input.form_ukol_input { vertical-align: bottom; height: 16px; }


/*****  L O G I N  *****/

div.centering-login		       { width: 500px; }
div.login   		  			  	 { top: 62px !important; font-size: 14px; }
p#report-login               { margin-top: 20px; }
div#left-login               { position: relative; width: 230px; height: 250px; margin-top: 100px;  }
div#right-login              { position: relative; width: 230px; height: 155px; margin-top: 100px; border: 1px solid rgb(62,62,62); }
div#mesic                    { height: 26px; width: 26px; margin: 0 auto 20px auto; padding: 9px 11px 11px 9px; font-size: 24px; border: 1px solid rgb(62,62,62); border-radius: 50%; text-align: center; }
div#mesic-rok                { position: absolute; top: 132px; left: 0px; right: 0px; padding-bottom: 10px; font-size: 11px; border: 1px solid rgb(62,62,62); border-top: none;  }
div#cas                      { margin: 15px 0 15px 0; font-size: 24px; font-weight: 100; }
div#bily-obdelnik-1          { position: absolute; top: 115px; right: -5px; height: 18px; width: 10px; z-index: 5; }
div#bily-obdelnik-2          { position: absolute; top: 115px; left:  -5px; height: 18px; width: 10px; z-index: 5; }
div#bily-obdelnik-3          { position: absolute; top: 115px; right: -5px; height: 18px; width: 10px; z-index: 5; }
div#bily-obdelnik-4          { position: absolute; top: 115px; left:  -5px; height: 18px; width: 10px; z-index: 5; }
img#img-login                { position: absolute; bottom: 35px; right: 15px; }
table#kalendar-login         { width: 100%; padding: 10px 10px 0 10px; font-size: 11px; border-spacing: 1px; border: 1px solid rgb(62,62,62); border-bottom: none; }
table#kalendar-login td      { padding: 0px; }
table#kalendar-login td#mesic-rok { padding-top: 4px; }

span.login-text              { width:  40px; display: inline-block; text-align: left; font-size: 11px; }
#username, #password, #sms   { width: 100px; height: 18px; margin: 0px 0; padding: 0px 2px; font-size: 11px; border: 1px solid rgb(62,62,62); }
#username                    { }
#password                    { }
#sms                         { width: 100px; margin-right: 30px; }

div.left-mesic               { position: relative; width: 230px; height: 150px; margin: 40px 40px 0 0;  }
div.left-mesic.last          { margin-right: 0px;  }
div.mesic-rok                { position: absolute; top: 132px; left: 0px; right: 0px; padding-bottom: 10px; font-size: 11px; border: 1px solid rgb(62,62,62); border-top: none;  }

table.kalendar-login         { width: 100%; padding: 10px 10px 0 10px; font-size: 11px; border-spacing: 1px; border: 1px solid rgb(62,62,62); border-bottom: none; }
table.kalendar-login td      { padding: 0px; }
table.kalendar-login td.mesic-rok { padding-top: 4px; }


/*****  C H A T   R O O M  *****/


/*****  U K O L Y  *****/

div#footer-ukoly-zahlavi           { position: absolute; bottom: 0px; left: 0; height: 24px; width: 45px; padding: 5px 0px; font-size: 14px; border: 0px solid white; background: url(images/sys_notifikace.png) no-repeat; background-size: 100% 100%; z-index: 5;  }
span#footer-ukoly-zahlavi-minimize,
span#footer-ukoly-zahlavi-maximize { margin: 0 1px; font-size: 14px; cursor: pointer; }
span#footer-ukoly-zahlavi-pocet    { margin: 0 1px; }
div#footer-ukoly-telo              { position: absolute; bottom: 32px; left: 0; padding: 5px 0; width: 850px; font-size: 12px; border: 1px solid rgb( 45, 46, 47); z-index: 5; overflow-y: scroll;  }
div.footer-ukoly-ukol              { width: 100%; }
div.footer-ukoly-ukol img          { max-height: 16px; }
div.footer-ukoly-ukol:hover        { background-color: rgb(225,224,219) !important; }
div.footer-ukoly-ukol-termin       { width: 130px; height: 18px; padding-top: 2px; margin-right: 10px; overflow: hidden; }
div.footer-ukoly-ukol-nazev        { width: 580px;               padding-top: 2px; overflow: hidden; }
div.footer-ukoly-ukol-nazev a      { color: rgb(193, 48, 59) !important; }
div.footer-ukoly-ukol-funkce       { width: 110px; height: 100%; padding-top: 4px; }
div.footer-ukoly-ukol-funkce img   { margin-left: 5px; padding-top: 0px; }



/*****  C A L E N D A R   *****/