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: 76px;
    text-align:					center;
    background-color: #bee5eb;
    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: 0px 0px 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;
}

#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: #f5f5f5;
    bottom: 0;
    color: #707070;
    font-size: 12px;
    font-weight: normal;
    height: 85px;
    //min-width: 2500px;
    width: calc(100% - 120px);
    padding: 50px 20px 0 100px;
    position: absolute;
    text-align: left;
}

#footer a {
    color: #707070;
}

#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: 0 0 0 35px;
    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;
}


.dotted {
    width: 940px;

    border-bottom:			1px dotted black;
}

#prihlaseni {
    background-image: url("../img/bg-prihlaseni.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #434343;
    float: left;
    height: 220px;
    left: 35%;
    margin-top: 50px;
    padding-top: 0;
    position: absolute;
    width: 465px;
    z-index: 5;

    height: auto;
    background-image: none;
    background-color: #bee5eb;
    border-radius: 24px;
}

h2.login {

    color: black;
    font-size: 22px;
    font-family:				Helvetica;
    Font-weight:				normal;
    padding: 0px;
    margin: 14px 0px 22px 35px;
    line-height: 22px;
    width: 340px;
}


#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: #434343;
}

div.login input {

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

}

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;
    color: white;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    border-style: none;
    letter-spacing: 1px;
    font-weight: bold;
}

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: -34px;
    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 20px;
    width:							500px;
    font-size:					13px;
}

.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: black;
    font-size: 22px;
    font-family:				Helvetica;
    Font-weight:				normal;
    padding: 0px;
    margin: 14px 0px 22px 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;
}




#content {
    width: auto;
}

#content .messages {
    width: 505px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -75px;
}

#content .messages .info {
    padding: 20px;
    margin: 20px 20px;
    border: 1px solid green;
}

#content .messages .error {
    width: auto;
}



.login-code {
    height: 60px !important;
    line-height: 60px !important;
    font-size: 40px !important;
    letter-spacing: 5px;
    padding: 3px 6px 3px 12px !important;
    font-family: 'Courier New' !important;
}

#ip_not_enabled{
    margin-top: 100px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}


.public-button {
    background-color: #32AFC0;
    border: medium none;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 500;

    text-align: center;
    text-decoration: none;
    cursor: Pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 10px 20px;
}

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

.dotaznik_anamneza .client td,
.dotaznik_anamneza td.client-par {
    padding-left: 0 !important;
}

.dotaznik_anamneza .client_vysetreni.formular td.label,
.radio_label,
.dotaznik_anamneza .anamn_note_td span,
.dotaznik_anamneza .checkers label{
    font-size: 15px;
    color: #646464;
}

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


.dotaznik_anamneza label,
.dotaznik_anamneza .radio_label,
.dotaznik_anamneza .anamn_note_td span,
.dotaznik_anamneza .bs-checkbox-wrapper label,
.dotaznik_anamneza .client_vysetreni.formular td.label {
    font-size: 20px;
    position: relative;
    top: 5px;
}

.dotaznik_anamneza .checkers{
    margin-bottom: 20px;
}

.dotaznik_anamneza div.formular input,
.dotaznik_anamneza div.formular select,
.dotaznik_anamneza div.formular #obsah{
    font-size: 15px;
    width: 100%;

}
.dotaznik_anamneza div.formular select{
    width: calc(100% - 0px);

}

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

.dotaznik_anamneza div.formular .client .chzn-search input {
    width: calc(100% - 27px) !important;
    /* width: 270px !important; */
}

.dotaznik_anamneza .info_text{
    text-align: center;
}


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

/*
.dotaznik_anamneza div.formular .anamn_note_td input{
    width: calc(100% - 120px) !important;

    width: calc(100% - 302px) !important;
}*/

.dotaznik_anamneza_cont .tr_vysetreni td >input{
    margin-bottom: 3px;
}

.dotaznik_anamneza .client_vysetreni.formular td.label{
    width: 50%;

    width: 250px;
    /*width: 105px;
    padding-left: 15px;*/
}

.dotaznik_anamneza .client_vysetreni.formular td.label > span{
    width: 100%;
    display: block;

    width: calc(100% - 15px);
    margin-left: 15px;
}

.dotaznik_anamneza .anamn_note_td{
    position: relative;
    /*top: -10px;*/
    padding-bottom: -8px;
}

.dotaznik_anamneza .anamn_note_td span{
    width: 90px;
    display:inline-block;
    margin-left: 15px;

    width: 250px;
    padding-right: 30px;
    text-align: right;
    margin-left: 0px;
}


.dotaznik_anamneza.en .anamn_note_td span{
    width: 270px;
}
.dotaznik_anamneza.en div.formular .anamn_note_td input{
    width: calc(100% - 299px) !important;
}

.dotaznik_anamneza .anamn_note_td{
    width: 100%;
}

.checkers td > span{
    display: block;
    min-width: 400px;
    /*max-width: 400px;*/
    width: 100%;
    margin: 0px auto;

}

.dotaznik .form-main tr > td{
    width: 50%;

    width: calc(100% - 230px);
}

.dotaznik .umisteni {
    font-size: 18px;
    display: inline;
}

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

.html-dotaznik {
    background-color: #f5f9fc;
}


.dotaznik .header-buttons-block {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 1002;
    width: 400px;
    height: 40px;
    text-align: right;
}

.dotaznik .queue {
    cursor: pointer;
    display: inline;
    position: relative;
}

.dotaznik .queue i {
    font-size: 22px;
}

.dotaznik .queue ul {
    display: none;
    position: fixed;
    top: 30px;
    left: -120px;
}

.dotaznik .queue .queue-count {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -10px;
    background-color: var(--color-primary);
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}

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

.dotaznik .public-button.storno-podpis {
    position: fixed;
    right: 10px;
    top: 70px;
    z-index: 200;
}

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

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

.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 input[type=checkbox] {
    /* 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);
    margin: 15px;
    margin-right: 6px;

}

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

#prihlaseni.anamneza {
    margin-top: 100px;
}

.dotaznik .public-button {
    border-radius: 3px;
    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;
    line-height: 1;
}

.dotaznik div.formular td.submit .public-button {
    height: auto;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 15px;
    width: 220px;
}

.dotaznik #obsah {
    min-height: 100vh;
    background-color: #f5f9fc;
}

.dotaznik #content {
    background-color: #f5f9fc;
    margin: 0;
}

.dotaznik div.error {
    margin: 20px 0;
    box-sizing: border-box;
    padding: 0;
}

.dotaznik .error {
    box-sizing: border-box;
}

.dotaznik div.error p.errorProlog {
    width: auto;
    display: none;
}

.dotaznik_anamneza .formular {
    width: 100%;
}

.dotaznik .bs-checkbox-wrapper label {
    padding-left: 10px;
    line-height: 28px;
}



.dotaznik .bs-checkbox span,
.dotaznik .bs-checkbox {
    width: 28px;
    height: 28px;
    margin-bottom: 15px;
}

.dotaznik .bs-checkbox span::after {
    width: 28px;
    height: 28px;
}

.dotaznik .bs-checkbox span input[type="checkbox"] {
    width: 28px;
    height: 28px;
}


.dotaznik_anamneza {
    max-width: 950px;
    width: calc(100% - 10px);
    margin: 0px auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

.dotaznik_anamneza {
    margin-top: 128px;
    margin-bottom: 150px;
    max-width: 910px;
}

@media(max-width: 600px){

    .dotaznik #header.public {
        height: 45px;
        min-width: 400px;
    }

    .dotaznik #header.public #header-logo img{
        height: 35px;
    }

    .dotaznik #header.public #header-logo{
        padding: 5px 30px 0px 40px;
        min-width: 300px;
    }
}



.dotaznik .login-form {
    max-width: 700px;
    margin: 120px auto 0px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;

}

.dotaznik h2.login{
    font-size: 45px;
    color: #1778BD;
    margin-bottom: 30px;
    font-weight: bold;
    padding-top: 20px;
    width: 100%;
    text-align: center;
    margin-left: 0;
}

.dotaznik div.login {
    padding-left: 0;
}


.dotaznik .error,
.dotaznik .info,
.dotaznik .alert.alert-info,
.dotaznik .submit-button,
.dotaznik .ecekarna_text
{
    font-size: 30px !important;
}

.dotaznik #rodne_cislo{
    font-size: 90px;
}

.dotaznik .info {
    width: 100%;
    
    background-color: white;
    border: 1px solid green;
}

.dotaznik .info ul {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 20px;
}

.dotaznik .info .infoProlog {
    display: none;
}

.dotaznik .info li {
    list-style-type: none;
}

.dotaznik .error {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 20px;
}

.dotaznik .error li {
    list-style-type: none;
}

.dotaznik .alert.alert-info{
    width: calc(100% - 60px);
    margin-bottom: 10px;
}

.dotaznik .alert.alert-danger{
    width: calc(100% - 60px);
}

.dotaznik .submit-button i {
    padding-right: 10px;
}

.dotaznik #rodne_cislo,
.dotaznik #telefon,
.dotaznik #pin {
    width: 100% !important;
    height: 120px !important;
    font-size: 80px !important;
    letter-spacing: 6px;
    padding-left: 20px;
    font-family: 'Courier New';
}

.dotaznik ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a7a7a7;
}

.dotaznik ::-moz-placeholder { /* Firefox 19+ */
    color: #a7a7a7;
}

.dotaznik :-ms-input-placeholder { /* IE 10+ */
    color: #a7a7a7;
}

.dotaznik :-moz-placeholder { /* Firefox 18- */
    color: #a7a7a7;
}

.dotaznik #telefon {

}

.dotaznik .formular.no-records {
    margin-top: 10px;
    /*font-size: 30px;*/
}

.dotaznik .login-form input {
    margin-top: 20px;
}

.dotaznik .login-form .label {
    font-size: 30px;
    padding-right: 10px;
    text-align: right;
}

.dotaznik .rc_td{
    width: 100% !important;
}

.dotaznik .login-form .submit-button {
    width: 100%;
    height: 80px !important;
}

.dotaznik .login-form .submitForm {
    padding-top: 0 !important;
    margin: 0 auto;
    width: 220px;
}

.dotaznik .login-form.pin .formular {
    width: 330px;
    margin: 0 auto;
}

.dotaznik .su_td input{
    width: 160px !important;
}

.dotaznik_anamneza input[type=text],
.dotaznik_anamneza input[type=tel] {
    height: 50px !important;
    font-size: 20px !important;
}

.dotaznik_anamneza .chzn-container,
.dotaznik_anamneza .chzn-container-single .chzn-single{
    height: 50px !important;
    font-size: 20px;
}

.dotaznik_anamneza .chzn-container-single .chzn-single span {
    line-height: 50px;
    height: 50px;
}

.dotaznik_anamneza .chzn-container-single .chzn-single div b {
    background-position-y: 18px;
}

.dotaznik .queue:hover ul {
    display: block;
}

.dotaznik .queue ul.menu-sup{
    position: absolute;
    z-index: 100;
    margin-left: -1px;
    margin-top: 0px;
    background-color: #f5f5f5;
    list-style-type: none;
    width: 250px;
    padding: 0;
}

.dotaznik .queue ul.menu-sup {
    background-color: #fff;
    padding: 8px 0px;
    box-shadow: 1px 2px 3px rgba(180,180,180,0.8);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 3px;

    width: 400px;
}

.dotaznik .queue ul.menu-sup li {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.dotaznik .queue ul.menu-sup li a {
    text-decoration: none;
}

.dotaznik .queue ul.menu-sup li.footer-menu-title-li {
    font-weight: bold;
    padding-top: 0;
    padding-left: 15px;
    text-align: left;
    color: #495057;
}

.dotaznik .queue ul.menu-sup li {
    font-weight: normal;
    text-align: left;
    color: #495057;
}

.dotaznik .queue ul.menu-sup li a {
    padding: 0px 15px;
    color: #495057;
    font-size: 16px !important;
    font-weight: 400;

    transition: all .2s;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dotaznik .queue ul.menu-sup li:hover {
    color: #16181b;
    background-color: #f8f9fa;
}

.dotaznik .queue ul li:hover ul.menu-sup{
    display:block;
}

/*
.info_alerts{
    height: 200px;
}*/


dotaznik div.formular{
    width: auto;
    margin-bottom: 0px;
    border: 0 none;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
    background-color: transparent;
    font-family: 'Nunito', 'Roboto', "trebuchet MS", "Lucida Grande", Arial;
    position: relative;
}

.dotaznik .document-name {
    position: fixed;
    top: 76px;
    z-index: 100;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
    background-color: #f5f9fc;
    left: 0;
    height: 45px;
    line-height: 40px;
}

.dotaznik .superror a {
    color: inherit;
    text-decoration: none;
}


.backup_version{
    color:#B90000;
    text-align: center;
    font-size: 30px;
    position: relative;
    top: -90px;
    font-weight: bold;
}

body.dotaznik {
    background: #f5f9fc !important;
}

.dotaznik_anamneza div.formular div.form-content,
.dotaznik_anamneza div.formular div.form-footer{
    background: white;
}

.dotaznik_anamneza .formular .submitForm {
    margin-top: -160px;
}

.dotaznik #header-logo {
    margin: 0;
}

.dotaznik #header {
    text-align: left;
}

.dotaznik #header-logo img {
    width: 240px;
    margin-top: 10px;
    margin-left: 10px;
}

.dotaznik .financni_plan h2 {
    width: auto;
}














.doc_preview_right{
    float: right;   
    margin-top: 100px;   
}

.doc_preview_left{
    float: left;
    margin-bottom: 200px;
    margin-left: 30px;
    margin-top: 100px;   
}

.doc_preview_left div.formular.anam_text_private div.form-content {
  color: black;
  font-size: 20px;
  font-weight: normal;
  background: none;
}



.doc_preview_left div.formular.anam_text_private {
  padding: 30px;
  width: 850px;
}

.doc_preview_left div.formular.anam_text_private td{
    padding-left: 11px;
}

div.formular.anam_text_private{
    margin: 0px auto;
}

.doc_preview_right div.tiskova-sestava-form.formular{
    /*padding-top: 15px;
    position: fixed;
    right: 10px;
    top: 60px;*/
    width: 180px;

    position: static !important;
    padding-top: 0;    
}

.doc_preview_right div.tiskova-sestava-form.formular .form-content, 
.doc_preview_right div.tiskova-sestava-form.formular .form-content td {
    height: 0 !important;
    overflow: hidden;
}

.doc_preview_right div.tiskova-sestava-form.formular #form_shared_client_document {
    height: 60px;
}

.anam_texts.shared_document_podpisy select,
.doc_preview_left select{
    display: inline-block;
    width: auto !important;
    min-width: 250px;
    max-width: 500px;
}

.anam_texts.shared_document_podpisy table.form-main table td select,
.doc_preview_left table.form-main table td select{
    display: inline-block;
    width: 100% !important;
    min-width: 250px;
    max-width: 850px;
}

.doc_preview_left .chzn-container{
    margin-top: 0px;
    position: relative;
    top: 8px;
    text-align: left;
    margin-right: 20px;
}

.doc_preview_left td .chzn-container{
     margin-right: 0px;
}

.doc_preview_left .chzn-container > a{
    vertical-align: middle;
}

.doc_preview_right div.tiskova-sestava-form.formular td.button input{
    margin: 0px 10px 0px 10px;
    background: #32AFC0;

}

.doc_preview_right div.tiskova-sestava-form.formular .submitForm{
    /*padding-bottom: 0px !important;*/
    /*padding-bottom: 18px !important;*/
    
    
    margin: 0;
    padding: 0 0 3px !important;
    
    position: relative;
    top: -50px;
}

.doc_preview_left .formular.anam_text_private .form-footer,
.doc_preview_left .formular.anam_text_private .submitForm {
    display: none !important;
}