html, body {
	padding:0px;
	margin:0px;
	height:100%;
	//width:100%;
	font-family:Arial;
	font-size:small;
	//font-weight:bold;
	color: #000000;	background-image: linear-gradient(to right, #0f1837 ,#264daa);
}

html {
	overflow-y: scroll;
    //position: relative;
    //min-height: 100%;
}

body {
    //margin: 0 0 45px;
}

@media screen and (min-width: 0px) and (max-width: 640px) {
  .screen_mobile { display: inline-block; }
  .screen_mobile_td { display: table-cell; }
  .screen_normal, .screen_normal_td { display: none; }
  #admin_menu_mobile { display: none; }
  .screen_user_1, .screen_user_2 {
  	float: none;
  }
  .screen_admin_1, .screen_admin_2  {
  	float: none;
  }
  .screen_admin_3  {
  	display: none;
  }
  .vrch {
	//width: 100%;
  }
}

@media screen and (min-width: 641px) {
  .screen_mobile, .screen_mobile_td { display: none; }
  .screen_normal { display: inline-block; }
  .screen_normal_td { display: table-cell; }
  #admin_menu_mobile { display: block; }
  .screen_user_zam {
	float:left;
	width:100%;
  }
  .screen_admin_1 {
  	float: left;
  	width: 150px;
  	padding-left: 11px;
  	padding-right: 11px;
  	position: relative;
  	transition: width 0.25s ease, padding 0.25s ease;
  }
  .screen_admin_2 {
  	float: left;
  	padding-right: 11px;
  	padding-top: 11px;
	width: -moz-calc(100% - 183px);
    width: -webkit-calc(100% - 183px);
    width: calc(100% - 183px);
    transition: width 0.25s ease;
  }

  body.admin_menu_collapsed .screen_admin_1 {
  	width: 0 !important;
  	padding: 0 !important;
  	margin: 0;
  	overflow: hidden;
  }

  body.admin_menu_collapsed #admin_menu_mobile {
  	display: none !important;
  }

  body.admin_menu_collapsed .screen_admin_2 {
  	width: calc(100% - 22px) !important;
  	margin-left: 11px;
  }

  body.admin_menu_collapsed .screen_admin_2 fieldset.admin-content,
  body.admin_menu_collapsed .screen_admin_2 fieldset.admin-content-pozn {
  	width: 100%;
  	max-width: 100%;
  	margin-left: 0 !important;
  	margin-right: 0 !important;
  	box-sizing: border-box;
  }

  .screen_admin_3 {
  	display:none;
  	float: left;
  	padding-right: 11px;
  	padding-top: 11px;
	width: 0px;
  }
  .vrch {
	//width: -moz-calc(100% - 90px);
    //width: -webkit-calc(100% - 90px);
    //width: calc(100% - 90px);
  }
}

@media screen and (min-width: 0px) and (max-width: 829px) {
  .screen_mobile_830 { display: inline-block; }
  .screen_normal_830 { display: none; }
}



@media screen and (min-width: 830px) {
  .screen_mobile_830 { display: none; }
  .screen_normal_830 { display: inline-block; }
}

@media screen and (min-height: 0px) and (max-height: 499px) {
  #uvodspodok { display: none; }
}



@media screen and (min-height: 500px) {
  #uvodspodok { display: inline-block; }
}

#uvodspodok {
	color: #CCCCDD;}

input:invalid, textarea:invalid, select:invalid, .required>.chosen-default {
  border: 1px solid #f00 !important;
  background-color: #fdd !important;
}

#overlay, .blackback{
  //display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0,0,0,0.7); /*dim the background*/
}

#spinner {
	//display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -110px; /* half width of the spinner gif */
	margin-top: -10px; /* half height of the spinner gif */
	text-align:center;
	z-index:1001;
	//overflow: auto;
	width: 220px; /* width of the spinner gif */
	height: 21px; /*hight of the spinner gif +2px to fix IE8 issue */
}

#contact_form, #question_form {
	display:none;
}
#contact_form2 {
	margin-left: -130px;
	margin-top: -140px;
}

#question_form2 {
	margin-left: -190px;
	margin-top: -190px;
}

#contact_form2, #question_form2 {
	position:fixed;
	top:50%;
	left:50%;
	z-index:1111;
	background-color:#FFFFFF;
	border-radius: 5px;;
	-moz-border-radius: 5px;;
	-khtml-border-radius: 5px;;
	-webkit-border-radius: 5px;;
	padding-left:4px;
}

#question_form2 {
	width:380px;
	height:380px;
	overflow-y:scroll;
}

#contact_form2 {
	width:260px;
	height:280px;
}

.b-close {
    cursor:pointer;
    position:absolute;
    right:5px;
    top:5px;
}

input:not([type=submit]):not([type=image]), textarea {
	border: 1px solid #555588; 
	border-radius: 5px;;
	-moz-border-radius: 5px;;
	-khtml-border-radius: 5px;;
	-webkit-border-radius: 5px;;
	padding:3px;
}

select:not(.chosen-select) {
	border: 1px solid #555588; 
	border-radius: 5px;;
	-moz-border-radius: 5px;;
	-khtml-border-radius: 5px;;
	-webkit-border-radius: 5px;;
	padding:2px;
}

.jqcalendar, .cb-table, #maintable, .worktableheight, .chosen-container {
	color: #000000;}

input[type=submit] {
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
	border: 1px solid #555588;; 
	border-radius: 5px;;
	-moz-border-radius: 5px;;
	-khtml-border-radius: 5px;;
	-webkit-border-radius: 5px;;
	cursor:pointer;
}

input[type=checkbox], input[type=radio], label {
	cursor:pointer;
}

img {
	border: 0px;
}

a img:hover, span img:hover, input[type=image]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

a img, span img, input[type=image] {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

span.error_text {
	color: #FF0000;	font-weight:bold;
}

span.errorlevel1 {
	color: #FF0000;	font-weight:bold;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align:center;
	display:block;
}

font.err {
	color: #FF0000;	font-size: 2;
	font-weight:bold;
}

span.menu_top, span.menu_top a {
	color: #FFFFFF;	font-size:small;
}

.vrch {
	//background-color: #2222AA;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -22px;
}

.push {
    height: 22px;
}

h1 {
	color:  #2222AA;	font-weight:normal;
}

h2, h3  {
	color:  #2222AA;}

a:active, a:link, a:visited
{
	color: #4444FF;	text-decoration:none
}

a:hover
{
	color: #0000FF;	text-decoration: underline;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

th {
	text-align:center;
}

span.admin-title, span#admin-title-show {
	font-weight:bold;
	text-align:left;
	display:block;
	margin-top: 1em;
	margin-left: 1em;
}

label.loginbox {
	color: #555555;}

fieldset {
	margin:auto;
}

fieldset.loginform {
	border: 1px solid #2222AA;	text-align: center;
}

fieldset.admin-content {
	//background-color: #88AAFF;	border: 0px;
	text-align: center;
	padding-top:21px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:11px;
	position:relative;
}

.admin-title {
	position:absolute;
	top:-11px;
	left:22px;
	//content:'Pracovná plocha';
	color:#FFFFFF;
	text-shadow: 0px 0px 1px #000000;
	font-weight:bold;
	font-size:11px;
}

td.admin-line1 {
	background-color: #E0E0E0;	vertical-align: middle;
}

td.admin-line2 {
	background-color: #EFEFEF;	vertical-align: middle;
}

#useruvod_box1, #useruvod_box2, #useruvod_box3, #useruvod_box4 {
	font-weight:bold;
	color:#FFFFFF;
}

table.fix_size th {
	height:25px;
}

table.fix_size td {
	height:25px;
}

table.fix_size {
	display:inline-block;
}

.ui-tooltip {
    white-space: pre-line;
    max-width: 400px;
}

.niceborder {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border: 1px solid #DDDDFF;    -moz-border-radius: 5px;;
    -webkit-border-radius: 5px;;
    border-radius: 5px;;
    -webkit-box-shadow: 0 1px 1px #DDDDFF;    -moz-box-shadow: 0 1px 1px #DDDDFF;    box-shadow: 0 1px 1px #DDDDFF;    color: #000000;}

.niceborder td, .niceborder th {
    border-left: 1px solid #DDDDFF;    border-top: 2px solid #DDDDFF;    padding: 5px;
    //text-align: left;    
}

.niceborder th {
    background-color: #EEEEFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEFF), to(#BBBBFF));
    background-image: -webkit-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:    -moz-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:     -ms-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:      -o-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:         linear-gradient(top, #EEEEFF, #BBBBFF);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-align:center;
}

.niceborder td:first-child, .niceborder th:first-child {
    border-left: none;
}

.niceborder th:first-child {
    -moz-border-radius: 5px; 0 0 0;
    -webkit-border-radius: 5px; 0 0 0;
    border-radius: 5px; 0 0 0;
}

.niceborder th:last-child {
    -moz-border-radius: 0 5px; 0 0;
    -webkit-border-radius: 0 5px; 0 0;
    border-radius: 0 5px; 0 0;
}

.niceborder th:only-child{
    -moz-border-radius: 5px; 5px; 0 0;
    -webkit-border-radius: 5px; 5px; 0 0;
    border-radius: 5px; 5px; 0 0;
}

.niceborder tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 5px;;
    -webkit-border-radius: 0 0 0 5px;;
    border-radius: 0 0 0 5px;;
}

.niceborder tr:last-child td:last-child {
    -moz-border-radius: 0 0 5px; 0;
    -webkit-border-radius: 0 0 5px; 0;
    border-radius: 0 0 5px; 0;
}

.niceborder tr:last-child td:only-child {
    -moz-border-radius: 0 0 5px; 5px;;
    -webkit-border-radius: 0 0 5px; 5px;;
    border-radius: 0 0 5px; 5px;;
}

.niceborder tbody tr:nth-child(even) td {
    background: #E0E0E0;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder tbody tr:nth-child(odd) td {
    background: #EFEFEF;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder tbody tr:hover td {
    background: #CCCCFF;    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

.niceborder2 {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border: solid 1px #DDDDFF;    -moz-border-radius: 5px;;
    -webkit-border-radius: 5px;;
    border-radius: 5px;;
    -webkit-box-shadow: 0 1px 1px #DDDDFF;    -moz-box-shadow: 0 1px 1px #DDDDFF;    box-shadow: 0 1px 1px #DDDDFF;}

.niceborder2 td, .niceborder2 th {
    border-left: 1px solid #DDDDFF;    border-top: 2px solid #DDDDFF;    padding: 3px;
    //text-align: left;    
}

.niceborder2 th {
    background-color: #BBBBFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBFF), to(#EEEEFF));
    background-image: -webkit-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:    -moz-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:     -ms-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:      -o-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:         linear-gradient(top, #BBBBFF, #EEEEFF);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-align:center;
}

.niceborder2 td:first-child, .niceborder2 th:first-child {
    border-left: none;
}

.niceborder2 th:first-child {
    -moz-border-radius: 5px; 0 0 0;
    -webkit-border-radius: 5px; 0 0 0;
    border-radius: 5px; 0 0 0;
}

.niceborder2 th:last-child {
    -moz-border-radius: 0 5px; 0 0;
    -webkit-border-radius: 0 5px; 0 0;
    border-radius: 0 5px; 0 0;
}

.niceborder2 th:only-child{
    -moz-border-radius: 5px; 5px; 0 0;
    -webkit-border-radius: 5px; 5px; 0 0;
    border-radius: 5px; 5px; 0 0;
}

.niceborder2 tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 5px;;
    -webkit-border-radius: 0 0 0 5px;;
    border-radius: 0 0 0 5px;;
}

.niceborder2 tr:last-child td:last-child {
    -moz-border-radius: 0 0 5px; 0;
    -webkit-border-radius: 0 0 5px; 0;
    border-radius: 0 0 5px; 0;
}

.niceborder2 tr:last-child td:only-child {
    -moz-border-radius: 0 0 5px; 5px;;
    -webkit-border-radius: 0 0 5px; 5px;;
    border-radius: 0 0 5px; 5px;;
}

.niceborder2 tbody tr:nth-child(even) td {
    background: #E0E0E0;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder2 tbody tr:nth-child(odd) td {
    background: #EFEFEF;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder2 tbody tr:hover td {
    background: #CCCCFF;    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

.notable {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border: 0px solid #DDDDFF;    -moz-border-radius: 5px;;
    -webkit-border-radius: 5px;;
    border-radius: 5px;;
    -webkit-box-shadow: 0 0px 0px #DDDDFF;    -moz-box-shadow: 0 0px 0px #DDDDFF;    box-shadow: 0 0px 0px #DDDDFF;}

.notable td, .notable th {
    border-left: 0px solid #DDDDFF;    border-top: 0px solid #DDDDFF;    padding: 2px;
    //text-align: left;    
}

.notable th {
    //background-color: #EEEEFF;
    //background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEFF), to(#BBBBFF));
    //background-image: -webkit-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:    -moz-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:     -ms-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:      -o-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:         linear-gradient(top, #EEEEFF, #BBBBFF);
    -webkit-box-shadow: 0 0px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 0px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 0px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 0px 0 rgba(255,255,255,.5);
    text-align:center;
}

.notable td:first-child, .notable th:first-child {
    border-left: none;
}

.notable th:first-child {
    -moz-border-radius: 5px; 0 0 0;
    -webkit-border-radius: 5px; 0 0 0;
    border-radius: 5px; 0 0 0;
}

.notable th:last-child {
    -moz-border-radius: 0 5px; 0 0;
    -webkit-border-radius: 0 5px; 0 0;
    border-radius: 0 5px; 0 0;
}

.notable th:only-child{
    -moz-border-radius: 5px; 5px; 0 0;
    -webkit-border-radius: 5px; 5px; 0 0;
    border-radius: 5px; 5px; 0 0;
}

.notable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 5px;;
    -webkit-border-radius: 0 0 0 5px;;
    border-radius: 0 0 0 5px;;
}

.notable tr:last-child td:last-child {
    -moz-border-radius: 0 0 5px; 0;
    -webkit-border-radius: 0 0 5px; 0;
    border-radius: 0 0 5px; 0;
}

.notable tr:last-child td:only-child {
    -moz-border-radius: 0 0 5px; 5px;;
    -webkit-border-radius: 0 0 5px; 5px;;
    border-radius: 0 0 5px; 5px;;
}

.notable tbody tr:nth-child(even) td {
    background: #E0E0E0;    background: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0 rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 0 rgb(255,255,255) inset;  
    box-shadow: 0 0 0 rgb(255,255,255) inset;        
}

.notable tbody tr:nth-child(odd) td {
    background: #EFEFEF;    background: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0 rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 0 rgb(255,255,255) inset;  
    box-shadow: 0 0 0 rgb(255,255,255) inset;        
}

.notable tbody tr:hover td {
    //background: #CCCCFF;    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

input.predajca {
	font-weight: bold;
}

.obch-podm {
	font-size:x-small;
}

//ADMINMENU start
.urbangreymenu{
width: 150px; /*width of menu*/
padding: 0px;
margin: 0px;
//padding-top: 5px;
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: #DDDDFF;background: #1111BB; /*last 2 values are the x and y coordinates of bullet image*/
background-repeat: no-repeat;
background-position: right 2px top 2px;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 16px 7px 0;
//padding: 0 0 0 0;
}

.urbangreymenu .headerbar a{
color: #DDDDFF;text-decoration: none;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
text-align: center;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #000055;background: #AAAAFF;display: block;
padding: 5px 0;
line-height: 17px;
//padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #000088;font-weight:bold;
background: #8888FF;text-shadow:none;
}

#admin_menu_hide_toggle {
	position: absolute;
	top: 12px;
	left: calc(11px + 150px);
	right: auto;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 7px 6px 7px;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	background-color: #1111BB;;
	border-radius: 0 10px 10px 0;
	line-height: 0;
	transition: left 0.25s ease, top 0.25s ease, border-radius 0.25s ease, padding 0.25s ease;
}
#admin_menu_hide_toggle img {
	width: 16px;
	height: 16px;
	display: block;
}
@media screen and (min-width: 641px) {
	body.admin_menu_collapsed #admin_menu_hide_toggle {
		position: fixed;
		left: 0;
		right: auto;
		top: 71px;
		padding: 5px 8px 5px 5px;
		border-radius: 0 10px 10px 0;
	}
	body.admin_menu_collapsed #admin_menu_hide_toggle img {
		transform: scaleX(-1);
	}
}
@media screen and (max-width: 640px) {
	#admin_menu_hide_toggle {
		display: none !important;
	}
}
//ADMINMENU end