/*
 * General styles
 */
html, body {
   font-size: calc(10px + 0.2vw);
}
@media only screen {
   div#page_title {
      display:none;
   }
   .noscreen {
      display:none;
   }
}
@media only screen and (min-width: 768px) {
   /*for desktops*/
   body.intro {
      background: #ffffff url("../images/new/bgt.png") no-repeat center top;
      padding-top:80px; 
   }
}

* {
   box-sizing:border-box;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.debug {
   border:1px dotted red;
}

.row::after, .arow::after {
  content: "";
  clear: both;
  display: table;
}

@media only screen {
   [class*="col-"] {
     float: left;
     padding: 5px 0px 5px 0px;
     text-align:left;
     overflow:hidden;
     /*uncomment for debug purposes*/
     /*border:1px dotted gray;*/
   }
   [class*="col-"] label {
      display:inline-block;
      white-space:nowrap;
   }
   [class*="col-"] label span { 
      margin-right:10px;
   }
}
.aligned label span {
   display:inline-block;
/*   text-align:right;
   width:100px;*/
}
.center {
   text-align:center;
}
.left {
   text-align:left;
}
.right {
   text-align:right;
}
.panel {
   display:inline-block;
   text-align:left;
   float:none;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
@media only screen and (max-width: 768px) {
   .comment { display:none }
   .tab_menu { display:none }
   a#odhlasit { display:none; }
   #reset_form { display:none; }
   #loginform input#login { 
      background-color:#ED1A3B; 
   }
}
@media only screen and (min-width: 50px) {
   /* For tablets: */
   .col-xs-0 {width: 0%;}
   .col-xs-1 {width: 8.33%;}
   .col-xs-2 {width: 16.66%;}
   .col-xs-3 {width: 25%;}
   .col-xs-4 {width: 33.33%;}
   .col-xs-5 {width: 41.66%;}
   .col-xs-6 {width: 50%;}
   .col-xs-7 {width: 58.33%;}
   .col-xs-8 {width: 66.66%;}
   .col-xs-9 {width: 75%;}
   .col-xs-10 {width: 83.33%;}
   .col-xs-11 {width: 91.66%;}
   .col-xs-12 {width: 100%;}
   .col-xs-13 {width: 29.16%;} /*|col-5|+|col-13|+|col-13|=100%*/
   #menu{
      margin: 0px 0px 20px 0px;
   }
}
@media only screen and (min-width: 600px) {
   /* For tablets: */
   .col-s-0 {width: 0%; } 
   .col-s-1 {width: 8.33%;}
   .col-s-2 {width: 16.66%;}
   .col-s-3 {width: 25%;}
   .col-s-4 {width: 33.33%;}
   .col-s-5 {width: 41.66%;}
   .col-s-6 {width: 50%;}
   .col-s-7 {width: 58.33%;}
   .col-s-8 {width: 66.66%;}
   .col-s-9 {width: 75%;}
   .col-s-10 {width: 83.33%;}
   .col-s-11 {width: 91.66%;}
   .col-s-12 {width: 100%;}
   .col-s-13 {width: 29.16%;} /*|col-5|+|col-13|+|col-13|=100%*/
   #menu{
      margin: 0px 0px 20px 0px;
   }
}

@media only screen and (min-width: 768px) {
   /* For desktop: */
   .col-0 {width: 0%;          /*border:solid 1px*/ }
   .col-1 {width: 8.33%;       /*border:solid 1px*/ }
   .col-2 {width: 16.66%;      /*border:solid 1px*/ }
   .col-3 {width: 25%;         /*border:solid 1px*/ }
   .col-4 {width: 33.33%;      /*border:solid 1px*/ }
   .col-5 {width: 41.66%;      /*border:solid 1px*/ }
   .col-6 {width: 50%;         /*border:solid 1px*/ }
   .col-7 {width: 58.33%;      /*border:solid 1px*/ }
   .col-8 {width: 66.66%;      /*border:solid 1px*/ }
   .col-9 {width: 75%;         /*border:solid 1px*/ }
   .col-10 {width: 83.33%;     /*border:solid 1px*/ }
   .col-11 {width: 91.66%;     /*border:solid 1px*/ }
   .col-12 {width: 100%;       /*border:solid 1px*/ }
   .col-13 {width: 29.16%;     /*border:solid 1px*/ } /*|col-5|+|col-13|+|col-13|=100%*/

   .col-15 {width: 12.5%;     /*border:solid 1px*/ }
    a#odhlasit_service { display:none; }
}

@media only screen and (min-width: 1220px) {
   /* For desktop: */
   .col-md-0 {width: 0%;          /*border:solid 1px*/ }
   .col-md-1 {width: 8.33%;       /*border:solid 1px*/ }
   .col-md-15 {width: 16.33%;       /*border:solid 1px*/ }
   .col-md-2 {width: 16.66%;      /*border:solid 1px*/ }
   .col-md-25 {width: 20.66%;      /*border:solid 1px*/ }
   .col-md-3 {width: 25%;         /*border:solid 1px*/ }
   .col-md-4 {width: 33.33%;      /*border:solid 1px*/ }
   .col-md-5 {width: 41.66%;      /*border:solid 1px*/ }
   .col-md-6 {width: 50%;         /*border:solid 1px*/ }
   .col-md-7 {width: 58.33%;      /*border:solid 1px*/ }
   .col-md-8 {width: 66.66%;      /*border:solid 1px*/ }
   .col-md-9 {width: 75%;         /*border:solid 1px*/ }
   .col-md-10 {width: 83.33%;     /*border:solid 1px*/ }
   .col-md-11 {width: 91.66%;     /*border:solid 1px*/ }
   .col-md-12 {width: 100%;       /*border:solid 1px*/ }
   .col-md-13 {width: 29.16%;     /*border:solid 1px*/ } /*|col-5|+|col-13|+|col-13|=100%*/
    a#odhlasit_service { display:none; }
}
@media only screen and (min-width: 1400px) {
   /* For desktop: */
   .col-lg-0 {width: 0%;          /*border:solid 1px*/ }
   .col-lg-1 {width: 8.33%;       /*border:solid 1px*/ }
   .col-lg-15 {width: 16.33%;       /*border:solid 1px*/ }
   .col-lg-2 {width: 16.66%;      /*border:solid 1px*/ }
   .col-lg-25 {width: 20.66%;      /*border:solid 1px*/ }
   .col-lg-3 {width: 25%;         /*border:solid 1px*/ }
   .col-lg-4 {width: 33.33%;      /*border:solid 1px*/ }
   .col-lg-5 {width: 41.66%;      /*border:solid 1px*/ }
   .col-lg-6 {width: 50%;         /*border:solid 1px*/ }
   .col-lg-7 {width: 58.33%;      /*border:solid 1px*/ }
   .col-lg-8 {width: 66.66%;      /*border:solid 1px*/ }
   .col-lg-9 {width: 75%;         /*border:solid 1px*/ }
   .col-lg-10 {width: 83.33%;     /*border:solid 1px*/ }
   .col-lg-11 {width: 91.66%;     /*border:solid 1px*/ }
   .col-lg-12 {width: 100%;       /*border:solid 1px*/ }
   .col-lg-13 {width: 29.16%;     /*border:solid 1px*/ } /*|col-5|+|col-13|+|col-13|=100%*/

   .px-lg-5p { 
      padding-left:5% !important; 
      padding-right:5% !important; ;
   }
    a#odhlasit_service { display:none; }
}
/*
 * FOR DEBUG PURPOSES:
 *
div[class^="col-"] {
   border:solid 1px;
}
*/
@media only screen {
   .arow { padding:0 10px; }
}
@media only screen and (min-width: 1000px) {
   .row { padding:0 2.5%; }
}
@media only screen and (min-width: 1200px) {
   .row { padding:0 5%; }
}
@media only screen and (min-width: 1400px) {
   .row { padding:0 7.5%; }
}
@media only screen and (min-width: 1600px) {
   .row { padding:0 10%; }
}
@media only screen and (min-width: 1800px) {
   .row { padding:0 12%; }
}

h1, h2, h3, h4 {
/* font-variant: small-caps;*/
 font-weight: bold;
 margin:0px;
}
h1 {
	font-size: 1.4em;
	text-align: center;
}
h2 {
 font-size: 1.3em;
}
h3 {
 font-size: 1.2em;
}
h4 { 
   font-size:1.0em; 
}

/*
 * Styles for main divs
 */
div.dev_env {
   opacity: 0.1;
}

#main-log, #main_zobrazzadanku {
   text-align:center;
}

table tbody tr td a.button, a.button, button.abutton { 
   padding:0px 5px 0px 5px;
   border:solid 1px #606060; 
   background-color:#ffffff;
   color:#303030;
   text-decoration:none;
   cursor:pointer;
}
table tbody tr td a.button:hover, a.button:hover, button.abutton:hover { 
   background-color:#606060;
   color:#ffffff;
}
table tbody tr td a.button.admin, a.button.admin, button.admin, button.dev {
   background-color:#ffa0a0;
}
a.button.active {
   background-color:#FBBB00;
}
.x-small {
   /*font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif !important;*/
   font-size: 0.8em;
}
.xx-small {
   /*font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif !important;*/
   font-size: 0.75em;
}
.x-large {
   /*font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif !important;*/
   font-size: 1.2em;
}
.xx-large {
   /*font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif !important;*/
   font-size: 2.0em;
}

/*
 * Statusbox
 */
.ui-widget-header {
   background-color:#0DB25E;
   color:#ffffff;
}
#statusbox1, .statusbox1, .errorbox, #js_statusbox1, .js_statusbox1, .js_astatusbox1 {
	background-color: #F8D7DA;
	border: 1px solid #E05F52;
   border-radius:5px;
	padding: 5px;
	margin: 5px;
	font-style: italic;
}
#statusbox2, .statusbox2, .warningbox, #js_statusbox2, .js_statusbox2, .js_astatusbox2 {
	background-color: #FFEB7F;
	border: 1px solid #FFD700;
   border-radius:5px;
	padding: 5px;
	margin: 5px;
	font-style: italic;
}
#statusbox3, .statusbox3, .infobox , #js_statusbox3, .js_statusbox3, .js_astatusbox3 {
	background-color: #CFFFD1;
	border: 1px solid #00BF08;
   border-radius:5px;
   color:#303030;
	padding: 5px;
	margin: 5px;
	font-style: italic;
}
#statusbox4, .statusbox4, .tipbox , #js_statusbox4, .js_statusbox4, .js_astatusbox4 {
	background-color: #cfe2ff;
	border: 1px solid #b6d4fe;
   border-radius:5px;
   color:#084298;
	padding: 5px;
	margin: 5px;
	font-style: italic;
}

.mandatory-inputs{
	background-color: #cfe2ff;
	border: 1px solid #b6d4fe;
   border-radius:5px;
   color:#084298;
	padding: 5px;
	margin: 5px;
}
.mandatory-inputs input[type="checkbox"] {
   vertical-align: middle;
}
.mandatory-inputs input[type="radio"] {
   vertical-align: bottom;
}

.tracebox {
   width:100%;
   height:200px;
   overflow:scroll;
   border:1px solid #a0a0a0;
   background-color:#e0e0e0;
   margin:5px 0px 5px 0px;
   resize: both;
   font:0.9em courier;
}

#js_statusbox1, .js_statusbox1, #js_statusbox2, .js_statusbox2, #js_statusbox3, .js_statusbox3, .js_astatusbox1, .js_astatusbox2, .js_astatusbox3 {
	display: none;
}

/*
 * Form "Zadanka"
 */
#hlavicka {
/*	width: 100%; */
	height: 100px;
}
#cislo-vzorku, #laborator-info, #logo {
	text-align:center;
	vertical-align: middle;
	padding: 5px;
}
#cislo-vzorku {
	/* background-color: #E0D078; */
}
#logo {
	background-image: url(../images/logo_labin.png);
	background-position: center;
	background-repeat: no-repeat;
}

#zadanka_table {
   display:inline-block;
}

#zadanka_table td textarea {
	background-color: #ffffff;
   border: 1px solid #e0e0e0;
   width:100%;
}

.not_my_app {
	background-color:#FFEB7F !important; /*same background as the warningbox*/
   font-style:italic;
}

form#zadanka textarea {
   font-size:1em;
}

#diagnoza-box {
   position: relative;
}

#searchresult {
	position: absolute;
	top: 25px;
	left: 0;
	border: 1px solid Gray;
	background-color: White;
	padding: 5px;
	display: none;
}

.pacient-data {
	border: 1px dotted gray;
   border-radius:5px;
}
#novy-pacient {
	border-color:#49C865;
}

#vysetreni-uziv table {
	padding: 20px;
	margin-top:10px;
}

#vysetreni-uziv td {
	height: 70px;
}

#vysetreni-uziv a {
	margin-right: 10px;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	color: black;
	padding: 20px;
	border: 1px #E0D078 solid;
}

#vysetreni-uziv a:hover {
	background-color: #E0D078;
	color: maroon;
}

.vysetreni-seznam input {
	margin-right: 5px;
}

.vysetreni-seznam  {
	margin-right: 5px;
	font-weight: bold;
}

.sub-vysetreni	{
	border-right: 1px solid silver;
}

.zadanka-table .vysetreni-cont-frame {
   width:100%;
}

.ige-box .vysetreni-cont-frame {
   min-width:25%;
}
table.vysetreni-cont-frame td	{
	vertical-align:top;
	white-space: normal;
   border:0px solid #ffffff;
}

.vysetreni-seznam td  {
	vertical-align: top;
	white-space: pre-line;
}

.vysetreni-seznam span {
   font-weight: normal;
}

.vysetreni-seznam span.vnoreni {
	display: block;
	border-left: 1px solid silver;
	margin-left: 10px;
}

.vysetreni-radek div	{
	display: inline-table;
}

table.vysetreni-cont	{
	border-collapse: collapse;
	text-align: left;
   width:100%;
}
/*
table.vysetreni-cont td {
   padding:0px; 
   margin:0px;
   vertical-align:middle;
   line-height:9px;
}
*/
table.vysetreni-cont td.file {
   font-weight:bold;
   padding:1em 0 0 1em;
}

.nclp-grid td.file {
   font-weight:bold;
   font-size: 1em;
   padding-bottom: 0.25em !important;
}

/*
table.vysetreni-cont tr td.file {
   padding-top:10px;
}
table.vysetreni-cont tr:first-child td.file {
   padding-top:0px;
}
table.vysetreni-cont td label {
   font-weight:normal;
   color:#303030;
   margin:0px;
   padding:0px;
   white-space:nowrap;
}
table.vysetreni-cont td label.error {
   font-style:italic;
}
*/
#searchresult {
   background-color: white;
	z-index: 2;
	position: absolute;
	left: 60px;
	margin: 5px;
}

.vysetreni-seznam, ._vysetreni-seznam #kategorie {
	color: red;
	font-weight: bold;
}

fieldset legend {
   font-weight:bold;
   /*margin-top:15px;*/
}

#scroll,#pojscroll,#igescroll {
  border-radius:5px;
  position: absolute;
  margin: 0 auto;
  display: none;
  background-color: white;
  z-index: 1;    
  width: 300px;
  height: 150px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-collapse: collapse;
  border-bottom-style: solid;
  border-color: #000000;
  border-width: 1px;      
  overflow: auto;
}

#scroll div, #pojscroll div, #igescroll div {
  margin: 0 auto;
  text-align:left
}

#suggest table, #pojsuggest table, #igesuggest table {
  width: 270px;
  font-size: 11px;
  font-weight: normal;
  color: #676767;
  text-decoration: none;
  border: 0px;
  padding: 0px;  
  text-align:left;   
  margin: 0px
}

.highlightrow {
  background-color: #999999 !important;
  cursor: pointer
}

tr.highlightrow td {
  background-color: #999999 !important;
  cursor: pointer
}

#sugg-tab td {
	background-color:white;
}

.popupspace {
	z-index: 1;
	position: absolute;
	display: none;
	background-color: #E0D078;
	border-color: #7D6B0A;
	border-style: solid;
	border-width:medium;
	width: 400px;
	height: 280px;
   /*overflow: auto;*/
}

#popupcont, .popupcont {
 height: 220px;
 vertical-align: middle;
 text-align: left;
 overflow: auto;
}

.blok-content {
	display: none;
}

#dokumenty-seznam {
	overflow: auto;
	height: 200px;
	width: 100px;
}

#nazevzadanky td, div.section_delim {
   font-variant: small-caps;
   text-align:center;
   background:url("../images/new/bg_redline.png") repeat-x center;
}

div.section_delim {
   width:100%;
}

/*same as menu-item*/
#nazevzadanky td span, div.section_delim h1 {
   font-size: 1.2em;
   font-weight:bold;
   display: inline-block;
   color:#ffffff;
   border-radius:5px;
   padding:15px 30px 15px 30px;
   margin:5px;
   text-decoration:none;
   width:150px;
   vertical-align:middle;
	background-color: #E41B41;
   font-variant: small-caps;
}

div.section_delim h2 {
   font-size: 1em;
   font-weight:bold;
   display: inline-block;
   color:#ffffff;
   border-radius:5px;
   padding:10px 30px 10px 30px;
   margin:10px;
   text-decoration:none;
	background-color: #E41B41;
   font-variant: small-caps;
}

/*
 * General styles
 */

#vhledani_form {
   display:inline-block;
}
#vhledani table tr td:first-child {
   text-align:right;
}
#vhledani table tr td {
   text-align:left;
}

#submit_btn	{
	font-weight: bold;
}

#kalendar th, #vhledani th {
 font-weight: bold;
 vertical-align: middle;
}
#kalendar td.kalendar-vyber, #vhledani td.kalendar-vyber {
	vertical-align: middle;
}
#kalendar span.mesic {
	width: 150px;
   margin: 0 10px;
	font-size: 1.2em;	
	font-weight: bold;
}
.den, .vikend, .dnes, .dnes-vikend, empty-day {
   border: 1px solid black;
	padding: 2px;
	height: 135px;
}

.den {
	background-color: #DDEEDD;
	border-color: #CCDDCC;
}

.den:hover {
	background-color: #CCDDCC;
}

.dnes {
	background-color: #CCDDCC;
	border: 2px solid #BBCCBB;
}

.vikend {
	background-color: #FFEEEE;
	border-color: #EEDDDD;
}

.vikend:hover {
	background-color: #EEDDDD;
}

.vikend-dnes {
	background-color: #EEDDDD;
	border: 2px solid #DDCCCC;
}

.empty-day {
	border: 1px solid Silver;
}

div.calendar-item {
	position: relative;
	height: 130px;
	width: 100px;
}
div.den-label {
   z-index: 0;
	position: absolute;
	font-size: 5em;
	width: 100px;
	color: White;
	top: 5px;
}
div.dokumenty-seznam {
	z-index: 10;
	position: relative;
	height: 130px;
	overflow: auto;
	text-align: left;
}

#kalendar img {
 border: none;
 cursor: pointer;
 margin-left: 3px;
}
/*
 * User settings
 */
#userinfo-table {
   display:inline-block;
}
#userinfo-table td {
	/*white-space: nowrap;*/
	vertical-align: middle;
   text-align:left;
}

#userinfo-table td a {
 text-decoration: none;
}

#separator	{
/*	width: 100%; */
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

#pageseparator, .pageseparator	{
	page-break-before: always;
}

@media only screen {
   .app-box {
      border:dotted 1px gray;
      /*margin:2em 2em;*/
   }
   .app-box:hover {
      background-color:#e0e0e0;
   }
   .app-box:nth-child(even) {
      margin-top:2em;
   }
}

#tisk-ostatni {
	padding-top: 30px;	
}

#odbermat	{
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

#tisk-jmeno	{
	font-weight: bold;
	font-size: 1.3em;
}

#identifikace-val, #platce-val, #adresa-val, #provadejici-val, #zadajici-val, #jv-val, #ds-val {
	font-weight: bold;
	font-size: 1.2em;
}

.label {
	font-weight: bold;
}
.label {
	font-weight: bold;
}

@media screen {
   #tiskbox {
      padding-left:0px;
      padding-right:0px;
   }
}

#tiskbox table {
	width: 100%;
}

#tiskbox table td {
	text-align:left;
}

#tiskbox .input-text {
   background-color:white;
   border-bottom:dotted 1px gray;
   font-weight:bold;
   margin:0 0.5em;
}

#tiskbox .input-text {
   font-size:1.2em;
   min-height:1.3em;
}

#tiskbox .input-area {
   background-color:white;
   border:solid 1px gray;
   padding:0 0.5em;
}
#tiskbox .nclp-text {
   font-size:1.0em;
}

#tiskctrl	{
	text-align: center;
}

#logologin {
	float: right;
	text-align: right;
}

.service_menu {
	text-align: center;
   padding: 10px;
   margin: 30px; 
}

#service-list {
	text-align: center;
   padding: 10px;
/*   margin: 30px; */
   font-variant: small-caps;
}

#service-list img {
	border: 0px; 
}

#service-list table {
	margin: 0px auto 0px auto;
   border-spacing: 10px;
}

#service-list table td {
	background-color: #fee8ea;
}

#vysetreni-list {
	border-top: 1px black solid;
}

div.dokument-nr   {
	clear: both;
	float: left;
}

td.chck	{
	width: 20px;
}

div.progressbar	{
	border: 1px black solid;
	background-color: #EFE1D1;
	width: 300px;
	position: absolute;
	z-index: 2;
	top: 150px;
	left: 250px;
	line-height: 40px;
	vertical-align: middle;
	padding: 15px;
	font-weight: bold;
}

div.loader {
	z-index: 1000;
   position: fixed;
   top: 50%; /*90px*/
   left: 50%;
   /* bring your own prefixes */
   transform: translate(-50%, -50%);
}

#vysetreni-uziv a#service_link	{
	color: red;
	border: 0px;
	padding: 3px;
	font-size: 14px;
}

#vysetreni-uziv a:hover#service_link	{
	background-color: transparent;
}

.confirmlink {
	font-weight: bold;
	padding: 10px;
	color: #7D150A;
	background-color: #DFDFDF;
	margin: 2px;
	text-decoration: none;
}
.confirmlink:hover	{
	background-color: #CFCFCF;
}


/*Login page*/
#loginbox {
   text-align:center;
}
#loginbox.labin #loginform {
   background-color:#ED1A3B;
}
#loginbox.citylab #loginform, #loginbox.ala #loginform {
   background-color:#0D549E;
}
#loginform label {
   color:#ffffff;
   font-size:1em;
   font-variant: small-caps;
}
#loginform h1 {
   color:#ffffff;
   font-weight:bold;
   font-variant: small-caps;
   font-size:1.5em;
}
#loginform input, #loginform button {
   font-weight:bold;
   border:none;
   width:100%;
   padding:5px;
}
#loginform input#login,  #loginform button#login {
   background-color:#FDB813;
   color:#ffffff;
   font-size:1.5em;
   font-variant: small-caps;
   padding:5px;
   width:100%;
}
#loginform table tr td:first-child { text-align:right;}
#loginform table tr td { text-align:left; }
#loginform table tr td img { display:inline-block; vertical-align:top; }
#loginform div {
   display:block;
}
.welcome_msg {
   font-size:1.1em;
   border:solid 2px;
   padding:15px;
   border-radius:7px; 
   text-align:justify;
}
.welcome_msg_labin {
   border:solid 2px #ED1A3B;
   background-color:#ffb3be;
}
.welcome_msg_citylab, .welcome_msg_ala {
   border:solid 2px #0D549E;
   background-color:#a8d3ff;
}
@media screen and (max-width:768px) {
   /* mobile devices */
   #loginbox table {
      width:100%;
   }
   #loginform table { width:95%; }
   #loginform table td { vertical-align:middle; }
   #loginform #captcha_login { width:6em; }
   #loginform #code { padding:8px; display:inline; width:5em; }
   #loginbox table td.logo { display:none; }
}
@media screen and (min-width:768px) {
   /* desktops */
   #loginbox > table {
      display:inline-block;
      margin-top:150px;
   }
   #loginform table tr td { text-align:left; padding: 2px 5px 2px 5px; vertical-align:top; }
   #loginform input {
      width:200px;
      padding:5px;
      border-radius:7px;
   }
   #loginbox.labin > table td.logo img {
      position:relative;
      top:-160px;
      left:-20px;
   }
   #loginbox.citylab > table td.logo img {
      position:relative;
      top:-135px;
      left:-65px;
   }
   #loginbox.ala > table td.logo img {
      position:relative;
      top:-135px;
      left:-65px;
   }
   #loginform {
      border-radius:20px;
      margin-left:auto;
      margin-right:auto;
      display:inline-block;
      padding:10px 20px 10px 20px;
   }
   #loginform input, #loginform button {
      font-weight:bold;
      width:200px;
      border:none;
      border-radius:7px;
      padding:5px;
   }
   #loginform input#code {
      width:80px; 
      height:30px;
      padding-left:20px;
      margin-left:5px;
   }
   #loginform input#login, #loginform button#login  {
      width:100%;
   }
   #loginform table tr td { text-align:left; padding: 2px 5px 2px 5px; vertical-align:top; }
   #loginform table tr td:first-child { text-align:right;}
   #loginform table tr td img { display:inline-block; vertical-align:top; }
   #loginform div {
      display:block;
   }
}


/* 
input:focus{
   outline:none;
}
*/ 

input[type="text"], input[type="select"], input[type="password"], select { 
   color:#303030;
   border:none;
   border-bottom:dotted 1px;
}
/*buttons*/
a.uzivatelsketypy {
   font-size: 1em;
   color:#606060;
   border:solid 1px #303030;
   border-radius:5px;
   padding:5px 30px 5px 30px;
   margin:2px;
   text-decoration:none;
   font-variant: small-caps;
   white-space:nowrap;
   display:inline-block;
}
a.uzivatelsketypy:hover	{
   color:#ffffff;
	background-color: #606060;
}

button, input[type="submit"], input[type="button"], input[type="reset"], a.formbutton {
   background-color: #606060;
   border:solid 1px #606060;
   color: #ffffff;
   font-size: 1em;
   font-weight:bold;
   border-radius:5px;
   padding:5px 30px 5px 30px;
   margin:2px;
   text-decoration:none;
   font-variant: small-caps;
   white-space:nowrap;
   display:inline-block;
}

button.btn-sm {
   font-size: 1em;
   padding:1px 5px;
}

button.btn-xsm {
   font-size: 0.9em;
   padding:0px 2px;
}

button[type="reset"] {
   background-color: #EFEFEF;
   border:solid 1px #606060;
   color: #303030;
   padding:1px 10px 1px 10px;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, a.formbutton:hover	{
   color:#606060;
	background-color: #e0e0e0;
}

button[disabled] {
   background-color: #e0e0e0;
}

div.formcontrol {
   padding:10px;
   text-align:center;
}


/*nastaveni page*/
div#ui{
   background-color: #ffffff;
   padding: 10px 10px 10px 10px;
   margin: 0px 0px 0px 0px;
   text-align:center;
}



img#lab_logo {
   display:inline;
   width:80px;
   vertical-align:top;
}
div#identifikace {
   font:bold 1em Arial;
   text-align:center;
   width:80px;
}
span#prihlaseny-value {
	font: bold 0.9em Arial;
   color: #606060;
   white-space:nowrap;
}
span#prihlaseny-label{
    font: 0.9em Arial;
    color: #a0a0a0;
}
/* Styles for menu */
.view-title {
   white-space:nowrap
}
.main-page-title {
   display:inline-block;
}
.main-page-title-xs {
   display:none;
}

#menu{
   clear:both;
   width: 100%;
	background-color: transparent;
   padding: 0px 0px 0px 0px;
}
.tab_menu{
   padding: 0px;
   margin: 20px;
   text-align: center; /*set to left, center, or right to align the menu as desired*/
   line-height:2.2em;
}
.tab_menu li {
   display: inline;
   margin: 0;
   white-space: nowrap;
}
.tab_menu li a, a#odhlasit, a#domu, a.menubutton {
   font-weight:bold;
   font-size: 1em;
   background-color:#e0e0e0;
   color:#606060;
   border:solid 1px #e0e0e0;
   border-radius:5px;
   padding:3px 30px 3px 30px;
   margin-left:10px;
   text-decoration:none;
   font-variant:small-caps;
   white-space:nowrap;
   display:inline-block;
}
.tab_menu li a:hover, a#odhlasit:hover, a#domu:hover, a.menubutton:hover {
   border:solid 1px #606060;
}
.tab_menu li a:active a.menubutton:active {
   color: #ffffff;
} 
.tab_menu li.selected a, a.menubutton.selected { /*selected tab effect*/
   background-color: #909090;
   border:solid 1px #606060;
   color: #ffffff;
}
@media screen and (max-width:768px) {
   div.logo {
      width:39%;
      float:left;
      text-align:right;
   }
   div#identifikace {
      width:59%;
      float:right;
      line-height:2em;
   }
   .tab_menu {
      text-align:center;
      margin:0;
   }
   .tab_menu li a {
      padding:5px 5px 5px 5px;
      margin:1px;
   }
   /* Styles for menu */
   .view-title {
      white-space:normal;
   }
   .main-page-title {
      display:none;
   }
   .main-page-title-xs {
      display:block;
   }
}

div#zadanka_pozadi{
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    text-align:center;
}

div#nastaveni_potvrzeni{
    background-color: #fff6a7;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

div#zadanka_ulozit{
display:inline-block;
width:810px;
/*border:dotted 1px #606060;*/
padding:0;
margin:0;
text-align: center;
}

div#zobraz_xml{
   padding: 10px 10px 10px 10px;
   margin: 0px 0px 0px 0px;
   width: auto;
   text-align: center;
}

div#zobraz_xml textarea {
   margin: 10px auto 10px auto;
	background-color: #efefef;
   font-family:courier, monospace;
   font-size:1.0em;
}

div#presmaz_vysetreni{
background-color: #fff6a7;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 0px;
}

span#nazev_zadanky {
    font-size: 18px;
}

a.menu_item {
   font-size: 1.2em;
   font-weight:bold;
   display: inline-block;
   background-color:#e0e0e0;
   color:#606060;
   border-radius:5px;
   padding:20px 20px 20px 20px;
   margin:5px;
   text-decoration:none;
   width:250px;
   vertical-align:middle;
   font-variant: small-caps;
}
a.menu_item.blocked {
   background-color:#e0e0e0;
}
div.service_menu a.menu_item:nth-child(odd) { background-color:#E41B41; color:#ffffff; }
div.service_menu a.menu_item:nth-child(even) { background-color:#FBBB00; color:#ffffff; }

a#zadanky_vyber{
   color:#ffffff;
   background-color: #ED1A3B;
}
a#vysledky_vyber{
   color:#ffffff;
   background-color: #00AEEF;
}
a#prehledy_vyber{
   color:#ffffff;
   background-color: #B5CD00;
}
a#nastaveni_vyber{
   color:#ffffff;
   background-color: #FBBB00;
}
a#sestra_vyber{
   color:#ffffff;
   background-color: #AB00FF;
}
a#eshop_vyber{
   color:#ffffff;
   background-color: #ff8838;
}
a#kalendar_vyber{
   color:#ffffff;
   background-color: #5800EF; /*#4040aa;*/
}
a#pokladna_vyber{
   color:#ffffff;
   background-color: #f7941e;
}
a#dokumenty_vyber{
   color:#ffffff;
   background-color: #00a550;
}
a#labmet_vyber{
   color:#ffffff;
   background-color: #ec3a84;
}
a#objednavky_vyber{
   color:#ffffff;
   background-color: #b244af;
}

span#hlavicka_naklady{
    font: bold 18px Arial;
    margin-right: 5px;
}

span.hlavicka_popis {
    font: 14px Arial;
    color: #ffffff;
}

span.hlavicka_body {
    font: bold 14px Arial;
    color: #ffffff;
    margin-right: 20px;
}

#conditions {
   display:inline-block;
   margin:10px 0px 10px 0px;
}

#conditions td {
   text-align:left;
   padding:0px 10px 0px 10px;
}

div.vysledky_buttons {
   margin:30px 0px 0px 0px;
   text-align:center;
}

div.month_cal {
   display:inline-block;
   text-align:left;
}

p.form-comment { padding:0px; margin:0px; color:#E41B41; text-align:center; }
.important { font-weight:bold; text-align:center; }

table.form_layout {
   width:100%;
   margin:20px 0px 20px 0px;
   padding:0px;
   text-align:center;
}
table.form_layout tr td.label { text-align:right; padding-right:10px; }
table.form_layout tr td.val { text-align:left; padding-left:10px; }
table.form_layout tr td.buttons { text-align:center; padding-top:15px; }

table.grid {
   width:100%;
   margin:0;
   padding:0;
   font-size:inherit;
}
table.grid tr td {
   margin:0;
   padding:0;
   font-size:inherit;
}

table.dataTable {
  margin: 0 auto;
}
table.dataTable td {
/*   padding:2px 5px 2px 5px; */
}
.dataTables_filter {
/*   width:90%;
  margin:0 auto; 
text-align:left;*/
}
div.dataTables_info {
   width:100%;
   font-style:italic;
   text-align:center;
}
/*background of datatables order columns*/
table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2 {
    background-color: #e6e6e6;
}
/*background of datatable rows when hover*/
table.dataTable.hover tbody tr:hover {
    background-color: #d0d0d0;
}
table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #d0d0d0;
}
/*background of the date picker days when hover*/
.ui-widget-content .ui-state-hover {
    background-color: #d0d0d0;
}

@media only screen and (max-width:768px) {
/*
   .datepicker {
      width:100%;
   }
*/
}

table.data {
   border-collapse:collapse;
   /*display:inline-block;*/
}
.d-inline-block {
   display:inline-block;
}
.d-block {
   display:block;
}
table.data th {
   background-color:lightgray;
}
table.data td, table.data th {
   border-collapse:collapse;
   border:solid 1px gray;
   padding:2px 10px;
}
.d-none { display:none }
.v-none { visibility:hidden }

.odberovy-material-tabulka {
   border:1px solid #a0a0a0;
   border-collapse:collapse;
   width:100%;
}
.odberovy-material-tabulka th {
   background-color:#efefef;
   border:1px solid #a0a0a0;
}
.odberovy-material-tabulka td {
    border:1px solid #a0a0a0;
}

@media only print {
   [class*="col-"] {
     float: left;
     padding:0;
     text-align:left;
     overflow:clip;
     /*uncomment for debug purposes*/
     /*border:1px dotted gray;*/
   }
   [class*="col-"] label {
      display:inline-block;
      white-space:wrap;
   }
   [class*="col-"] label span { 
/*      margin-right:10px;*/
   }

   /* For desktop: */
   .col-0 {width: 0%;          /*border:solid 1px*/ }
   .col-1 {width: 8.33%;       /*border:solid 1px*/ }
   .col-2 {width: 16.66%;      /*border:solid 1px*/ }
   .col-3 {width: 25%;         /*border:solid 1px*/ }
   .col-4 {width: 33.33%;      /*border:solid 1px*/ }
   .col-5 {width: 41.66%;      /*border:solid 1px*/ }
   .col-6 {width: 50%;         /*border:solid 1px*/ }
   .col-7 {width: 58.33%;      /*border:solid 1px*/ }
   .col-8 {width: 66.66%;      /*border:solid 1px*/ }
   .col-9 {width: 75%;         /*border:solid 1px*/ }
   .col-10 {width: 83.33%;     /*border:solid 1px*/ }
   .col-11 {width: 91.66%;     /*border:solid 1px*/ }
   .col-12 {width: 100%;       /*border:solid 1px*/ }
   .col-13 {width: 29.16%;     /*border:solid 1px*/ } /*|col-5|+|col-13|+|col-13|=100%*/

   .col-15 {width: 12.5%;     /*border:solid 1px*/ }

   .app-box {
      /*font-size:10px;*/
      height:48%;
      break-inside: avoid-page;
      page-break-inside: avoid;
      /*margin:2em 2em;*/
   }
   .app-box table {
      font-size:11px;
   }
   .app-box:nth-child(even) {
      border-top:dotted 1px gray;
      padding-top:2em;
   }
   #tiskbox {
      width:100%;
   }
   /*
   #tiskbox .nclp-grid input[type="checkbox"] {
      margin:0 !important;
      padding:0 !important;   
   }
   #tiskbox .nclp-grid input[type="text"] {
      font-size:8pt;
   }
*/
   .badge {
      border:solid 1px black;
   }

   #identifikace, 
   #menu, 
   #js_statusbox,
   #statusbox1, #statusbox2, #statusbox3,
   .ui-datepicker-trigger, 
   #seznam-dokumentu_filter, 
   button, 
   input[type="submit"], 
   input[type="button"], 
   input[type="reset"],
   div.section_delim,
   a.button, 
   /*.ui-icon-caret-2-n-s*/ {
      display:none;
   }
   div.logo {
      text-align:left;
   }
   .noprint {
      display:none;
   }
   .print-scale-60 { width:60%; height:auto; }
   .print-scale-70 { width:70%; height:auto; }
   .print-scale-75 { width:75%; height:auto; }
   .print-scale-80 { width:80%; height:auto; }
   .print-scale-90 { width:90%; height:auto; }
}


.fatal {
   color:red;
   font-weight:bold;
}
.error {
   color:red;
}
.warning {
   color:orange;
}
.note {
   color:brown;
}

.legend {
   font-size:0.8em;
}

/*EET*/
.receipt1 div {
   padding: 5px;
}

table.receipt2 td { padding:5px; white-space:nowrap }
table.receipt2 tr td:nth-child(2) { font-weight:bold; }

div.receipt div {
   border:none 0px;
   border-bottom:solid 1px gray;
   padding:0.7em;
}
.receipt div:last-child {
   border-bottom-width:0px;
}
.receiptcopy {
   margin-top:6em;
   border-top:dotted 1px gray;
}
@media only print {
   .receiptcopy {
      margin:0;
      position:fixed;
      top:50%;
      border-top:dotted 1px gray;
      width:100%;
   }
}

h1.receipttype  {
   font-family:sans-serif;
   font-weight:bolder;
   color:#a0a0a0;
   font-size:2em;
   text-decoration:none;
   border:none 0px;
   text-align:right;
   padding:0em 1em 1em 0em;
   margin:0px;
}

.receipt span.eetcode {
   font-family:monospace;
   font-size:1.0em;
   word-wrap:normal;
}
form.autosubmit {
   visibility:hidden;
}

td.new, td.Nstatus, tr.Nstatus {
   background-color: #ffffff;
   color:#000000;
}
td.inprogress, td.Pstatus, tr.Pstatus {
   background-color: #d1b3ff;
   color:#000000;
}
td.new, tr.new {
   background-color: #CFE2FF !important;;
   color:#303030 !important;;
}
tr.succ, td.succ, td.Cstatus, tr.Cstatus {
   background-color: #beffb0 !important;
   color:#303030 !important;
}
td.cancelled, tr.cancelled td {
   background-color: #FFC107;
   color:#303030;
}
tr.expired, td.expired {
   background-color: #CED4DA;
   color:#303030;
}
td.error {
	background-color: #f06060;
   color:#ffffff;
}
td.critical, tr.critical {
	background-color: #f03030 !important;
   color:#ffffff !important;
}
td.merged, tr.merged {
	background-color: #efffe0 !important;
   color:#303030 !important;
}
td.storno {
	background-color: #606060;
   color:#ffffff;
}
td.code {
   font-family:courier;
   font-size:0.8em;
}

fieldset {
   border-radius:5px;
}

.main-info { font-weight:bold; font-size:1.2em; }

.btn-sm {
   font-size:0.8em;
   background-color:#c0c0c0;
   color:#606060;
   padding:2px 10px;
   margin:0px 1px 0px 0px;
}

table.subjects tr td {
   display:inline-block;
}

span.filedownload {
   display:inline-block;
   margin-right: 5px;
}

.badge {
   display: inline-block;
   padding: .25em .4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25rem;
}
.badge-danger {
   color: #fff;
   background-color: #dc3545;
}
.badge-primary {
   color: #fff;
   background-color: #007bff;
}
.badge-success {
   color: #fff;
   background-color: #28a745;
}
.badge-secondary {
   color: #fff;
   background-color: #6c757d;
}
.badge-warning {
   color: #000;
   background-color: #ffc107;
}
.badge-info {
   color: #fff;
   background-color: #17a2b8;
}
.badge-light {
   color: #212529;
   background-color: #f8f9fa;;
}
.badge-dark {
   color: #fff;
   background-color: #343a40;
}
.badge-sm { font-size:50%;}
.badge-xl { font-size:150%;}
.badge-xxl { font-size:200%;}

ul.compact {
  /*  border: 1px dashed blue; */
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0.5em;
  padding-inline-start: 0em;
  list-style-position: inside;
}
ul.compact ul.compact {
  padding-inline-start: 1.5em !important;
}
ul.compact ul.compacter {
  padding-inline-start: 0em !important;
}
ul.compact li::marker {
  content: "\25A1\0020";
  font-size: 1.0em;
}

ul.compact li {
  /* border: 1px dashed red; */
}

.fw-bold { font-weight: bold }
.fv-small-caps { font-variant: small-caps }

.ml-05 { margin-left:0.5em; }
.ml-1 { margin-left:1em; }
.ml-2 { margin-left:2em; }
.ml-5 { margin-left:5em; }
.mr-05 { margin-right:0.5em; }
.mr-1 { margin-right:1em; }
.mr-2 { margin-right:2em; }
.mr-5 { margin-right:5em; }
.mt-1 { margin-top:1em; }
.mt-2 { margin-top:2em; }
.mb-05 { margin-bottom:0.5em; }
.mb-1 { margin-bottom:1em; }
.mb-2 { margin-bottom:2em; }
.mb-3 { margin-bottom:3em; }
.mt-05 { margin-top:0.5em; }
.mt-1 { margin-top:1em; }
.mt-2 { margin-top:2em; }
.mt-3 { margin-top:3em; }

.p-0 { padding:0 !important; }
.pl-05 { padding-left:0.5em; }
.pr-05 { padding-right:0.5em; }
.pl-1 { padding-left:1em; }
.pl-2 { padding-left:2em; }
.pr-1 { padding-right:1em; }
.pr-2 { padding-right:2em; }
.pr-5 { padding-right:5em; }
.pb-1 { padding-bottom:1em; }
.pb-2 { padding-bottom:2em; }
.pb-3 { padding-bottom:3em; }

.w-25 { width:25% }
.w-50 { width:50% }
.w-75 { width:75% }
.w-100 { width:100% }

.d-flex {
    display: flex !important;
}
.d-inline {
    display: inline;
}
.d-inline-flex {
    display: inline-flex !important;
}
.d-inherit {
    display: inherit !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-test {
  flex: 1 0 auto !important;
}

.text-wrap {
   white-space:normal !important;
   word-wrap:normal !important;
}
.nowrap {
   white-space:nowrap;
}
.align-content-center {
    align-content: center !important;
}
div.nclp .coord-x {
   cursor:move;
   padding: 0px 2px;
}
div.nclp .coord-x:hover {
   background-color:yellow;
   border:solid 1px gray;
}
div.nclp .coord-y {
   cursor:ns-resize;
   padding: 0px 2px;
}
div.nclp .coord-y:hover {
   background-color:yellow;
   border:solid 1px gray;
}

.nclp-grid h4, .nclp-grid h5 {
   margin:0;
   padding:0;
}

.ui-state-highlight { height: 2em; line-height: 2em; }

.droppable tr {
   display:inherit;
   align-items: center;
   /*justify-content: center;*/
 	border-collapse:collapse;
   /* padding:0 !important; */
   margin:0 !important;
   margin-right:1em !important;
   /* line-height:1em !important; */
   flex: 1 1 auto !important;
   flex-shrink: 1 !important;

}
div.droppable tr td {
   padding:0 !important;
   margin:0 !important;
}
/*.droppable tr td input {
   display:inline !important;
   vertical-align:baseline !important;
}*/
/*
div.nclp-grid tr[class^='rad-nclp'] {
   display:block !important;
}

tr[class^='rad-nclp'] td {
   vertical-align:baseline !important;
}
*/

.zadanka-table tr[class^='rad-nclp'], .zadanka-table tr[class^='sub-nclp'], .nclp-grid div:not(.nclp-inline) > tr[class^='rad-nclp'], .ige-box tr[class^='rad-nclp'], .ige-box tr[class^='sub-nclp'] {
   padding:0 !important;
   margin:0 !important;
   border-collapse: collapse !important;
   width:100%;
   display:flex;
}
tr[class^='rad-nclp'] {
   margin-top:0.5em !important;
}
.nclp-grid div.nclp-inline > tr[class^='rad-nclp'] {
   display:inline-block !important;
   margin:0 !important;
}

/*div.nclp-grid*/
td.nclp-text {
   vertical-align:middle;
   border-collapse: collapse !important;
   flex-grow: 1 !important;
/*   height:1.5em;*/
}
td.nclp-text label {
   /*margin-top:0.2em;*/
}
td.nclp-text.indented {
   padding-left:0.5em !important;
   padding-right:0.5em !important;
}

/*
div.nclp-grid*/
td.nclp-checkbox {
   vertical-align:top;
   padding:0 !important;
   margin:0 !important;
   border-collapse: collapse !important;
   flex-shrink: 1 !important;
   /*height:1.5em;*/
}
td.nclp-checkbox input[type="checkbox"] {
   /* margin:0;  //FIXME: was causing checkboxes aligned to the top of the cell */
   margin-left:0.5em;
   margin-right:0.5em;
   vertical-align:middle;
   display:inline;
}
tr[class^='sub-nclp'] td.nclp-checkbox input[type="checkbox"] {
   margin-left:2em;
}
tr[class^='sub-nclp'] td.nclp-text.indented {
   margin-left:2em;
}

span.title-indicator {
   font-weight:bold; 
   margin-left:0.5em; 
   color:blue
}
.titextbox {
   display:flex;
   width:100%;
   margin-bottom:0.5em;
}
.titext {
   flex-grow: 1 !important;
   /*min-width:100%;*/
   display:block;
   resize:vertical;
}
textarea.titext {
   border:dotted 1px gray;
   height:calc(4em + 5vh)
}
.titext.selected {
   background-color:#cfe2ff;
}

.label2.inside {
   transform-origin:top left;
   transform: translate(10px, 15px) scale(1);
}

.label2.aside {
   transform-origin:top left;
   transform: translate(0, 0) scale(0.8);
   margin-top:1em !important;
}

.nclp-grid.print-preview .label2.inside {
   font-size: 0.85em;
}

select.dgz {
   margin-top:0.1em;
   margin-left:1em;
   margin-bottom:0.8em;
   min-width:10em;
}


.main-menu {

}
.menu-content {
   padding:0;
}
.menu-content li {
	display: list-item;
	/*border-top: 1px dotted transparent;*/
	float: none !important;
	line-height: 1.5 !important;
	font-size: 1.2em !important;
	list-style: none;
	margin: 0;
	white-space: nowrap;
	text-align: left;
}
.menu-content > li {
}
.menu-content li a {
   text-transform: uppercase;
   text-decoration:none;
   font-weight:bold;
   color:#e2033a;
   padding:0 5% 0 5%;
	margin:0;
   display:inline-block;
   width:100%;
}
.menu-content li:hover {
   background-color: #E41B41;
}
.menu-content li:hover a {
   color: white;
}
.menu-content li.blocked a {
   color: #808080;
}
.menu-content li.blocked:hover a {
   color: #808080;
   background-color:white;
}
#main-menu {
   width:100%;
   position:absolute;
   left:0px;
   top:60px;
   opacity:95%;
   z-index:1000;
   background-color:white;
   border-top:solid 2px #f18f16;
   border-bottom:solid 2px #f18f16;
}
.main-menu-trigger {
   font-weight:bold;
   font-size:2em;
   background-color:#FBBB00;
   color:#606060;
   border:solid 1px #e0e0e0;
   border-radius:5px;
   padding:3px 30px 3px 30px;
   margin-left:10px;
   text-decoration:none;
   font-variant:small-caps;
   white-space:nowrap;
   display:inline-block;
}

.labin-red { color:#e2033a }
.labin-yellow { color:#f9b810 }
.btn-labin {
    display: inline-block;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: 700;
    /* font-family: 'Ladislav-Bold',sans-serif; */
    line-height: 2rem;
    padding: .5rem 2rem;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
}
.btn-labin-sm {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    padding: .5rem 1rem;
    letter-spacing: 0.050rem;
}
.btn-labin-red { 
    color:#ffffff !important;
    background-color:#e2033a !important;
}
.btn-labin-red:hover { 
    color:#e2033a !important;
    border-color:#e2033a !important;
    background-color:#ffffff !important;
}
.btn-labin-yellow { 
    color:#ffffff; 
    background-color:#f9b810 !important;
}
.btn-labin-yellow:hover { 
    color:#f9b810 !important;
    border-color:#f9b810 !important;
    background-color:#ffffff !important;
}



.ui-widget-header {
    background: #e6e6e6;
}

.ui-dialog .ui-widget-header {
    background: #007fff;
}


.hover-toggle .hover-show {
   display:none;
}
.hover-toggle .hover-hide {
   display:inline;
}
.hover-toggle:hover .hover-show {
   display:inline;
}
.hover-toggle:hover .hover-hide {
   display:none;
}



@media screen only {
.resizable-input {
    /* make resizable */
    overflow-x: hidden;
    resize: horizontal;
    display: inline-block;

    /* no extra spaces */
    padding: 0;
    margin-right: 0;
    white-space: nowrap;
  
    /* default widths */
    width: 10em;
    min-width: 2em;
    max-width: 30em;
}

/* let <input> assume the size of the wrapper */
.resizable-input > input {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

/* add a visible handle */
.resizable-input > span {
    display: inline-block;
    vertical-align: bottom;
    margin-left: -16px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
    cursor: ew-resize;
}
}


.daterangepicker td.today {
  font-weight:bold;
}
.daterangepicker td.weekend {
  color: #dc3545;
}

.daterangepicker div.left td.active.start-date, .active-start-date {
   color: #fff;
   background-color: #dc3545;
}
.daterangepicker div.right td.active.end-date, .active-end-date {
   color: #212529;
   background-color: #ffc107;
}

span.comma-list:not(:first-child):before {
  content: ", ";
}
span.nl-list:not(:first-child):before {
  content: "<br/>";
}

tr.ltrq-external {
   background-color:#FFEB7F !important;
}