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

#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: 140px;
    text-align:	center;	
    /*background-color: #bee5eb;*/
    border-bottom: 3px solid #ac4f88;
    padding: 0px;
    margin: 0px;
    min-width: 560px;

    border-bottom: 3px solid transparent;
}

#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; */
    padding: 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: 140px;
}

#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;
    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;

    text-align: center;
    padding: 50px 0px 0px;
    width: 100%;
    height: 50px;
    background: transparent;
    color: #646464;
}

#footer a {
    color: #FFF;

    color: #646464;
}

#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: 0px 0 0 0px;
    padding: 0 20px;
    text-align: left;
    /*width: 940px;*/

}

#content .login_cont{
    margin-top: 100px;
}

#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-radius: 15px;
    color: #FFF;
    height: 220px;
    padding-top: 0;
    width: 465px;
    margin: 50px auto 0px;
    z-index: 5;
    position: relative;

    border: 0 none;
    width: 600px;
    height: auto;
    /*
    border-radius: 4px;
    box-shadow: 0 0 .875rem 0 rgba(53,64,82,.05);
    background-color: #fff;
    */
}

h2.login {

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

    margin: 0px;
    padding: 0px 45px 8px;
    width: calc(100% - 90px);
    font-family: 'Nunito', 'Roboto', "trebuchet MS", "Lucida Grande", Arial;
    font-weight: 600;
    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;

    padding: 0px;
    vertical-align: top;
}

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

    padding: 45px;
    border-radius: 4px;
    box-shadow: 0 0 .875rem 0 rgba(53,64,82,.05);
    border: 0px none;
    background-color: #fff;
    width: 510px;
    height: auto;
}



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

    top: 8px;
}

div.login .befForm {
    height: 0px !important;
}

div.login input {

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

}

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

div.login  .bs-checkbox {
    display: inline-block;
}

div.login  .bs-checkbox-wrapper {
    padding-top: 5px;
    display: block;
}

div.login  .bs-checkbox-wrapper label {
    position: relative;
    top: 0;
    left: 5px;
    color: #646464;
    font-size: 14px;
}

div.login input[type=checkbox] {
    width: auto;
}

div.login .forgot-password-link {
    color: #47bac1;
    text-decoration: none;
    background-color: transparent;

    font-size: 11px;

    transition: all .2s;
}

div.login .forgot-password-link:hover {
    color: #2f878c;
    text-decoration: underline;
}

div.login .submitForm {
    width: 100%;
}

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

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


    height: 30px;
    line-height: 30px;
    border: 1px solid #ced4da;
    font-family: 'Nunito', 'Roboto', "trebuchet MS", "Lucida Grande", Arial;
    font-size: 14px;
    color: #495057;

    transition: all .2s;

    border-radius: 3px;
    padding: 0px 6px;
    width: 405px;
}

div.login input[type='text']:focus,
div.login input[type='number']:focus,
div.login input[type='password']:focus {
    box-shadow: 0 0 0 .2rem rgba(71,186,193,.25);
}

div.login input.checkbox {
    display: block;

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


div.login input.bt-prihlasit, 
div.login button.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;
    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;*/

    height: 36px;
    line-height: 37px;
    background: #5fc27e;
    font-family: 'Nunito', 'Roboto', "trebuchet MS", "Lucida Grande", Arial;
    transition: all .2s;
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}

div.login input.bt-prihlasit:hover, 
div.login button.bt-prihlasit:hover {
    background-color: #45b668;
}

div.login button.bt-prihlasit .fa {
    margin-right: 5px;
}

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: absolute;
    top: 173px;
    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;

}

@media (max-width: 520px) {

    h3.login {
        width: calc(100% - 40px);
        padding: 0 20px 16px;
    }
    
    h2.login {
        width: calc(100% - 40px);
        padding: 0 20px 8px;
    }
    
    #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='number'],
    div.login input[type='password'] {
        width: calc(100vw - 94px);
    }

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

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

    width: 600px;
}

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

div.alert-info {
    margin:							20px auto;
    width: 560px;

    max-width: calc(100vw - 20px);
    box-sizing: border-box;
}

.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: #000;
    font-size: 22px;
    font-family:				Helvetica;
    Font-weight:				normal;
    padding: 0px;
    margin: 25px 0px 5px 35px;
    line-height: 22px;
    /* width: 340px;*/
}

a,
a:hover,
a:active,
a.focus{
    color:#47bac1;
}

.back2login h2{
    margin-left: 0px;

    width: 100%;
    font-family: 'Nunito', 'Roboto', "trebuchet MS", "Lucida Grande", Arial;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0px;
    padding: 16px 0px 12px;
}

#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;*/

    color: #646464;
    width: 60px;
    padding: 0px 30px 0px 0px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
}

.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;*/

    width: 600px;
    margin: 0px auto;
    text-align: center;
    padding-top: 30px;
}

.back2login p {
    margin-top: 0px;
}

.back2login a {
    text-decoration: none;
    color: #47bac1;
}

.back2login a:hover {
    text-decoration: underline;
}

#prihlaseni.anamneza div.login td.label,
#prihlaseni.anamneza div.login label{
    width: 105px;
}

#prihlaseni.anamneza div.login #rodne_cislo{
    width:250px;
}

#prihlaseni.anamneza h2.login{
    margin-bottom: 20px;
}


.dotaznik_anamneza.done{
    margin: 30px auto;
    font-size: 17px;
    text-align: center;


}

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


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


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



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

div.login td.icon .icon-wrapper {
    display: block;
    width: 140px;
    height: 140px;
    line-height: 125px;
    border-radius: 50%;
    background: #f1f3fa;
    font-size: 80px;
    text-align: center;
    color: #787878;
    margin: 0px auto 30px;

    overflow: hidden;
}

div.login td.icon .icon-wrapper img {

    width: 140px;
    height: auto;

}





/* ------------------------------ ALERT ------------------------------ */

.alert {
    padding: 0;
    display: -webkit-box;
    display: flex;
    color: #fff;

    position: relative;
    padding: 15px;
    margin-bottom: 16px;
    border: 0 solid transparent;
    border-radius: 3px;

    padding-right: 45px;

    transition: all .2s;
}

.alert.alert-sm {
    padding: 4px 12px;
    padding-right: 36px;

    min-height: 22px;
}

.alert.no-mb {
    margin-bottom: 0px;
}

.alert-primary {
    /*color: #256164;*/
    background-color: #47bac1;
    border-color: #cbecee;
}

.alert-primary:hover {
    background-color: #39a2a9;
}

.alert-secondary {
    /*color: #544371;*/
    background-color: #a180da;
    border-color: #e5dbf5;
}

.alert-secondary:hover {
    background-color: #8b62d1;
}

.alert-success {
    /*color: #316542;*/
    background-color: #5fc27e;
    border-color: #d2eedb;
}

.alert-success:hover {
    background-color: #45b668;
}

.alert-danger {
    /*color: #7f232c;*/
    background-color: #f44455;
    border-color: #fccbcf;
}

.alert-danger:hover {
    background-color: #f22034;
}

.alert-warning {
    /*color: #836400;*/
    background-color: #fcc100;
    border-color: #feeeb8;
}

.alert-warning:hover {
    background-color: #d6a400;
}

.alert-info {
    /*color: #2f4185;*/
    background-color: #5b7dff;
    border-color: #d1dbff;
}

.alert-info:hover {
    background-color: #355fff;
}

.alert p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.alert .btn {
    margin-right: 4px !important;
}

.alert .btn-line {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.alert .btn-line.bottom {
    padding-bottom: 0px !important;
}

.alert .alert-icon {
    /*margin: -15px 15px -15px -15px;*/
    margin: -15px 0px -15px -15px;
    padding: 15px;
    background: hsla(0,0%,100%,.1);

    float: left;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.alert .alert-icon .uil {
    /*font-size: 1.2em;*/
}

.alert .alert-message {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;

    padding: 0px 15px;
}

.alert .close {
    /*float: right;*/
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;

    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    height: 12px;
    line-height: 12px;
    transition: .2s;
    cursor: pointer;
    /*margin-right: -30px;
    margin-bottom: -12px;*/

    position: absolute;
    top: 15px;
    right: 15px;
}

.alert .close:not(:disabled):not(.disabled):focus, 
.alert .close:not(:disabled):not(.disabled):hover {
    opacity: .75;
}

.alert.alert-sm .alert-icon {
    /*padding: 15px 8px 15px 10px;*/

    padding: 4px 8px;
    margin: -4px 0px -4px -12px;
}

.alert.alert-sm .close {
    top: 6px;
    right: 12px;

}

.alert.alert-sm .alert-message {
    /*padding-top: 0px;
    padding-bottom: 0px;*/

    min-height: 22px;
    line-height: 22px;

    padding: 0px 12px;
}

.alert .btn.btn-inline {
    line-height: 21px;
}

.alert.hidden {
    display: none;
}

.form-error-wrapper .alert {
    width: 860px;
}

div.error .alert {
    margin-bottom: 3px;
}

/* ------------------------------ ALERT - konec ---------------------- */





@media (max-width: 768px) {

    #header {
        min-width: 0;
    }

    #prihlaseni {
        width: calc(100vw - 40px);
        margin-left: auto;
        margin-right: auto;
    }

    div.login {
        width: calc(100% - 90px);
    }

    div.login .forgot-password-link {
        display: block;
        margin-top: 5px;
    }

    /*div.login.formular form table.form-main tr td:nth-child(2) {*/
    /*    width: 100%;*/
    /*}*/

    /*div.login.formular form table.form-main tr td:nth-child(2) input {*/
    /*    width: calc(100% - 14px);*/
    /*}*/

}

@media (max-width: 576px) {

    div.login.formular form table.form-main tr td:nth-child(2) {
        display: table-cell;
    }

    div.login {
        width: calc(100vw - 12px);
    }

    /*div.login.formular form table.form-main tr td:nth-child(2) {*/
    /*    width: 100%;*/
    /*}*/

    /*div.login.formular form table.form-main tr td:nth-child(2) input {*/
    /*    width: calc(100% - 14px) !important;*/
    /*}*/





    #header-logo {
        float: none;

        padding-left: 0px;
        padding-right: 0px;
    }

    #header-logo a {
        display: inline-block;
        height: 80px;
    }

    #content{
        width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
    }

    #prihlaseni {
        padding-left: 0px;
        padding-right: 0px;

        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;

        width: 100vw;
    }

    #prihlaseni .alert {
        width: calc(100vw - 80px);
        margin-left: auto;
        margin-right: auto;
    }

    div.login.formular {
        padding: 20px;
        width: calc(100vw - 60px);
        margin-left: auto;
        margin-right: auto;
    }

    #content .login_cont {
        width: 100vw;
        margin-top: 20px;
    }

    div.login td.icon .icon-wrapper {
        margin-left: calc(50vw - 70px);
        margin-right: -100vw;

        width: 80px;
        height: 80px;

        font-size: 50px;
        line-height: 80px;
    }

    div.login td.icon .icon-wrapper img {
        width: 80px;
    }

    div.error {
        width: calc(100vw - 20px);
        margin-left: auto;
        margin-right: auto;
    }

    div.login table.submitForm {

    }

    .back2login {
        width: 100vw;
    }
}


.page_content{
    max-width: 940px;
    margin: 0px auto;
    padding: 20px 20px;
    /* background-color: #FFF;*/
}

.personal_data{
    margin-top: 20px;
}

.online_rezervace{
    max-width: 1080px;
    margin: 10px auto;
}


#client_popup .client_msg{
    font-weight: bold;
    padding-right: 20px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #555;
}

#client_popup .clients > div{
    cursor: pointer;
    padding-bottom: 3px;
    padding-top: 3px;
}

#client_popup .clients > div:hover{
    background-color: #F6F6F6; 

}

#prihlaseni.praktik_passwd form td.label{
    width: 95px;
}

#prihlaseni.praktik_passwd div.login input[type='text'], 
#prihlaseni.praktik_passwd div.login input[type='number'], 
#prihlaseni.praktik_passwd div.login input[type='password']{
    width: 375px;
}








.resend-code-link {
    color: #47bac1;
    text-decoration: none;
    background-color: transparent;
    font-size: 18px;
    transition: all .2s;
    display: inline-block;
    margin-right: -155px;
    margin-left: 30px;
}

@media (max-width: 900px) {

    .resend-code-link {
        display: block;
        margin: 30px 0 0;
        text-align: center;
    }

}






.form-dotaznik-2fa input[type="text"],
.form-dotaznik-2fa input[type="tel"] {
    height: 50px !important;
    font-size: 20px !important;
}

.form-dotaznik-2fa label,
.form-dotaznik-2fa .radio_label,
.form-dotaznik-2fa .bs-checkbox-wrapper label {
    font-size: 20px;
}

.form-dotaznik-2fa.formular td.submit [type="submit"].public-button {
    height: auto;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 15px;
    width: 220px;
    margin-top: 15px;
}

.iconcaptcha-widget {
    margin: 10px auto;
}

.iconcaptcha-widget.iconcaptcha-theme-light {
    background: transparent !important;
    border: none !important;
}

.iconcaptcha-widget.iconcaptcha-theme-light .iconcaptcha-modal__header {
    border: none !important;
}

.iconcaptcha-widget.iconcaptcha-theme-light .iconcaptcha-modal__header span {
    font-size: 14px;
    font-weight: normal;
}

.iconcaptcha-widget.iconcaptcha-theme-light .iconcaptcha-modal__footer {
    display: none !important;
}

.iconcaptcha-widget .iconcaptcha-modal__body {
    border: 1px solid #ededed;
    border-radius: 10px;
}

/* IconCaptcha - mobilní login */
.iconcaptcha-widget {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
}

.iconcaptcha-widget,
.iconcaptcha-widget * {
    box-sizing: border-box;
    touch-action: manipulation;
}

.iconcaptcha-widget {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
}