@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');




body	{	
    background-color:		white;
    padding:						0px;
    margin:							0px; 
    color:							#434343;
    font-family:				"trebuchet MS","Lucida Grande","Arial CE",Arial,"Helvetica CE",Helvetica,sans-serif;
    text-align:					center;
    width:							100%;	
    background-color: 	white;	
}

#main {
    margin:							0 auto;
    min-width:					500px;
    text-align:					left;	
    width:							100%;
    border:							1px solid black;
    padding:						0px;
}
/*

HEADER

*/
#header {
    width: auto;
    color: white;
    height: 80px;
    text-align:					center;	
    /*background-color: #bee5eb;*/
    /*border-bottom: 3px solid #ac4f88;*/
    border-bottom: 3px solid #cc6632;
    padding: 0px;
    margin: 0px;
    min-width: 1020px;
}

#fixedHeader {
    position: fixed;
    width: auto;
    top: 0;
}

#header-private {
    width: auto;
    background-color: #bee5eb;
    color: #707070;
    height: 60px;
    text-align:					left;	

}

#header-main {
    margin:							0px 0px 0px 0px;
    text-align:					right;
    height:							174px;
    min-height:					162px;
    background-image:   url('../img/header.png');
    background-repeat: 	no-repeat;
    font-size:					14px;				
}

#header-private-main {
    min-width:					980px;
    text-align:					right;
    width:							1380px;
    font-size:					14px;				
    background-color:		black;
}

#header-links {

    float: right;
    margin-right:				20px;
    padding-top:				100px;
}


#header-private-links {

    float: right;
    margin-right:				20px;
    padding-top:				40px;
}

#header-private-links div.logout {
    padding:						0px 0px 20px 0px;
}

#header-private-links div.logout a {
    color:	white;
    text-decoration: underline;
    font-weight: normal;
    font-size:	14px;
}

#header-logo {
    float: left;
    /*	width: 244px; */
    margin: 5px 30px 0px 90px;	
}

.header-logo1 {
    float: left;
    width: 110px;
    margin: 0px 0px 0px 140px;	
    padding-top:8px;
}

.header-logo1:hover, .header-logo2:hover {
    background-image:   url('../img/logo-hover.png');
    background-repeat: 	no-repeat;
    background-color: transparent;	
    background-position: 6px -1px;
}

.header-logo2 {
    float: left;
    width: 110px;
    margin: 0px 0px 0px 40px;	
    padding-top:8px;
}

.header-logo1 img, .header-logo2 img {
    border-style: none;
}


#header-private-logo {
    float: left;
    width: 180px;
    height:	60px;
    margin: 0px 0px 0px 30px;	
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;

}

#header-private-logo a {
    color: white;
    text-decoration: none;	
}

#header-private-info {
    float: left;
    width: 1000px;
    text-align: left;
    margin: 0px 0px 0px 60px;
    background-image:   url('../img/bg-header-private-info.png');
    background-repeat: 	no-repeat;
    background-color: transparent;		
    background-position: 0px 10px;		


}
#header-private .lekarBarva {
    height: 31px;
    width: 13px;
    margin: 10px 0 0 35px;
    float: left;
}
#header-private-info div.user-info  {
    float: left;
    margin: 10px 0 0 10px;
    width: 380px;
}

#header-private-info div.timer  {
    float: left;
    margin: 0 0 0 0px;
    width: 132px;
    height: 52px;
    background-image:   url('../img/bg-header-private-timer.png');
    background-repeat: 	no-repeat;
    background-color: transparent;		
    background-position: 0px 0px;	
    text-align: center;
    margin: 0 auto;	

}
#header-private-info div#headerHour {
    color: #54c5d0;
    font-size: 23px;
    font-weight: bold;
    margin: 4px 0 0 0;
    width: 100%;
    text-align: center;
}

#header-private-info div.headerDate {
    color: #54c5d0;
    font-size: 13px;
    font-weight: normal;
    margin: 0px 0 0 0;
    text-align: center;
    width: 100%;	
}

#header-private-info div.user-info a {
    color:	#777;	

}

#header-logo img {
    border-style: none;
    height: 50px;
    margin: 10px 0;
}

#header-private-logo img {
    border-style: none;
    width: 200px;
    margin: 6px 0 0 0;
}

#header-links a {
    color:							white;
    font-weight:				bold;
    margin-right:				20px;
    text-decoration:		none;
    padding:			  		0px;
}

#header-private-links a {
    color:							white;
    font-weight:				bold;
    margin-left:				20px;
    text-decoration:		none;
    padding:			  		0px;
}
/*

MENU

*/


#menu {
    min-height:					40px;
    height:							40px;
    background-image:   url('../img/bg-menu.jpg');
    background-repeat: 	repeat-x;
    font-size:					14px;	
    text-align:					left;
    padding:						0px 0px 0px 20px;
    width: auto;

}

#menu.fixed {

    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
    width: 100%;
    min-width: 1600px;

}

ul#hor-menu {
    margin:             0;
    padding:            0px 0px 0px 0px;              
    /*  border:             1px solid #2f598e  082A53; */ 
    border-collapse:    collapse;
    height:             40px;
    text-align:				 left;

}
ul#hor-menu li.main, li.sub img
{
    vertical-align:top;
    padding-right: 6px; 
}
ul#hor-menu li.main, li.sub
{

    display:						block;
    font-size:					14px;
    font-weight:				normal; 
    font-family:				Arial;
    padding:            10px 10px 0px 10px;              
    height:							30px;		
    float:							left;
    list-style-type:    none;     
    background-image:   url('../img/bg-menu-li.jpg');
    background-repeat: 	no-repeat;
    background-position:right top;
}

ul#hor-menu li.main, li.selected
{
    background-color: #54c5d0;
}

ul#hor-menu li.main:hover, li.sub:hover
{
    color:               white;
    background-color:   #c0bebe;
}


ul#hor-menu li.main a, li.sub a
{
    color:               #000;
    text-decoration:     none;
}


ul#hor-menu li.main a:hover, li.sub a:hover
{
    color:							white;
}

ul.menu-sub {
    visibility: hidden;
    position: absolute; 
    z-index: 10; 
    margin: 12px 0px 0px -10px;
    padding:0px;
    background-color: #f0f0f0;
    list-style-type:    none;

}

li.sub:hover  ul.menu-sub {
    visibility: visible;
}

ul.menu-sub:hover {
    visibility: visible;
}


ul.menu-sub li {
    display:            block;
    min-height:         30px;
    height:							30px;
    width:              160px;  
    border-top:         1px solid #969595;
    border-right:       1px solid #969595;
    border-left:        1px solid #969595;
    border-collapse:    collapse;
    background-image:   url('../img/bg-menu.jpg');
    background-repeat: 	repeat-x;
    font-size:					14px;	
    text-align:					left;

}

ul.menu-sub li a {
    display:            block;
    border-right:       none;
    font-size:          14px;
    height: 						22px;
    color:              #434343;
    font-weight:        normal; 
    font-family:        Arial;
    padding:            8px 0px 0px 20px;              
    text-decoration:    none;
}

ul.menu-sub li:hover a {
    background-color:    #c0bebe;
}
ul.menu-sub li.last {
    border-bottom: 1px solid #969595;
}
/*

FOOTER

*/


#footer {
    /*background-color: #8a2d66;*/
    background-color: #cc6632;
    bottom: 0;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    height: 85px;
    width: calc(100% - 120px);
    padding: 50px 20px 0 100px;
    position: absolute;
    text-align: left;
}

#footer a {
    color: #FFF;
}

#footerEnv {
    position: fixed;
    bottom: 0;
    width: 100%;
}
#footer-private {
    width: 100%;
    background-color: #f5f5f5;
    height: 100px;
    text-align: left;
    z-index: 10;
    position: relative;

}

#obsah {
    width: auto;
    background-color: white;
    text-align:	center;

}

#content {
    background-color: #fff;
    border-collapse: collapse;
    font-size: 14px;
    margin: 100px 0 0 0px;
    padding: 0 20px;
    text-align: left;
    /*width: 940px;*/

}

#content-private {
    width:							auto;
    /*background-color:		#fff;*/
    border-collapse:		collapse;
    font-size:					14px;
    padding:						0px 0 120px 0;
    text-align:					left;
    margin-top: 0px;
    position: relative;
}

#content-private.window {
    padding: 0;
}

#content-private.window a {
    color: #449fa8;

}

#content-private.window a:visited {
    color: #449fa8;
}


.window {
    margin: 20px !important;
}

#contheader-left {
    float: left;
    width: 410px;
    height: 210px;
    color:	#434343;
}

#contheader-right {
    float: right;
    width: 520px;
    height: 245px;
    background-image:   url('../img/contleft.jpg');
    background-repeat:  no-repeat;
    background-position:20px 0px;	
    position: relative;
    top: -24px;
}

h1 {
    color: #2a1b25;
    font-family: Arial;
    font-size: 20px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    padding: 4px 0;
}

#header h1 {
    float: left;
    padding-top: 25px;
    margin: 0px;
    font-size: 32px; 

}


.dotted {
    width: 940px;

    border-bottom:			1px dotted black;
}

#prihlaseni {
    /*border: 1px solid #ac4f88;*/
    border: 1px solid #cc6632;
    border-radius: 15px;
    color: #FFF;
    float: left;
    /*height: 220px;*/
    /*height: 400px;*/
    left: 38%;
    margin-top: 50px;
    padding-top: 0;
    position: absolute;
    width: 465px;
    z-index: 5;

    position: static;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

#prihlaseni.podpisy {
    color: #000;
}

#prihlaseni.podpisy div.login td {
    vertical-align: top;

}

#prihlaseni.podpisy div.login td.label {
    padding-top: 15px;
}

#prihlaseni.podpisy .chzn-container-single .chzn-single {
    border: 1px solid #ac4f88;
}

h2.login {

    color: #ac4f88;
    font-size: 22px;
    font-family:				Helvetica;
    Font-weight:				normal;
    padding: 0px;
    /*margin: 25px 0px 5px 35px;*/
    margin: 25px 35px 8px 35px;
    line-height: 22px;
    /*width: 340px;*/
    width: auto;
    
    font-size: 24px;
    color: #000;
    text-align: center;
}

h3.login {
    color: #000;
    font-size: 18px;
    font-family: Helvetica;
    Font-weight: normal;
    padding: 0px;
    margin: 0px 0px 5px 35px;
    line-height: 22px;
    width: 340px;
    width: calc(100% - 90px);
    padding: 0 45px 16px;
    margin: 0;
    /*font-family: 'Nunito', 'Roboto', "trebuchet MS", "Lucida Grande", Arial;*/
    font-size: 18px;
    font-weight: 300;
    color: #495057;
    text-align: center;
}


#nova-zadost {
    width: 465px;
    height:220px;
    background-image:   url('../img/bg-nova_zadost.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;		
    z-index: 5;
    position: relative;
    margin-right:0px;
}

#nova-zadost p {
    padding: 0px 50px 6px 70px ;
    color: #434343;
    font-size: 14px;
    word-spacing: 4px;
    line-height: 20px;
}

#nova-zadost div.chci-investovat {

    width: 160px;
    height: 40px;
    margin: 34px 0px 0px 240px;
    background-image:   url('../img/bt-nova_zadost.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;		
    padding: 32px 0px 0px 40px;
    font-weight: bold;
}

#nova-zadost div.chci-investovat a {
    color: white;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 1px;
}
div.login td {
    padding: 3px 0px 0px 0px;
    margin: 0px;
    vertical-align: middle;
}

div.login {
    padding: 0px 0px 0px 47px;
    text-align: left;
}



div.login label {
    padding-right: 10px;
    width: 100px;
    /*color: #ac4f88;*/
    color: #cc6632;
    position: relative;
    top: 5px;
}

div.login input {

    margin-top: 8px;
    width: 280px;

}

div.login input{
    border: 1px solid #ac4f88;
}

div.login input[type='text'],
div.login input[type='password']{
    padding: 3px 5px;
}

div.login input.checkbox {
    display: block;

    width: 52px;
    height: 16px;
    margin: 6px 0px 4px 0px;
}


div.login input.bt-prihlasit {
    width: 129px;
    height:45px;
    /*background-color:	transparent;
    background-image:   url('../img/bt-prihlasit.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;	*/
    /*background-color: #ac4f88;*/
    background-color: #cc6632;
    border-radius: 10px;
    color: white;
    font-size: 14px;
    padding: 0px 0px 0px 0px;	
    margin: 10px 0px 0px 0px; 
    border-style: none;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
}

div.login div.form-content {

}

div.login div.form-header {
    display: none;
}

div.login div.form-footer {
    display: none;
}

div#prihlaseni div.forgot-passwd  {

    position: relative;
    top: -53px;
    left: 230px; 
    width: 200px;
}

div#prihlaseni div.forgot-passwd a {
    font-size: 12px;
    color: black;
}

div#login-footer {
    background-image:   url('../img/bg-login-footer.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;		
    width:100%;
    min-height:220px;
    height:auto !important;
    height:220px;
    color: black;
    padding: 20px;
    position: relative;
    left: -20px;
    margin-top: 40px;
}

div#login-footer h3 {

    background-image:   url('../img/bg-h3.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;
    color: black;
    font-size:			16px;		
    font-weight: normal;
    font-family: Arial;
    padding: 2px 0px 0px 20px;
    margin: 0px;
}

div#login-footer div.left {
    float: left;
    width: 600px;
    color: #434343;

}

div#login-footer div.right {
    float: right;
    width: 300px;
    color: #434343;

}


/*div.formular form {
  padding:						10px;
  width:							676px;
}*/

.frline label {
    float:							left;	
    width:							200px;
}


.sjedn {
    clear:							both;
}

div.error {
    background-color:		white;
    color:							#f60101;
    border:							1px solid #b60000;
    padding:						20px;
    margin:							20px auto;
    width:							500px;
    font-size:					13px;
}

ul.error li {
    margin: 4px 0 0 10px;
}

.info {
    color:							green;
}

/*div.formular {
  margin:							10px 0px 0px 0px;		
  padding:						4px 0px 0px 0px;
  width:							686px;	
}

div.formular div.form-content {
  border:							2px solid #ededed;
  background-color:		#efefef;
  background-image:   url('../img/bg-formular.jpg');
  background-repeat:  repeat-y;
  background-position:0px 0px;		
  width: 662px;
  padding-left: 10px;
}
div.login div.form-content {
  border:							none;
  background:		none;
}

div.formular div.form-header {
  width:	676px;
  height:	20px;
  background-image:   url('../img/bg-formular-header.jpg');
  background-repeat:  no-repeat;
  background-position:0px 0px;		
}

div.formular div.form-footer {
  width:	676px;
  height:	20px;
  background-image:   url('../img/bg-formular-footer.jpg');
  background-repeat:  no-repeat;
  background-position:0px 0px;		
}

div.formular div.block-header {
  width:	207px;
  height:	18px;
  background-image:   url('../img/bg-block-header.jpg');
  background-repeat:  no-repeat;
  background-position:0px 0px;		
}

div.formular div.block-content {
  width:	207px;
  background-image:   url('../img/bg-block-content.jpg');
  background-repeat:  repeat-y;
  background-position:0px 0px;		
  padding:						6px;
  margin:							0px;	
}

div.block-content div.block-text {
  background-color: transparent;
  width: 190px;
  padding: 6px;
  position: relative;
  top: -16px;
  color: #666666;
}

div.formular div.block-footer {
  width:	207px;
  height:	16px;
  background-image:   url('../img/bg-block-footer.png');
  background-repeat:  no-repeat;
  background-position:0px 0px;		
  position: relative;
  top: -16px;

}


div.formular table.form-main {
  width:	100%;
}

div.formular input {
  border:							1px solid #c0c0c0;
  text-align: left;

}
.formular td.label {
  width:	160px;
  color:  #434343;
}
.formular td.block {
  padding-top:				8px;
  vertical-align:			top;		
}

td.submit {
  padding:	10px 0px 0px 0px;		
  width:		200px;
}
td.button {
  padding:	10px 0px 0px 0px;		
  width:		200px;
}

td.submit input {
  width:	194px;
  height: 47px;
  background-color:		white;
  border-style:				none;
  background-image:   url('../img/bt-formular-submit.png');
  background-repeat:  no-repeat;
  background-position:0px 0px;		
  padding-top:				0px;
  text-align:					center;
  margin:							0px;			
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: arial;
  font-size:	15px;
  font-weight: bold;	
}

td.button input {
  text-align:					center;
  
}

td.button input {
  width:	194px;
  height: 47px;
  border-style:				none;
  background-image:   url('../img/bt-formular-submit.png');
  background-repeat:  no-repeat;
  background-position:0px 0px;		
/*	background-color: white; 
  padding-top:				0px;
  text-align:					center;
  margin:							0px 20px;			
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: arial;
  font-size:	14px;
  font-weight: bold;	
}

div.formular div.form-close {
  position: relative;
  top: -92px;
  left: 30px;
}

div.formular div.form-close .pov {
  color: red;
}

div.formular input.checkbox {
  display: block;

  width: 52px;
  height: 16px;
  margin: 6px 0px 4px 0px;
}*/

.ckeditor input {

    width: 600px;
}


.ckeditor td.submit {
    padding:	10px 0px 0px 0px;		
    width:		200px;
}

.kalendarLeft .ckeditor td.submit input {
    width:	100px !important;
    background-size: 100px 47px !important;
}

.kalendarLeft .ckeditor td.submit {
    text-align:center;
}


.ckeditor td.submit input {
    width:	200px;
    height: 47px;
    background-color: transparent;
    border-style:				none;
    background-image:   url('../img/bt-formular-submit.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;		
    padding-top:				0px;
    text-align:					center;
    margin:							0px;			
    color: white;
    text-decoration: none;
    letter-spacing: 1px;
    font-family: arial;
    font-size:	14px;
    font-weight: normal;	
}

.stripterror {

    color: 							red;
    padding:						30px;
    font-size:					12px;


}

h2 {
    /*color: #ac4f88;*/
    color: #cc6632;
    font-size: 22px;
    font-family:				Helvetica;
    Font-weight:				normal;
    padding: 0px;
    margin: 25px 0px 5px 35px;
    line-height: 22px;
    width: 340px;
}

#paticka {
    background-color:		#e9e8e8;
    width:							100%;
    font-size:					11px;
    font-family:				Tahoma;
    padding:						4px 0px 4px 0px;						
}


img {
    border-style:				none;
}

h3 {
    /*background-image:   url('../img/bg-h3.jpg');
   background-repeat:  no-repeat;
   background-position:0px 0px;*/
    color: #449fa8;
    font-size:			18px;		
    font-weight: bold;
    font-family: Arial;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

/*
*  TABULKY
*/
div.tab {
    float:						left;
}


div.tab div.header {
    height:	27px;
    /*background-color: #efefef;*/
}

div.tab div.footer {
    height:	21px;
    /*background-color: #efefef;*/
}
div.tab div.body {
    /*background-color: #efefef;*/
    padding: 0px 20px 0px 20px;

}
.window div.tab div.body {
    /*background-color: #efefef;*/
    padding: 0px ;

}

div.tab div.topleft {
    /*background-image:   url('../img/bg-tab-lefttop.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;	*/
    height: 27px;
    width:20px;
    float: left;

}
div.tab div.topright {
    /*background-image:   url('../img/bg-tab-righttop.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;	*/
    height: 27px;
    width: 23px;
    float: right;


}


div.tab div.bottomleft {
    /*background-image:   url('../img/bg-tab-leftbottom.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;	*/
    height: 21px;
    width:27px;
    float: left;

}

div.tab div.bottomcenter {

    float: left;
    font-size: 11px;
    font-weight: bold;
    width: 100px;
    padding-top: 3px;
}

div.tab div.bottomright {
    /*background-image:   url('../img/bg-tab-rightbottom.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;	*/
    height: 21px;
    width: 29px;
    float: right;


}
table.tab {
    background-color:  white;
    border:            1px solid #3d3f40;   
    border-collapse:   collapse;  
    color:             black;
}
table.tab th {
    background: #2C8D99;
    border: 1px solid #8e8f8f;
    color: white;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 2px 4px;
}
/*table.tab th {
  padding:            2px 4px 2px 4px;
  background-image:   url('../img/bg-th.jpg');
  background-repeat:  repeat-x;
  background-position:0px 0px;	
  margin:             0px;
  border:             1px solid #8e8f8f;
  font-weight:        bold;   
  color:              white;  
  font-size:          11px;   
  
}
table.tab tr.footer td {
  background-color:  #c5e3cd;
  
  
}

table.tab img {
  border-style:				none;
}
*/

table.tab th a {
    text-decoration:    none;
    color:              white !important;

}

table.tab th.selected a {
    color:   black;
}

table.tab tr.odd {
    background-color:   #d9dadb;
}



table.tab tr.even {
    background-color:   #fff;    
}
table.tab tr.tr_diagnoza {
    background-color:   #ccecea ;
}


table.tab tr.marked {
    background-color:   #ffc7b8;    
}

table.tab td {
    padding:            2px 6px 2px 6px;
    margin:             0px;
    border:             1px solid #8e8f8f;
    font-weight:        normal;        
    font-size:          12px;
}

table.search td {

    font-size:          14px;

}

table.tab td.ordempty {
    background-color:    white;
}

table.tab td.ordempty a {
    color:    #e0e0e0;
}

table.tab td.border  {
    border-right: 2px solid #8E8F8F;
}

table.tab td a {
    color:							#000 !important;	
    display: block;
    width: 100%;
}
table.tab td a:hover {
    color: #1301c3;
}

table.tab td a:visited {
    color:							#000 !important;	
}

table.tab a.no_decoration {
    color: #000;
    text-decoration: none;
}

table.tab ul {
    padding: 0px;
    margin: 12px;
}


table.tab td.info {
    background-color:   #fffcd5;
    color: black;	
    text-align: center;				    	
}

table.tab td.prichozi,td.ano {
    background-color:   #d0ffcb;
    color: black;					    	
    text-align: center;
}

table.tab td.odchozi, td.ne {
    background-color:   #ffd6cd;
    color: black;					    	
    text-align: center;
}

table.tab td.mena {
    text-align:   right;
}
table.tab td.zmena-kateg {
    text-align:   center;
    font-weight:	bold;
}

table.tab td.neuhrazeno {
    background-color: #fcd5d5;
}

table.tab td.uhrazenohotove, td.uhrazenokartou,td.uhrazenopoukazkou, td.uhrazenoprevodem, td.uhrazenozpreplatku{
    background-color: #d5fce4;
}




/*
*
*/

div.b-add {
    width: 120px;
    height:20px;
    background-image:   url('../img/b_pridat.jpg');
    background-repeat: 	no-repeat;
    background-position:left top;	
    position: relative;
    left:20px;
    top: 28px;

}

.bold {
    font-weight:	bold;
}

div.b-add a {
    display: block;
    padding: 3px 0px 0px 26px;
    text-decoration: none;
    color: white;
    font-size: 11px;
    font-weight: bold;

}

div.footer-window {
    position:			fixed;
    margin-right:	20px;
    top:20px;
    right: 0px;
    text-align: 	right;	
}

div.button, a.button {

    width:							112px;
    height:							33px;
    padding:						10px 0px 0px 0px;
    text-align:					center;
    font-size:					14px;
    color:							white;	
    background-image:   url('../img/bg-button.png');
    background-repeat: 	no-repeat;
    background-position:left top;	
    font-weight: bold;
}

a.button {
    display: block;
    margin: 10px 0;
    text-decoration: none;
}



div.button a {
    color:							white;
    text-decoration:		none;	
}


div.buttonClose {

    width:							86px;
    height:							25px;
    padding:						4px 0px 0px 30px;
    text-align:					left;
    font-size:					15px;
    color:							white;	
    background-image:   url('../img/bg-button-close.png');
    background-repeat: 	no-repeat;
    background-position:left top;	
    font-weight: bold;
}

div.buttonClose a {
    color:							white;
    text-decoration:		none;	
}

div.footer-window div.button-back {

    width:							86px;
    height:							25px;
    padding:						4px 0px 0px 30px;
    text-align:					left;
    font-size:					15px;
    color:							white;	
    background-image:   url('../img/bg-button-back.png');
    background-repeat: 	no-repeat;
    background-position:left top;	
    font-weight: bold;
    left: auto;

}

div.footer-window div.button-back a {
    color:							white;
    text-decoration:		none;	
}


div.button-back {
    position: relative;
    left: 600px;
    width:							119px;
    height:							33px;
    padding:						10px 0px 0px 0px;
    text-align:					center;
    font-size:					14px;
    font-weight: 				bold;
    color:							white;	
    background-image:   url('../img/bg-button.png');
    background-repeat: 	no-repeat;
    background-position:left top;	

}

div.button-back a {
    color:							white;
    text-decoration:		none;	
}


div.filter {
    background-color: #fff;
    border:	3px solid #ececec;
    width: 600px;
    min-height: 110px;	
    margin: 0px 0px 0px 10px;
    padding:10px;
    font-family: Arial;
    font-size: 13px;
}
div.filter td.info {

    padding-bottom: 6px;
    font-size: 11px;
    color: black;
    font-family: arial;		
}
div.filter  td.submit input {
    background-image:   url('../img/bg-button-filter.png');
    background-repeat: 	no-repeat;
    background-position:left top;		
    color: white;
    width: 88px;
    height: 27px;
    border-style: none;

}
div.filter td.submit a {
    color: white;


}

div.filter-link {
    background-image:   url('../img/bg-filter-link.jpg');
    background-repeat: 	no-repeat;
    background-position:left top;	
    text-align: center;	
    padding: 8px 0px 0px 0px;
    margin: 0px 0px 8px 10px;
    width: 124px;
    height: 24px;
    position: relative;
    top: -3px;

}

div.filter-link a {
    font-size: 14px;
    color: #12a1af;
    text-decoration: none;
}

p.additional {
    color:	#c94c4c;
}

div.paginate {
    padding: 0px 0px 4px 20px;
    font-size: 11px;

}
div.paginate ul {
    padding: 0px;
    margin: 0px;
}
div.paginate li {
    display: block;
    float: left;
    list-style-type:    none;    
    font-size: 10px;
}

div.paginate li a {
    color:#0063e3;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
    border:solid 1px #DDDDDD;
    margin-right:2px;	
}

div.paginate li.selected a {
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    float:left;
    padding:3px 6px;
    margin-right:2px;	

}

div.paginate div.previous,
div.paginate div.next {
    float: left;
    border:solid 1px #DEDEDE;
    color:#888888;
    display:block;
    font-weight:normal;
    margin-right:2px;
    padding:3px 4px;
    font-size: 10px;	
}

div.paginate div.previous a,
div.paginate div.next a {
    color:#e93801;
    text-decoration: none;
}

div.message {
    margin:20px 20px 90px 0px;
    padding: 10px;
    font-size: 20px;
    border: 1px solid red;
    color:	red;
}

div#private {
    width: auto;
    min-width: 1700px;
}

.strong {
    font-weight: bold;
}

div.login td.label {
    width: 70px;
}

.hidden {
    display: none;
}

.show {
    display: list-item;
}

.userTree li {
    list-style-type: none;	
}

div#wait {
    padding: 10px 10px 10px 10px;
    color: black;
    border: 1px solid #e1e1e1;
    position: fixed;
    top: 40%;
    height: 62px;
    width: 140px;
    left: 45%;
    z-index: 1010;
    display: none; 
    background: #fff url(../img/ajax-loader.gif) center 10px no-repeat;

}

div#wait .waitText {
    color: black;
    font-size: 10px;
    text-align: center;
    /*	font-weight: bold; */
    padding: 42px 0px 6px 0;	
}

#lightboxBgr {  
    display: none;  
    background:#fdfdfd;  
    opacity:0.8;  
    filter:alpha(opacity=80);  
    position:fixed;  
    min-width:100%;  
    min-height:100%;  
    width: 100%;
    height: 100%;
    z-index:1000; 
    left: 0;
    top: 0; 
}


.show {
    display: block;
}
.formular .hidden {
    display: none;
}

.hiddenDate {
    display: none;
}

.kalendarEnv {
    background-image:   url('../img/bg-kalendar.png');
    background-repeat:  repeat-y;
    background-position:0px 0px;		

}

.kalendarRight {
    padding: 10px 0 10px 20px; 	

    /*
        padding: 10px 0 10px 260px; 	
      background-image:   url('../img/bg-kalendar.png');
      background-repeat:  repeat-y;
      background-position:0px 0px;		
    */	
    min-height: 650px;
    float: left;
}

.kalendarLeft {
    width: 170px;		
    background-color: #e1e1e1;
    border-right: 1px solid #6b6b6b;
    padding: 0px 20px 60px 10px;
    /*	position: relative;*/
    /*	top: 120px; */
    float: left;

    min-height: 650px;
}

.kalendarLeft .datepicker{
    width: 160px;		
    margin: 20px 0 0 10px;
}
.kalendarLeft .kalendarNavigation {
    text-align: center;
    margin: 10px 0 0 0;
}
.kalendarLeft .kalendarNavigation a {
    color: black;
}

.kalendarLeft table.lekariInfo {
    padding: 0px 0 0 10px;
}
.kalendarLeft td.lekarBarva {
    width: 20px;
    height: 17px;
}

.kalendarLeft h4 {
    margin: 50px 0 0 10px;
}

table.tabKalendar th {
    padding:            2px 4px 2px 4px;
    background-image:   url('../img/bg-th.jpg');
    background-repeat:  repeat-x;
    background-position:0px 0px;	
    margin:             0px;
    border:             1px solid #8e8f8f;
    font-weight:        bold;   
    color:              white;  
    font-size:          12px;   
}

table.tabKalendar tr.odd {
}

table.tabKalendar tr.even {
}

table.tabKalendar tr.cela {
    background-color: #d9dadb;	
}

table.tabKalendar td.th_operation {
    border-style:   none;
    border-bottom:  1px solid #8e8f8f;
    width:          10px;
    background-color: #fff3dd;

}

table.tabKalendar td.operation {
    border-style:   none;
    border-bottom:  1px solid #8e8f8f;
    padding: 2px 0px;
}

table.tabKalendar td {
    padding:            2px 6px 2px 6px;
    margin:             0px;
    border:             1px solid #8e8f8f;
    font-weight:        normal;        
    font-size:          11px;
    text-align: center;
}

table.tabKalendar td  a {
    font-weight:        bold;        
    color: white;
    text-decoration: none;
}

table.tabKalendar {
    background-color:  white;
    border:            1px solid #3d3f40;   
    border-collapse:   collapse;  
    color:             black;
}

table.tabKalendar td.ordempty {
    /*  background-color:    white; */
    padding: 2px 2px;
    width: 2px;
}

table.tabKalendar td.ordfull {
    /*  background-color:    white; */
    padding: 2px 2px;
    text-align: center;
    color: black;
}

table.tabKalendar td.ne a {
    color: #b60000;

}

table.tabKalendar td.ano a {
    color: green;	
}

table.tabKalendar td.ordempty a {
    color:    #e0e0e0;
}

table.tabKalendar td.ordfullTyden {
    padding: 2px 0px !important;
}
table.tabKalendar td.client {
    width:    150px;
}

table.tabKalendar td.clientempty {
    width:    200px;
    border-left: none;

}


table.tabKalendar td.clientempty a {
    color:    #e0e0e0;
}

table.tabKalendar td.clientemptyTyden {
    width:    50px;
    border-left: none;
    padding: 2px !important;

}


table.tabKalendar td.clientemptyTyden a {
    color:    #e0e0e0;
}


table.tabKalendar td.clientfull {
    width:    200px;
    border-left: none;
    color:    white;
    font-weight: bold;

}

table.tabKalendar td.clientfull a {
    color:    black;
    text-decoration: none;
}

table.tabKalendar td.clientfullTyden {
    width:    50px;
    border-left: none;
    color:    white;
    font-weight: bold;
    padding: 2px !important;

}

table.tabKalendar td.clientfullTyden a {
    color:    black;
    text-decoration: none;
}

table.tabKalendar td.zakrok {
    width:    40px;
    color: white;
    font-weight: bold;

}

.nepotvrzen {
    background-color: #ffb993;
}
.nepotvrzen a {
    color: black;	
}

.potvrzen {
    background-color: #c9ecd3;
}
td.potvrzen a {
    color: black !important;	
}

.vcekarne {
    background-color: #fff5a2;
}
.vcekarne a {
    color: black;	
}


.vordinaci {
    background-color: #64c094;
}
.vordinaci a {
    color: black;	
}

.hotov {
    background-color: #bbd5ff;
}
.hotov a {
    color: black;	
}
.vyresen {
    background-color: #a9ff63;
}

.vyresen a {
    color: black;	
}


.neprisel {
    background-color: #f0a2f7;
}
.neprisel a {
    color: black;	
}

.zrusen {
    background-color: #ff7a7a;
}
.zrusen a {
    color: black;	
}

.vypisuje {
    background-color: #fce0cf;
}
.vypisuje a {
    color: black;	
}


#footer-private .ordinace {
    margin: 20px 0 0 30px;
    width: 208px;
    float: left;
}

#footer-private .cord {
    color: #707070;
    font-size: 12px;
    font-weight: bold;
}

#footer-private .ordInfo {
    width: 208px;
    height: 49px;
    border: 1px solid #dedede;
    background-color: white;
    margin-top: 4px;
}

#footer-private .ordInfo .leftInfo {
    float: left;
    width: 14px;
    height: 44px;
    margin: 2px 8px 0 3px;
}
#footer-private .ordInfo .rightInfo {
    float: left;
    width: 170px;

}

#footer-private .ordInfo .rightInfo .lekar {
    font-weight: bold;
    font-size: 12px;
    color: black;
    padding: 9px 0 2px 0; 
}

#footer-private .ordInfo .rightInfo .klient {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    color: #707070;
    background-image:   url('../img/bg-footer-klient.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;		
    height: 18px;
    width: 100%;
    padding: 0 0 0 17px;

}

#footer-private .klient a {
    color: #707070;
}

#popup {
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999999;
    color: #111111;
    display: none;
    padding: 10px;

}

.bpopupClose:hover {
    background-color:#1e1e1e;
}

#popup .content {
    height: 450px;
    width: 600px;

}

.bpopupClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;

    background-color: #2B91AF;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    text-decoration: none;


}

table.ordinaceTermin a.thisLink {
    background-image:   url('../img/bg-this-week.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;		
    padding: 6px 0 0 0px;
    display: block;
    text-align: center;
    width: 68px;
    height: 29px;
    margin: 2px 0 0 10px;
    color: #0f8894;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.buttonDatum {
    background-image:   url('../img/bg-button-datum.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;		
    padding: 6px 0 0 0px;
    display: block;
    text-align: center;
    width: 105px;
    height: 29px;
    color: #0f8894 !important;
    font-size: 14px;
    text-decoration: none;
    margin: 1px auto;
}

a.bold {
    font-weight:bold;
}
.footerLekariInfo {
    background-color: #F5F5F5;
    padding: 0px 0 2px 28px;
    position: relative;
    z-index: 10;
}

.footerEnd {
    font-size: 12px; color: #cbcbcb; padding: 5px 0px 5px 30px; text-align: left;
    position: relative;
    z-index: 10;
    background-color: #F5F5F5;
}
.footerLekariInfo td {
    text-align: left;
}
.footerLekariInfo table {
    font-size: 12px;
    color: #707070;
}
.footerLekariInfo td.lekarBarva {
    width: 10px;
    height: 17px;
}

.karta {
    /*	
      background-image:   url('../img/bg-kalendar.png');
      background-repeat:  repeat-y;
      background-position:0px 0px;	
      width: auto;	
    */	
}

#kartaHlavicka.fixed {

    position: fixed;
    top: 40px;
    left: 0px;
    z-index: 100;
    width: 100%;
    min-width: 1600px;
    padding: 10px 10px 10px 20px;
    background-color: white;

}

.kartaRight {
    padding: 5px 0 10px 20px; 	
    /*  
      background-image:   url('../img/bg-kalendar.png');
      background-repeat:  repeat-y;
      background-position:0px 0px;		
    */	
    min-width: 1250px;
    /*min-height: 500px;*/
    /*	float: left; */

}

.kartaLeft {
    width: 200px;		
    background-color: #e1e1e1;
    border-right: 1px solid #6b6b6b;
    padding: 0px 20px 60px 10px;
    position: fixed;
    top: 119px;
    z-index:20;

    /*	float: left; */
}


.kartaLeftHeader {
    width: 1317px;		
    background-color: #e1e1e1;
    border: 1px solid #6b6b6b;
    padding: 0px 20px 0px 10px;
    z-index:20;
    margin: 0px 0 5px 0;

    /*	float: left; */
}


.kartaLeftHeader ul {
    padding: 10px 0px 0 0;
    float: left;
    margin: 0;
}
.kartaLeftHeader li {
    padding: 5px 0 10px 5px; 
    margin-top: 4px; 	
    background-image:   url('../img/bg-li-karta-left.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;	
    list-style-type: none;	
    width: 174px;
    height: 29px;
    text-align: center;
    display: block;
    float: left;
}

.kartaLeftHeader li a {
    font-family: Arial;
    font-size: 14px;
    color: #0f8894;
    text-decoration: none;
    font-weight: normal;
}



.kartaLeft.fixed {

    position: fixed;
    top: 40px;
    left: 0px;
    z-index: 5;
}

.kartaLeft ul {
    padding: 10px;
}
.kartaLeft li {
    padding: 5px 0 0px 0px; 
    margin-top: 4px; 	
    background-image:   url('../img/bg-li-karta-left.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;	
    list-style-type: none;	
    width: 174px;
    height: 29px;
    text-align: center;
}

.kartaLeft li a {
    font-family: Arial;
    font-size: 14px;
    color: #0f8894;
    text-decoration: none;
    font-weight: normal;
}

.findButton {

    padding: 6px 0 0px 0px; 
    margin: 20px 0 0 0px; 	
    background-image:   url('../img/bg-li-karta-left.png');
    background-repeat:  no-repeat;
    background-position:0px 0px;	
    width: 174px;
    height: 29px;
    text-align: center;

}

.findButton a {

    font-family: Arial;
    font-size: 14px;
    color: #0f8894;
    text-decoration: none;
    font-weight: normal;

}

.visit {
    margin: 10px 0 0 10px;
    font-weight: bold;
}

.kartaLeftHeader .visit {
    float: left;
}

.warning {
    background-color: #FFE2E2;
    border: 1px solid #A72525;
    color: black;
    font-size: 13px;
    margin-top: 20px;
    padding: 10px 20px;
    width: 810px;
}

div.souhrnnaDiagnoza {

    float: left;
    width: 650px;
    margin: 10px 0 0 0;
    padding: 10px;
    border: 0px solid #9c9c9c;

}

div.lecebnyPlan {

    float: left;
    width: 650px;
    margin: 10px 0 0 0;
    padding: 10px;
    border: 0px solid #9c9c9c;

}

h4.diagnoza {
    margin:10px 0 10px 0; 
    display:block;
}
h4.diagnoza a {
    color: #434343;
}

.kalendarRight .toSee {

    float: left;
    width: 600px;

}

.kalendarRight .flowRight {

    float: left;
    border: 1px solid #434343;
    width: 800px;
}

.flowRight .vCekarne {
    height: 220px;
    border: 1px solid #434343;
}


.flowRight .vOrdinaci {
    height: 200px;
    border: 1px solid #434343;
}


.flowRight .hotovo {
    height: 200px;
    border: 1px solid #434343;
}

.yellowMsg {
    padding: 10px 20px 10px 20px;
    border: 1px solid #f4bd00;
    background-color: #ffecb3;
    color: black;
    /*width: 810px;*/
    font-size: 13px;	
}

.greenMsg {
    padding: 10px 20px 10px 20px;
    border: 1px solid #259c36;
    background-color: #b3ffb5;
    color: black;
    /*width: 810px;*/
    font-size: 13px;	
}

.pinkMsg {
    padding: 10px 20px 10px 20px;
    border: 1px solid #e75f6c;
    background-color: #fabfc5;
    color: black;
    /*width: 810px;*/
    font-size: 13px;	
}


td.datum {
    text-align: left;
}

.kartaMsg {
    margin: 10px 0 0 0 ;

}
.kartaMsg a {
    color: black;
}

.kalDatumTab {
    position: relative;
    top: 0px;
    left: 0px;
    width: 1433px;
    font-weight: bold;
    text-align: center;
}
.cardHistory {
    margin: 0px 0 0 0px;
    float: left;

}
.cardHistory ul {

    margin: 0px 0 0 0px;
    padding: 0 0 0 10px;

}
.cardHistory li {
    list-style-type: none;
}

.cardHistory a {
    color: #707070;
}
table.kalendarInfo td {
    font-size: 14px;
    padding: 4px; 
    vertical-align: bottom;
}

table.kalendarInfo td.name {
    font-size: 24px;
    color: black;
    padding: 0 0 5px 0;
}
table.kalendarInfo td.value {
    color: black;
    width: 370px;
}

table.kalendarInfo td.title {
    color: #666;
    width: 150px;
}
table.kalendarInfo td.marked {
    background-color: #bee5eb;
}

table.kalendarInfo a.kartaPacienta  {
    padding: 0px 0  0 10px;
}

table.kalendarInfo a.kartaPacienta img {
    padding: 0px 0  0 0px;
    position: relative;
    top: 3px;
}

.kalendarInfo .button, .nextButtons div.button {

    padding: 6px 0 0px 0px; 
    margin: 5px 0 0 4px; 	
    background-image:   none;
    background-repeat:  no-repeat;
    background-position:0px 0px;	
    width: 174px;
    height: 29px;
    text-align: center;
    float: left;

}

.kalendarInfo .button a {

    width: auto;
    padding: 10px;
    font-family: Arial;
    font-size: 14px;
    color: #0f8894;
    text-decoration: none;
    font-weight: normal;
}

input.submit {
    margin: 4px 0px 0 0;
    background-color: #9cebc5;
    cursor: pointer;
}

input.save {
    background-color: #d8d8d8 !important;

}

input.material {
    background-color: #f8f2e6 !important;
    font-size: 10px;
    margin: 0 0 0 20px;
}
table.foto {

}
table.foto td.cell {
    padding: 10px 40px 0 0;
}
table.foto td.bold {
    padding: 0 10px 0 0px;
}
table.foto td.popis {
    width: 150px;
    text-align: center;
    font-weight: bold;
}
table.foto div.image {
    width: 150px;
    text-align: center;	

}

table.foto div.image img {
    height: 150px;
}

table.foto th {
    text-align: center;
    font-size: 13px;
    padding: 20px 40px 0 10px;
    color: #449fa8;

}

table.tab td.neurceno a {
    color: #a33131 !important;
}

table.tab td.naplanovano a {
    color: #0c106a !important;
    font-weight: bold;

}

table.materialy th {
    background-color: #d2efff;
    background-image: none;
    color: #434343;
    font-size: 10px;
}

table.materialy td.pridatMaterial {
    background-color: #e0ffe7;

}

td.noborder {
    border-style: none !important;
}

table.tabKalendar tr.header {
    text-align: center;
    background-color: #fff3dd;
}

td.nopadding {
    padding: 0px !important;
}

.nextButtons {
    margin: 10px 0 0 200px;
}
.nextButtons .nextButton {

    margin: 0 30px 0 0;
    float: left;
}
.nextButtons .nextButton a {
    color: white !important;
}

#zakroks___chzn {
    font-family: 	monospace !important;
}
.kalendarLeft {
    width: 170px;		
    background-color: #e1e1e1;
    border-right: 1px solid #6b6b6b;
    padding: 0px 20px 60px 10px;
    /*	position: relative;*/
    /*	top: 120px; */
    float: left;

    min-height: 650px;
}

.kalendarLeft .datepicker{
    width: 160px;		
    margin: 20px 0 0 10px;
}
.kalendarLeft .kalendarNavigation {
    text-align: center;
    margin: 10px 0 0 0;
}
.kalendarLeft .kalendarNavigation a {
    color: black;
}

.kalendarLeft table.lekariInfo {
    padding: 0px 0 0 10px;
}
.kalendarLeft td.lekarBarva {
    width: 20px;
    height: 17px;
}

.kalendarLeft h4 {
    margin: 50px 0 0 10px;
}

table.tab td.neurceno a {
    color: #a33131 !important;
}

div.login.forgot_passwd input.bt-prihlasit{
    width: 200px;
    background-size: 100% 100%;
}

.back2login{
    width: 465px;
    position: absolute;
    left: 38%;
    top: 460px;
}

.dotaznik {
    font-family: 'Roboto';
}

.dotaznik p,
.dotaznik td {
    margin: 0;
    line-height: 1.3;
    font-size: 13px;
}

.dotaznik .public-button {
    /*background-color: #ac4f88;*/
    background-color: #cc6632;
    border-radius: 10px;
    color: white;
    font-size: 18px;
    padding: 10px 20px;
    margin: 10px 0px 0px 0px;
    border-style: none;
    letter-spacing: 0;
    font-weight: bold;  
    text-decoration: none;
    cursor: pointer;
    font-family: 'Roboto';
}


.dotaznik .umisteni {
    position: fixed;
    right: 10px;
    top: 30px;
    font-size: 18px;
    z-index: 202;
}

.dotaznik #header-logo {
    margin-left: 40px;
}

.dotaznik #header {
    position: fixed;
    background: white;
    width: 100%;
    z-index: 200;
    top:0;
}

.dotaznik .public-button.change-umisteni {
    margin-left: 10px
}

.dotaznik .public-button.storno-podpis {
    position: fixed;
    right: 10px;
    top: 80px;
}

.dotaznik .dotaznik_anamneza {
    background-color: #fcfcfc;
    border: 1px solid #d2d2d2;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 760px;
    width: calc(100% - 50px);
    margin: 0px auto;
    padding: 20px;
}

.dotaznik .dotaznik-messages {
    max-width: 800px;
    width: calc(100% - 10px); 
    margin: 0px auto;
    margin-bottom: 20px;
}

.dotaznik .dotaznik-messages .info_msg {
    width: 100%; 
}

.dotaznik .dotaznik_anamneza .form-main {
    width: 100%;
}

.dotaznik .podpis-check {
    display: block;
    min-width: 380px;
    max-width: 380px;
    width: 100%;
    margin: 20px auto 10px;
    position: relative;
}

.dotaznik .submitForm {
    margin: 0 auto;
}

.dotaznik .submit-sign {
    width: 150px;
}

.dotaznik div.login {
    padding: 0 35px;
}

.dotaznik div.login input.bt-prihlasit {
    height: 50px;
    width: 200px;
    font-size: 18px;
}


.dotaznik .chzn-container-single .chzn-single {
    height: 40px;
    line-height: 40px;
}

.dotaznik .chzn-container-single .chzn-single.chzn-single-with-drop div {
    top: 9px;
}

.dotaznik .chzn-container-single .chzn-single div {
    top: 5px;
}

.dotaznik .chzn-container .chzn-results li {
    line-height: 30px;
}

.dotaznik #pin,
.dotaznik #rodne_cislo {
    height: 40px;
    font-size: 18px;
}

.dotaznik #is_agree, 
.dotaznik #is_informovany_souhlas,
.dotaznik #is_zarucni_podminky,
.dotaznik #is_send_email {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;
    float: left;
}

.dotaznik .podpis-check label {
    margin-left: 10px;
    position: relative;
    float: right;
    width: calc(100% - 40px);
}

div.vysetreni_saved
{
    display:none;
    position: absolute;
    right: 20px;
    margin-top: 9px;
    color: white;
    background: green;
    padding: 5px;
    border-radius: 5px;
    z-index: 100;
}

.dotaznik_anamneza div.client_vysetreni.formular table.client {
    table-layout: fixed;
    width: 100%;
}

.dotaznik input[type=text],
.dotaznik input[type=number] {
    height: 42px;
    font-size: 14px;
    padding: 7px;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    box-sizing: border-box;
}

.dotaznik .form-main tr > td {
    width: calc(100% - 230px);
}

.dotaznik .form-main .client tr > td,
.dotaznik .dotaznik_podpisy .form-main tr > td{
    width: auto;
}

.dotaznik_anamneza .client_vysetreni.formular .client td.label {
    width: 120px;
    padding-left: 5px;
}

.dotaznik_anamneza div.formular input[type="text"] {
    width: calc(100% - 14px) !important;
}

.dotaznik input[type=radio] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    padding: 10px;
    margin-right: 6px;

}

.dotaznik .radio_label {
    margin-right: 15px;
}

.dotaznik_anamneza td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.dotaznik .checkers td > span {
    display: block;
    min-width: 320px;
    max-width: 320px;
    width: 100%;
    margin: 0px auto;
}

.dotaznik_anamneza .client_vysetreni.formular td.label {
    width: 300px;
    padding-right: 20px;
}

.dotaznik_anamneza .submit-sign {
    width: 200px;
    margin-top: -10px;
}

.dotaznik_anamneza .vysetreni-submit {
    margin: 0 auto;
}

.dotaznik_anamneza .tr_hidden td {
    padding: 0px !important;
    margin: 0px !important;
}

.dotaznik_anamneza .chzn-container {
    font-size: 14px;
}

.dotaznik_anamneza .cke_textarea_inline {
    width: calc(100% - 36px);
    border-radius: 3px;
    height: 80px;
    background: white;
    border: 1px solid #E4E4E4;
    padding: 10px;
}

.dotaznik .cancel-email {
    position: absolute;
    right: -9px;
    top: 10px;
    font-size: 20px;  
    cursor: pointer;
}

/**

zprávy

*/

.dotaznik div.error {
    width: 440px;
}

.dotaznik .login-messages .info_msg {
    margin: 20px auto;
    width: 480px;
}

.msgs.yellowMsg,
.msgs.redMsg,
.msgs.blueMsg,
.msgs.greenMsg{
    color: black;
    max-width: 925px;
    font-size: 13px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    background-color: #E7E9EE;
    padding: 0px;
}

.msgs.yellowMsg{
    border: 1px solid #f4bd00;
}

#content-private.window .msgs.yellowMsg{
    margin-left: 10px;
}

.msgs.redMsg{
    border: 1px solid #B80909;
}

.msgs.blueMsg{
    border: 1px solid #00a8bc;
}

.msgs.greenMsg{
    border: 1px solid #09B809;
}

.msgs.yellowMsg div.prolog,
.msgs.redMsg div.prolog,
.msgs.blueMsg div.prolog,
.msgs.greenMsg div.prolog{
    padding: 10px 15px 10px 15px;
    color: white;
    font-weight: bold;
}


.msgs.yellowMsg div.prolog{
    background-color: #f4bd00;
    color: black;
}

.msgs.redMsg div.prolog{
    background-color: #B80909;
}

.msgs.blueMsg div.prolog{
    background-color: #00a8bc;
}

.msgs.greenMsg div.prolog{
    background-color: #09B809;

}

.msgs.yellowMsg .cont,
.msgs.redMsg .cont,
.msgs.blueMsg .cont,
.msgs.greenMsg .cont{
    padding: 10px 15px 10px 15px;
    margin: 0px;
    background-color: #E7E9EE;
    color:black;
}


.msgs.yellowMsg p{
    /* color: black;*/

}

.msgs.redMsg p{
    /*  color: #B80909;*/
}

.msgs.blueMsg p{
    /*color: #00a8bc;*/
}

.msgs.greenMsg p{
    /*color: #09B809;*/
}

.msgs.warning-desktop {
    margin-bottom: 10px;
    width: 800px;
}

/**

Konec zprav

*/

@media (max-width: 1020px) {

    #header {
        min-width: 100vw;
    }

    .login_cont {
        width: calc(100vw - 40px);
    }

    #prihlaseni {
        /*
        width: auto;
        height: auto;
        
        position: static;
        left: auto;
        margin-left: auto;
        margin-right: auto;
        */
    }

}

.out-of-view{
    position: absolute;
    top: -1000px;
    left: -1000px;
}


#header_user{
    background: url('../img/menu/user_close.png');
}



@media (max-width: 520px) {

    #prihlaseni {
        width: auto;
        height: auto;
    }

    div.login {
        padding: 0px 0px 0px 20px;
    }

    h2.login {
        margin: 20px 0px 5px 20px;
        width: calc(100vw - 82px);
        text-align: center;
    }

    div.login input[type='text'],
    div.login input[type='password'] {
        width: calc(100vw - 94px);
    }

    div.login table.form-main {
        width: calc(100vw - 82px);
    }

    div.login table.form-main td {
        display: block;
    }

    div#prihlaseni div.forgot-passwd {
        position: relative;
        top: -105px;
        left: auto;
        width: calc(100vw - 82px);
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
    }

    div.login table.submitForm {
        margin-top: 18px;
        margin-top: 30px;
        width: calc(100vw - 82px);
    }

    div.login table.submitForm td {
        text-align: center;
    }

    #footer {
        margin-top: 50px;
        padding: 50px 40px;
        width: 100vw;
        width: calc(100vw - 80px);
        height: auto;

        position: static;
        bottom: auto;
    }

    #header.public {
        min-width: 100vw;
        width: 100vw;
    }

}


div.info_msg {
    background: #e7e9ee none repeat scroll 0 0;
    border: 1px solid #267d8b;
    color: #444;
    font-size: 13px;
    margin: 5px 0 10px;
    width: 918px;
}

div.info_msg p.info_msgProlog {
    /*background: rgba(0, 0, 0, 0) linear-gradient(#09639f, #096fb3) repeat scroll 0 0;*/
    background: #3299e3;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    /*height: 15px;*/
    margin: 0 0 10px;
    padding: 8px 10px;
    width: calc(100% - 20px);/*MP 12.5.16*//*898px;*/
}

div.window div.info_msg {
    width: 838px;
    margin-left: 10px;
}

div.info_msg.sms_email_info {
    width: 818px;
}

#private .detail-show div.info_msg ul {
    display: block;
}

#private .detail-show div.info_msg ul li {
    display: block;
    float: none;
}

div.window p.info_msgProlog {
    width: 818px;
}

div.info_msg > p {
    padding: 10px 20px 10px;
}

#popup_iframe {
    border: medium none;
    overflow-x: hidden;
    overflow-y: scroll;
}

.pov {
    color: red;
}

a.err-nav-links {
    color: #f60101
}





div.login td.icon {
    text-align: center;
}

div.login td.icon .icon-wrapper {
    display: block;
    /*width: 140px;
    height: 140px;*/
    width: 100px;
    height: 100px;
    /*line-height: 125px;*/
    line-height: 95px;
    border-radius: 50%;
    background: #f1f3fa;
    /*font-size: 80px;*/
    font-size: 50px;
    text-align: center;
    color: #787878;
    margin: 0px auto 0px;
    overflow: hidden;
    border: 1px solid #d9dbe1;
}

div.login td.icon .icon-wrapper img {
    /*width: 140px;*/
    width: 100px;
    height: auto;
}










/* ----------------------------- REZERVACE ---------------------------------- */

#content.new-preorder-iframe {
    margin: 0px;
    padding: 0px;
}

#content.new-preorder {
    /*background-image: url('../img/bg_preorder_full.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;*/
    
    background: transparent;
    
    margin: 0px;
    padding: 30px;
    
    position: relative;
}

#content.new-preorder .parallax-bg {
    background-image: url('../img/bg_preorder_full.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
    pointer-events: none;
    width: calc(100vw + 200px);
    /*height: 970px;*/
    position: absolute;
    /*z-index: -1;*/
    z-index: 0;
    top: 0px;
    left: -200px;
    opacity: 1;
    min-height: 150px;
    
    transform: translate3d(100px, 0px, 0px);
    
    height: 100vh;
}

#content.new-preorder.is-standalone {
    background: #fff;
    padding-top: 20px;
}

#content.new-preorder .NP-form-wrapper {
    /*max-width: 1170px;*/
    max-width: 870px;
    margin: 0 auto;
    padding: 0 150px;
    
    max-width: 765px;
    padding: 0 252.5px;
    
    position: relative;
    z-index: 1;
    
    max-height: 910px;
    overflow-y: auto;
    
    /*background: rgba(255, 255, 255, .2);
    border: 1px solid #fff;*/
}

#content.new-preorder .NP-form-wrapper.is-standalone {
    max-height: 950px;
    overflow-y: auto;
}

#content.new-preorder.is-standalone .NP-form-wrapper {
    max-width: 690px;
    padding: 0 0 0 480px;
    
    background-image: url('../img/bg_preorder_standalone.jpg');
    background-size: 359px auto;
    background-repeat: no-repeat;
}
    
#content.new-preorder.is-standalone .NP-form-wrapper .NP-text-top {
    line-height: 20px;
    font-size: 17px;

    color: #aa2075;
    
    font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-style: normal;
    
    /*margin-top: 13px;
    margin-bottom: 8px;*/
    margin-top: 0px;
    margin-bottom: 0;
    margin-right: 75px;
    margin-left: 2px;
    
    padding-top: 3px;
    padding-bottom: 0;
}


#content.new-preorder.is-standalone .preorder-new.NP-form-wrapper .NP-text-top {
    color: #cc6632;
}


#content.new-preorder.is-standalone .NP-form-wrapper .NP-text-top p {
    margin: 0px;
}

#content.new-preorder.is-standalone .NP-form-wrapper .formular {
    margin-right: 75px;
    margin-left: 2px;
    margin-top: 10px;
}

#content.new-preorder.is-standalone .NP-form-wrapper .NP-text-bottom {
    margin-top: 26px;
}

#content.new-preorder.is-standalone .NP-form-wrapper .NP-text-bottom, 
#content.new-preorder.is-standalone .NP-form-wrapper .NP-text-bottom a {
    color: #aa2075;
    
    font-weight: 700;
    
    text-align: left;
    
    font-size: 16px;
    font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

#content.new-preorder.is-standalone .preorder-new.NP-form-wrapper .NP-text-bottom,
#content.new-preorder.is-standalone .preorder-new.NP-form-wrapper .NP-text-bottom a {
    color: #cc6632;
}

#content.new-preorder.is-standalone .NP-form-wrapper .NP-text-bottom p {
    margin: 0px;
}

#content.new-preorder.is-standalone .NP-form-wrapper .NP-text-bottom a {
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: linear;

    text-decoration: none;
}

#content.new-preorder .NP-form-wrapper .NP-form-error {
    color: #dc3232;
    font-size: 16px;
    font-weight: 400;
    
    margin-top: 5px;
    
    font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
    letter-spacing: 0;
    font-style: normal;
}

#content.new-preorder .NP-form-wrapper .NP-form-error-main, 
#content.new-preorder .NP-form-wrapper .NP-form-info {
    font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    font-style: normal;
    
    line-height: 2.05;
    
    color: #7e8890;
    
    font-size: 16px;
    
    clear: both;
    position: relative;
    padding: 25px;
    border-radius: 0;
    margin-bottom: 20px;
    text-shadow: none;
    
    text-transform: uppercase;
    
    text-align: center;
    
    margin: 32px 8px 16px;
    padding: 3px 16px;
    border: 2px solid #00a0d2;
    
    border-color: #ffb900;
    
    border-width: 1px;
    display: block;
}

#content.new-preorder .NP-form-wrapper .NP-form-info {
    border-color: #46b450;
}

#content.new-preorder .NP-form-wrapper h2 {
    text-align: center;
    color: #fff;
    
    font-size: 46px;
    
    font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-style: normal;
    
    /*margin: 24px 0 18px;*/
    margin: 22px 0 20px;
    
    width: 100%;
    text-transform: uppercase;
}

#content.new-preorder .NP-form-wrapper .heading-line {
    border-color: #d1d1d1;
    border-top-width: 2px;
    border-top-style: solid;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    /*margin-bottom: 30px;*/
    margin-bottom: 32px;
    width: 100%;
    max-width: 280px;
}

#content.new-preorder .NP-form-wrapper td.label {
    color: #fff;
    /*padding: 20px 0 5px;*/
    padding: 26px 0 7px;
    font-size: 16px;
    
    font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    font-style: normal;
}

#content.new-preorder.is-standalone .NP-form-wrapper td.label {
    color: #7e8890;
}

#content.new-preorder .NP-form-wrapper input[type="text"], 
#content.new-preorder .NP-form-wrapper textarea,
#content.new-preorder .NP-form-wrapper input[type="text"]:focus, 
#content.new-preorder .NP-form-wrapper textarea:focus, 
#content.new-preorder .NP-form-wrapper input[type="text"]:focus-visible, 
#content.new-preorder .NP-form-wrapper textarea:focus-visible {
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
    background-color: rgba(255,255,255,0);
    font-size: 13px;
    color: #aaa9a9;
    border-width: 1px;
    border-color: rgba(183,203,206,.77);
    border-radius: 0;
    
    /*border: 1px solid #d2d2d2 !important;*/
    border: 1px solid rgba(183,203,206,.77) !important;
    padding: 8px 15px;
    margin-right: 0;
    box-sizing: border-box;
    width: 100% !important;
    
    outline: 0;
}

#content.new-preorder .NP-form-wrapper textarea,
#content.new-preorder .NP-form-wrapper textarea:focus, 
#content.new-preorder .NP-form-wrapper textarea:focus-visible {
    /*height: auto;*/
    height: 150px;
    font-family: inherit;
}

#content.new-preorder .NP-form-wrapper select {
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
    background-color: rgba(255,255,255,0);
    font-size: 13px;
    color: #aaa9a9;
    border-width: 1px;
    border-color: rgba(183,203,206,.77);
    border-radius: 0;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    background: transparent;
    /*border: 1px solid #dadada;*/
    border: 1px solid rgba(183,203,206,.77);
    /*color: #333;*/
    cursor: pointer;
    display: block;
    font-size: 13px;
    outline: 0;
    height: 50px;
    width: 100%;
    padding: 8px 15px;
    position: relative;
    text-indent: .01px;
    vertical-align: middle;
    z-index: 5;
    margin: 0;
    border-radius: 0;
    
    font: 100% Arial,Helvetica,sans-serif;
}

#content.new-preorder .NP-form-wrapper .select-parent {
    position: relative;
}

#content.new-preorder .NP-form-wrapper .select-arrow {
    height: 48px;
    /*width: 48px;*/
    width: 47px;
    line-height: 48px;
    
    font-size: calc((13px) * .75);
    
    background-color: rgba(255,255,255,0);
    
    border-left: 1px solid rgba(183,203,206,.77);
    position: absolute;
    top: 1px;
    right: 1px;
    background: rgba(255,255,255,0);
    pointer-events: none;
    z-index: 10;
    font-family: icomoon;
    text-align: center;
    /*font-size: 13px;*/
    font-size: 18px;
    color: #aaa9a9;
    border-width: 1px;
    border-color: rgba(183,203,206,.77);
    border-radius: 0;
    
    bottom: 1px;
}

#content.new-preorder .NP-form-wrapper .form-content {
    padding-top: 10px;
}

#content.new-preorder.is-standalone .NP-form-wrapper .form-content {
    padding-top: 0;
}

#content.new-preorder .NP-form-wrapper .form-main, 
#content.new-preorder .NP-form-wrapper .submitForm {
    width: 100%;
}

#content.new-preorder .NP-form-wrapper .form-main td {
    display: block;
}

#content.new-preorder .NP-form-wrapper .submitForm {
    /*padding-top: 10px;*/
    padding-top: 8px;
    padding-bottom: 50px !important;
}

#content.new-preorder .NP-form-wrapper .submitForm td.submit {
    text-align: center;
    padding: 0;
}

#content.new-preorder .NP-form-wrapper .submitForm td.submit input {
    width: 100%;
    
    padding: 17px 40px;
    line-height: 21px;
    font-size: 18px;
    
    font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 2px;
    border-width: 0;
    border-style: solid;
    border-radius: 2px;
    text-transform: uppercase;
    -webkit-transition: all .2s;
    transition: all .2s;
    
    background: #ae4b84;
    color: #fff;
    border-color: #fff;
    
    cursor: pointer;
    
    outline: 0;
    
    margin-left: -1px;
    margin-right: -1px;
    width: calc(100% + 2px);
}

#content.new-preorder .preorder-new.NP-form-wrapper .submitForm td.submit input {
    background: #cc6632;
}

#content.new-preorder .NP-form-wrapper .submitForm td.submit input:hover {
    /*background: #ae4b84;
    color: #fff;
    border-color: #fff;*/
}

@media (max-width: 800px) {
    
    #content.new-preorder .NP-form-wrapper {
        padding: 0;
    }
    
}

@media (max-width: 1200px) {
    
    #content.new-preorder.is-standalone .NP-form-wrapper {
        padding: 0;
        background: #fff;
    }
    
    #content.new-preorder.is-standalone .NP-form-wrapper .NP-text-top, 
    #content.new-preorder.is-standalone .NP-form-wrapper .formular {
        margin-left: 0;
        margin-right: 0;
    }
    
}

@media (max-width: 540px) {
    
    #content.new-preorder .NP-form-wrapper h2 {
        font-size: 32px;
    }
    
}

/* ----------------------------- REZERVACE - konec -------------------------- */

.dotaznik_anamneza div.formular input[type="text"]{
    width: calc(100% - 30px) !important;
}

.osud_checker{
    position: relative;
    margin-left: 7px;
    transform: scale(1.5);
}

.osud_select_checker{
    top: -14px;
}

.dotaznik .ui-menu .ui-menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}