* { 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');
}

html, body { height: 100%; }

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

img     	 { border: 0px; }


.bila        { color: white 					 !important; }
.cerna        { color: black 			 		  !important; }
.cerna_svetla { color: rgb( 66, 66, 66) !important; }
.bezova      { color: rgb(201,187,161) !important; }
.bezova60     { color: rgb(198,193,185) !important; }
.bezova30    { color: rgb(227,224,220) !important; }
.bezova20    { color: rgb(236,234,232) !important; }
.bezova10    { color: rgb(246,245,243) !important; }
.oranzova    { color: rgb(255,102, 50) !important; }
.cervena     { color: rgb(196, 52, 62) !important; }
.modra       { color: rgb(153,204,255) !important; }
.zelena      { color: rgb(  0,201,147) !important; }
.seda_tmava  { color: rgb(106,116,123) !important; }
.seda        { color: rgb(189,196,201) !important; } 
.seda_svetla { color: rgb(236,238,240) !important; } 


.pozadi_bila        { background-color: white 					 !important; }
.pozadi_cerna       { background-color: black 					 !important; }
.pozadi_cerna_svetla   { background-color: rgb( 66, 66, 66) !important; }
.pozadi_bezova      { background-color: rgb(201,187,161) !important; }
.pozadi_bezova30    { background-color: rgb(227,224,220) !important; }
.pozadi_bezova20    { background-color: rgb(236,234,232) !important; }
.pozadi_bezova10    { background-color: rgb(246,245,243) !important; }
.pozadi_oranzova    { background-color: rgb(255,102, 50) !important; }
.pozadi_cervena     { background-color: rgb(192, 52, 62) !important; }
.pozadi_modra       { background-color: rgb(153,204,255) !important; }
.pozadi_zelena      { background-color: rgb(  0,201,147) !important; }
.pozadi_seda_tmava  { background-color: rgb(106,116,123) !important; } 
.pozadi_seda        { background-color: rgb(189,196,201) !important; } 
.pozadi_seda_svetla { background-color: rgb(236,238,240) !important; } 

.hranice_seda_tmava  { border: 1px solid color: rgb(106,116,123) !important; }

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

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

.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; }

.cervene-ohraniceni { border: 1px solid rgb(192, 52, 62) !important; } 

.smooth             { 
//                      text-shadow: 0px 0px 1px rgba(255,0,0,0); 
                      font-smooth: never;
                      -webkit-font-smoothing: none;
                    }
.width150           { width: 150px; }
.width120           { width: 120px; }
.width100           { width: 100px; }
.width90            { width:  90px; }
.width80            { width:  80px; }

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; margin: 10px 0 0 2px; height: 25px; color: rgb(195, 50, 65); cursor: pointer; text-transform: uppercase; color: rgb(196, 52, 62); background-color: white; border: 1px solid rgb(196, 52, 62) !important; }
input[type="submit"]:hover { background-color: rgb(196, 52, 62); color: white; }
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(160,152,138) 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(160, 152, 138); pointer-events: none; }
label:before           { }


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

div.centering    		{ width: 1600px; text-align: left; margin-left: auto; margin-right: auto; }

//div.header-1     		{ position: relative; width: 100%; height: 30px; padding-top: 5px; border-bottom: 1px solid white; }

div.wrapper         { width: 100%; height: auto !important; margin: auto; position: relative; text-align: justify;  background-color: white; }

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

div.podmenu-div       { margin: 2px 4px 0px 0px; padding: 2px 2px; font-size: 16px; color: white; border: 1px solid white; float: right; }
div.podmenu-div:hover { color: white !important; background-color: rgb(195, 52, 63) !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: 18px; margin-top: 2px; }
div#header-1 img.logo-logout-right { height: 14px; margin-top: 2px; }
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; }

#logo-authentica img	  { height: 21px !important; width: auto; margin-top: -2px; }
#logo-brigady 	 img    { height: 21px !important; width: auto; margin-top: -2px; }


#dragandrophandler { width: 650px; padding: 10px 10px; font-size: 12px; text-transform: uppercase; color: rgb(160,152,138); background-color: white; border: 1px dashed rgb(160,152,138); }
.progressBar       { width: 672px; height: 25px; overflow: hidden; }
.progressBar div   { width:   0;   height: 100%; color: white; text-align: right;	line-height: 25px; background-color: rgb(160,152,138); }
.statusbar         { width: 672px; min-height: 25px; padding: 10px 0 0 0; vertical-align: top; }
.filename          { width: 350px; vertical-align: top; display: inline-block; }
.filesize          { width: 322px; text-align: right; color: rgb(160,152,138); 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(160,152,138); }
#prilohy-zoom-img  { max-height: 600px; max-width: 600px; }

.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       { 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: 400px; color: black; background-color: white; border: 1px solid rgb(160,152,138); }
.submit-detail-okno-nadpis { padding: 5px 10px; font-weight: bold; color: white; background-color: rgb(160,152,138); 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(160,152,138); }
.prilohy-okno-nadpis { padding: 5px 10px; font-weight: bold; color: white; background-color: rgb(160,152,138); 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: Arial, sans-serif; font-size: 12px; color: black; border: 0px; border-radius: 0 !important; }
.ui-widget                        { font-family: Arial, 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(160,152,138); }
#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(160,152,138); 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(160,152,138); }
#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(160,152,138); } 
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(160,152,138); z-index: 10; }
#napoveda-text h1,
#detail-text h1            { font-size: 20px; color: rgb(160,152,138); }
#napoveda-obsah, 
#detail-obsah              { min-height: 500px; font-size: 12px; text-align: left; }
#napoveda-zavrit,
#detail-zavrit             { position: absolute; top: 5px; right: 5px; }




/***** T A B L E T *****/

div#klavesnice                   { position: relative; margin: 0px auto 0 auto; width: 1200px; height:1150px; font-family: arial;  }
div#time                         { position: absolute; top:  80px; left:  90px; width:  450px; height: 120px; font-size: 120px; z-index: 20; }
div#date                         { position: absolute; top:  20px; left:  90px; width:  450px; height:  40px; font-size:  60px; z-index: 20; }
div#last-access                  { position: absolute; top: 350px; left:  90px; width:  450px; height:  20px; font-size:  20px; }
div#identifikace                 { position: absolute; top:  10px; left:  30px; width:  450px; height:  20px; font-size:  20px; }
div#klavesnice div.button,
div#klavesnice div.button2       { position: absolute; width:  85px; height: 110px; padding: 5px 0 0 35px; font-size: 90px; border: 5px solid rgb(  0,201,147); border-radius: 70px; cursor: pointer; }
div#klavesnice div.not_button    { cursor: default !important; }
div#klavesnice div#button-1      { top: 290px; left: 680px; }
div#klavesnice div#button-2      { top: 290px; left: 830px; }
div#klavesnice div#button-3      { top: 290px; left: 980px; }
div#klavesnice div#button-4      { top: 150px; left: 680px; }
div#klavesnice div#button-5      { top: 150px; left: 830px; }
div#klavesnice div#button-6      { top: 150px; left: 980px; }
div#klavesnice div#button-7      { top:  10px; left: 680px; }
div#klavesnice div#button-8      { top:  10px; left: 830px; }
div#klavesnice div#button-9      { top:  10px; left: 980px; }
div#klavesnice div#button-0      { top: 430px; left: 830px; }
div#klavesnice div#button-ok          { top: 430px; left: 1040px; }
div#klavesnice div#button-ok span     { position: absolute; top: 10px; left: 18px; font-weight: bold; }
div#klavesnice div#button-cancel      { top: 430px; left:  680px; }
div#klavesnice div#button-cancel span { position: absolute; top:   0px; left:  35px; }
div#klavesnice div#kod                { position: absolute; top: 210px; left:  20px; width: 550px; height: 120px; padding: 0 0 0 25px; font-size: 100px; color: rgb(  0,201,147); border: 5px solid rgb(  0,201,147); border-radius: 80px; background-color: white; }
div#klavesnice div#kod span#kod-1     { position: absolute; top:   0px; left:  50px; }
div#klavesnice div#kod span#kod-2     { position: absolute; top:   0px; left: 190px; }
div#klavesnice div#kod span#kod-3     { position: absolute; top:   0px; left: 330px; }
div#klavesnice div#kod span#kod-4     { position: absolute; top:   0px; left: 470px; }

div#klavesnice div#potvrzeni          { position: absolute; top:   0px; left:   0px; width: 1200px; height: 1150px; z-index: 1; }
div#klavesnice div#potvrzeni-jmeno    { position: absolute; top: 210px; left:  20px; width:  550px; height: 180px; padding-top: 15px; font-size: 70px; text-align: center; border: 5px solid rgb(  0,201,147); border-radius: 90px; }
div#klavesnice div#button-poznamka,
div#klavesnice div#button-odeslat     { top: 430px; left:  20px; width: 550px; height: 100px; padding: 5px 0 0 0 !important; text-align: center; font-size: 80px; }
div#klavesnice div#button-prichod     { top:  10px; left: 620px; width: 510px; height: 100px; padding: 5px 0 0 0 !important; text-align: center; font-size: 80px; }
div#klavesnice div#button-odchod      { top: 150px; left: 620px; width: 510px; height: 100px; padding: 5px 0 0 0 !important; text-align: center; font-size: 80px; }
div#klavesnice div#button-lekar       { top: 290px; left: 620px; width: 510px; height: 100px; padding: 5px 0 0 0 !important; text-align: center; font-size: 80px; }
div#klavesnice div#button-storno      { top: 430px; left: 620px; width: 510px; height: 100px; padding: 5px 0 0 0 !important; text-align: center; font-size: 80px; }

div#klavesnice div#poznamka-cas-od    { top:  10px; left: 620px; width: 510px; height: 100px; padding: 5px 0 0 0 !important; text-align: left; font-size: 80px; }
div#klavesnice div#poznamka-cas-do    { top: 150px; left: 620px; width: 510px; height: 100px; padding: 5px 0 0 0 !important; text-align: left; font-size: 80px; }
div#klavesnice div#poznamka-text      { top: 290px; left: 620px; width: 510px; height: 100px; padding: 5px 0 0 0 !important; text-align: left; font-size: 80px; }

div#klavesnice input.poznamka-cas-input,
div#klavesnice input.poznamka-text-input { width: 435px; height: 80px; margin: 15px 0 0 35px; font-size: 55px; border: 0px; padding: 0 !important; }

div#klavesnice div#nadpis-cas-od      { position: absolute; top:  15px; left: 620px; width: 510px; font-size: 30px; font-style: italic; font-weight: bold; text-align: center; }
div#klavesnice div#nadpis-cas-do      { position: absolute; top: 155px; left: 620px; width: 510px; font-size: 30px; font-style: italic; font-weight: bold; text-align: center; }
div#klavesnice div#nadpis-poznamka    { position: absolute; top: 295px; left: 620px; width: 510px; font-size: 30px; font-style: italic; font-weight: bold; text-align: center; }

div#klavesnice div#button-potvrzeni-ok          { top: 400px; left: 325px; }
div#klavesnice div#button-potvrzeni-ok span     { position: absolute; top: 10px; left: 18px; font-weight: bold; }
div#klavesnice div#button-potvrzeni-cancel      { top: 400px; left:  75px; }
div#klavesnice div#button-potvrzeni-cancel span { position: absolute; top: 0px; left: 30px; }

div#datepicker { width: 20%; }

.ui-datepicker { width: 100% !important; }

.ui-datepicker tr { font-size: 14px !important; }
.ui-datepicker td { padding: 2px !important; border: 0px !important; }

.ui-datepicker-week-end a { color: red !important; }

.ui-datepicker-multi .ui-datepicker-group { float: none !important; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 100% !important; }



  #feedback { font-size: 1.4em; }
  .sel-table .ui-selecting { background: #FECA40 !important; }
  .sel-table .ui-selected { background: #F39814 !important; color: white; }
  .sel-table { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  .sel-table li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
	.ui-selectable>.ui-selected  { background-color: #a6c9e2 !important; }	
	
	

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

div.admin-text                        { width: 100%; margin-top: 20px; font-family: 'Merriweather Sans', sans-serif; font-size: 14px; line-height: 1.1; }
div.admin-text table.admin            { width: 100%;  }
div.admin-text table.admin.upravit    { width: 70%;  float: left; }
div.admin-text table.zobraz           { width: 100%; border-collapse: collapse; }
div.admin-text table.zobraz.draggable { width: 750px; }
//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.admin-text tr                { font-size: 12px; }
div.admin-text tr.radek.selected { background-color: rgb(227,224,220) !important; }
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; }
div.admin-text tr.nadpis td.odkazy a,
div.admin-text tr.nadpis th.odkazy a { color: white; }
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 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.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(160,152,138); border: 1px solid rgb(160,152,138); z-index: 5; }
div.admin-text td.editable input.cena,
div.admin-text td.editable input.float { text-align: right; } 
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; }
a.nova_firma                     { display: inline-block; }
a.nova_firma img                 { display: inline-block; vertical-align: text-bottom; height: 23px; }

 
div.admin-menu                   { position: relative; width: 100%; font-size: 12px; color: white; text-transform: uppercase; }
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: 30px; width: 90px; padding: 5px 5px 5px 5px; text-align: center; border-right: 1px solid white; }
div.admin-menu .podmenu:hover    { background-color: rgb(196, 52, 62) !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: 12px 5px 12px 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: bold; padding: 4px 5px 8px 5px; }
div.admin-page h1 img.submenu-ikona { margin: 0 5px -7px 5px !important; }
div.admin-page h1 a        			 { color: white; font-size: 14px; font-weight: normal; 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: rgb(195, 50, 65); 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(236,234,232); }
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#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; }    
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(160,152,138); text-decoration: underline; }
div#drobeckova-navigace .nav_symbol { color: rgb(160,152,138); }
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( 66, 66, 66); }
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          { 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: rgb( 66, 66, 66); background-color: white !important; border-bottom: 1px solid rgb( 66, 66, 66); }
div.admin-page table.admin td.hr       { padding: 6px 1px 4px 1px; color: rgb(160, 152, 138); 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; }
//div.admin-page table.admin td.input input[type="checkbox"] { font-size: 20px; border: 0px solid white; }

table.zahlavi                    { width: 550px !important; margin-bottom: 25px; font-size: 14px; color: black; background-color: white; border: 1px solid rgb(160,152,138); 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(160,152,138) !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(160,152,138); }
table.zahlavi td.polozka a span.cislo { text-decoration: underline; }
table.zahlavi td.polozka_ikony   { padding: 0px; }

table.zahlavi2                   { width: 550px !important; margin-bottom: 25px; }
table.zahlavi2 td.nadpis         { width: 100px; color: rgb(160,152,138);                          font-size: 16px; font-weight: normal; padding: 3px; text-align: right; }
table.zahlavi2 td.polozka        { width: 450px; color: rgb(160,152,138); 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(160,152,138); 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.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); }

div.footer            					 { position: absolute; left: 0; right: 0; bottom: 0; min-width: 1600px; height: 20px; font-size: 12px; padding: 2px 0; }
div.footer a           					 { text-decoration: none; }
div.footer a:hover     					 { text-decoration: underline; }

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



/*****  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(160,152,138); 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(195, 52, 63) !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; }



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

div.centering-login		       { width: 800px; }
div.login   		  			  	 { top: 62px !important; font-size: 14px; }
p#report-login               { margin-top: 20px; }
div.left-login               { position: relative; width: 230px; height: 230px; margin-top: 0px; margin-right: 50px; }
div#right-login              { position: relative; width: 230px; height: 175px; margin-top: 0px; border: 1px solid rgb(62,62,62); }
div#registrace               { position: relative; width: 230px; height: 350px; margin-top: 0px; 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; bottom: 20px; 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#registrace-nadpis        { margin: -8px 0 15px 0; font-size: 14px; font-weight: 100; }
div#bily-obdelnik-1          { position: absolute; top: 135px; right: -5px; height: 18px; width: 10px; z-index: 5; }
div#bily-obdelnik-2          { position: absolute; top: 135px; left:  -5px; height: 18px; width: 10px; z-index: 5; }
div#bily-obdelnik-3          { position: absolute; top: 135px; right: -5px; height: 18px; width: 10px; z-index: 5; }
div#bily-obdelnik-4          { position: absolute; top: 135px; left:  -5px; height: 18px; width: 10px; z-index: 5; }
img#img-login,
img#img-logout,
img#img-registrace           { position: absolute; bottom: 35px; right: 15px; }
table#kalendar-login         { width: 100%; padding: 10px 10px 0 10px; font-size: 11px !important; border-spacing: 1px; border: 1px solid rgb(62,62,62); border-bottom: none; border-collapse: none !important; }
//table#kalendar-login tr      { padding: 2px 2px; }
table#kalendar-login td      { padding: 2px 0px; }
table#kalendar-login td#mesic-rok { padding-top: 4px; }

span.login-text              { width:  50px; display: inline-block; text-align: right; font-size: 11px; }
#username, #password, #sms, #email, #mobil, #jmeno, #prijmeni, #vek, #registrace-username, #registrace-password, #registrace-password2
														 { width: 100px; height: 18px; margin: 0px 0 0 5px; padding: 0px 2px; font-family: 'Merriweather Sans', sans-serif; font-size: 11px; border: 1px solid rgb(62,62,62); }
#username                    { }
#password                    { }
#sms                         { width: 100px; margin-right: 30px; }
#registrace-chyba            { font-size: 11px; }
#brigadnici_logged_small_p   { font-size: 18px; }

table#get_brigady_table      { width: 510px; height: 350px; border: 1px solid rgb(62,62,62); }
table#get_brigady_table td.ohraniceni { border-left: 1px solid rgb(62,62,62); border-right: 1px solid rgb(62,62,62);  }

div#kalendar div.left-login            { width: 750px; height: 1200px; margin-right: 0px; }
div#kalendar div.left-login td.datum   { position: relative; height: 220px; }
div#kalendar div.left-login .datum_div { position: absolute; top: 20px; left: 0; text-align: left; font-weight: normal; padding: 0 5px; width: 90px; height: 80; z-index: 7; }



@media (max-width: 1024px) { 

	div#logo-authentica { margin-right: 10px; }
	div#logo-brigady    { margin-left: 10px; }
	div#header-1, div#content, div.footer { min-width: auto; width: 100%; }
	div.centering { width: 100%; }
	div.left-login, div#right-login, div#registrace, div#brigady { margin-left: auto; margin-right: auto; float: none !important; }
	div#brigady { margin-top: 20px; margin-bottom: 20px; }

	table#get_brigady_table { width: 98%; }
	
	div.footer { height: 75px; margin-top: 20px; padding-top: 10px; }
	
	div.admin-page { padding-top: 0; padding-bottom: 0px; min-height: auto; }
	div.admin-text { margin-top: 0 }
	div#content    { bottom: 50px; }
	div.navigace   { margin: 0; }
	div.login      { top: 0; }
}