html {
    height:100%;
}


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;
    height:							95%	;
}

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

textarea, input {
    font-family:				"Arial CE",Arial,"trebuchet MS","Lucida Grande","Helvetica CE",Helvetica,sans-serif;
    font-size:13px;

}
/*

HEADER

*/
#header {
    width: auto;
    color: white;
    height: 130px;
    text-align:					center;
    background: url("img/bg-header-private.jpg") no-repeat scroll 0 0 / 1800px auto rgba(0, 0, 0, 0);
    padding: 0px;
    margin: 0px;
    min-width: 1020px;
}

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

#header-private {
    width: auto;
    background: url("img/bg-header-private.jpg") no-repeat scroll 0 0 / 50% auto rgba(0, 0, 0, 0);
    color: #707070;
    height: 60px;
    text-align:					left;
    min-width:				1350px; /*kvůli dlouhému menu*/

}

#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;
    bakcground-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: 244px;
    height:	60px;
    margin: 0px 0px 0px 30px;
    color: #white;
    font-size: 24px;
    font-weight: bold;

}

#header-private-logo a {
    color: white;
    text-decoration: none;
    display: block;
    height:	100%
}

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


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

#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: 18px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    text-align: center;
    width: 100%;
}

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

}

#header-logo img {
    border-style: none;
}

#header-private-logo img {
    border-style: none;
    height:	100%
}

#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:					25px;
    height:							25px;
    background-image:   url('img/bg-menu.jpg');
    background-repeat: 	repeat-x;
    font-size:					14px;
    text-align:					left;
    padding:						0px 0px 0px 20px;
    width: auto;
    min-width:			1200px

}

#menu.fixed {

    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
    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;
    position: relative;
    display: inline-block;

}
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:					13px;
    font-weight:				normal;
    font-family:				Arial;
    padding:            5px 10px 0px 10px;
    height:							20px;
    float:							left;
    list-style-type:    none;
    background-image:   url('img/bg-menu-li.jpg');
    background-repeat: 	no-repeat;
    background-position:right top;
    position: relative;
}

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: 101;
    margin: 3px 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:              180px;
    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.objednaciKniha {
    width: 200px;
}

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;
    position: fixed;
    bottom:0;
    height: 45px;
    padding: 10px 20px 0px 100px;
    color: #707070;
    font-size: 12px;
    font-weight: normal;
    min-width: 980px;
    text-align: left;
    width:	100%;

}
#footer a {
    color: #707070;
}

#footerEnv {
    position: fixed;
    bottom: 0;
    width: 100%;
}
#footer-private {
    background-color: #F5F5F5;
    height: 80px; /*20px */
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 10;
}




#footer-lekari {
    float:left
}

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

}

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

}

#content-private {
    width:							auto;
    background-color:		#fff;
    border-collapse:		collapse;
    font-size:					14px;
    padding:						0px 0 0 0;
    font-family:				Arial;
    text-align:					left;
    margin-top: 0px;
    position: relative;
    height:	calc(100vh - 85px);
}
#content-private.window a {
    color: #449fa8;
}

#objednavky a.bpopup {
    color: black;
}
#objednavky .datetime {
    margin-bottom: 10px;
    font-weight: bold;
}

#content-private .ordfull > a {
    color: black;
}

#content-private.window .buttonClose a {
    color: #FFFFFF;
}

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


.window {
    margin: 20px !important;
    /*height: calc(100% - 40px);*/
}


/*
.window {
  padding: 20px !important;
  box-sizing:border-box;
}*/

#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 {
    font-size:					20px;
    line-height:				20px;
    height:							20px;
    font-family:				Arial;
    Font-weight:				normal;
    color:							#2a1b25;
    dislplay:						block;
    padding:						4px 0px 4px 0px;
    margin: 0;
}


.dotted {
    width: 940px;

    border-bottom:			1px dotted black;
}

#prihlaseni {
    float: left;
    width: 465px;
    margin:60px 0 60px 0;
    height:220px;
    color:	#434343;
    background-image:   url('img/bg-prihlaseni.jpg');
    background-repeat:  no-repeat;
    background-position:0px 0px;
    z-index: 5;
    position: relative;
    padding-top: 0px;
}

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: center;
}

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:							100%;
}

.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: 100%;
    padding-left: 10px;
    background-size:	100%
}

div.formular div.form-header {
    background-image: url("img/bg-formular-header.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 20px;
    width: 100%;
    padding:  0 3px 0 9px;
}

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.formular div.block-footer {
    background-image: url("img/bg-block-footer.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
    position: relative;
    top: -16px;
    width: 207px;
}




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

div.formular div.form-footer {
    background-image: url("img/bg-formular-footer.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    padding: 0 2px 0 10px;
    width: 100%;
}



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

div.formular input {
    border:							1px solid #c0c0c0;

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

table.plan_submit { /* TB 17.1.2019 */
    width: 100%;
}

table.plan_submit td.submit {
    width: 90%; /* TB 17.1.2019 */
    text-align: center;
}

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

td.submit input,
.main-btn{
    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;
}


a.main-btn{
    font-size: 13px;
    display: block;
    color: #FFF !important;
    width : 140px;
    height: 35px;
    line-height: 35px;
    background-image: none;
    background-color: #4DB4BE;
    border-radius: 8px;
}

td.button input {
    text-align:					center;

}

td.button input, a.button{
    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;
}

.karta-zaznam-form a.button,
.karta-zaznam-form td.submit input {
    width: 160px;
    background-size: contain;
    line-height: 38px !important;
    cursor: pointer;
}

.karta-zaznam-form td.submit input {
    height: 38px;
    line-height: 36px;
}

.ordinaceTermin .button {
    background-color: #BEE5EB;
    background-image: none;
    border: 1px solid rgba(84, 197, 208, 0.5);
    border-radius: 5px;
    color: #0F8894;
    display: block;
    height: 27px;
    line-height: 27px;
    position: relative;
    top: -2px;
}

.ordinaceTermin .button.home {
    position: absolute;
    right: 30px;
    top: 5px;
}


.ordinaceTermin .right-next {
    position: absolute;
    right: 0px;
    top: 5px;
}

#content-private.window a.button {
    color: #FFFFFF;
    display: block;
    line-height: 43px;
}


#content-private.window a.saveNoClose {
    background-color: rgba(0, 0, 0, 0);
    left: 170px;
    position: relative;
    top: -67px;
}

#content-private.window a[href*="/karta/clone_zaznam/"] {
    left: 530px;
    position: relative;
    top: -161px;
}

#content-private.window a.savePrint {
    position: relative;
    top: -114px;
    left: 350px;
}

#content-private.window .karta-zaznam-form.add-zaznam a.savePrint {
    position: relative;
    top: -67px;
    left: 166px
}

div.formular div.form-close {
    position: relative;
    top: -98px;
    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, .highButton {
    width:	100px !important;
    background-size: 100px 47px !important;
}

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


.ckeditor td.submit input, .highButton {
    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;
}

.highButton {
    background-size: 140px 43px !important;
    display: inline-block;
    height: 43px;
    line-height: 43px;
    margin: 0 calc(50% - 70px);
    width: 140px !important;
}

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

.nahradnici h2 {
    margin-bottom: 0;
}

div.print h2 {
    margin: 0 0 10px 0;
    width: auto;
}
#paticka {
    background-color:		#e9e8e8;
    width:							100%;
    font-size:					11px;
    font-family:				Tahoma;
    padding:						4px 0px 4px 0px;
}





img {
    border-style:				none;
}

h3 {
    background-image:   no-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;
}

.print h3 {
    margin-top: 10px;
}

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

}
/*
div.print div.body {
  padding: 0;
}*/



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

}

.printThisWindow table.tab th a {
    color: #000000 !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.lichy_zaznam {
    background-color:   #d9dadb;
}

table.tab tr.sudy_zaznam {
    background-color:   #fff;
}

table.tab tr.dluh,
table.tab tr td.dluh{
    background-color: #FF9797;
}


table.tab tr.today {
    background-color: #CCFF99;
}


table.tab tr.highlight {
    background-color: #00FFFF;
}

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;
    display: block;
    width: 100%;
    height:		100%;
    text-decoration: underline;
    /*text-decoration: none*/
}
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,
td.doruceno{
    background-color:   #d0ffcb;
    color: black;
    text-align: center;
}

table.tab td.odchozi, td.ne,
td.nedoruceno{
    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;
    display: inline-block;

}

div.b-add.xls {
    background-image: url("img/b_xls.jpg");
    display: inline-block;
}

.bold {
    font-weight:	bold;
}

div.b-add a,
div.b-add input[type="submit"]
{
    display: block;
    padding: 3px 0px 0px 26px;
    text-decoration: none;
    color: white;
    font-size: 11px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

div.b-add input[type="submit"]:focus{
    border:none;
    outline: none;
}

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

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



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


div.buttonClose, .buttonBlackBack div.button-back > a {

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

.buttonBlackBack div.button-back {
    position: absolute;
}

.buttonBlackBack div.button-back {
    background-image: none;
}

.window .button-back > a {
    background: none repeat scroll 0 0 black;
    border-radius: 5px;
    color: white;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    width: 86px;
}


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, .bigBtn  {
    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;

}

a.bigBtn {
    background-size: 194px 39px;
    float: left;
    left: 0px;
    width: 194px;
    background-image: url("img/bt-formular-submit.png");
    text-decoration: none;
}



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-position: left top;
    background-repeat: no-repeat;
    background-size: 88px 27px;
    border-style: none;
    color: #FFFFFF;
    height: 27px;
    width: 88px;
}


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 {
    min-width: 100%;
    /*	min-width: 4000px;*/
    display: inline-block;
    height:	100%
}

.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;
    font-weight: black;
    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;
    /*min-width:			1970px;*/
    height:	100%;
}


.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;
    background-size:		auto 100%;
    width:							120px;
}

table.tabKalendar .today {
    background: linear-gradient(blue, darkblue) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

table.tabKalendar th a, table.tabKalendar th a:visited{

    color:              white;
    text-decoration:none;

}

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;
    width:							45px;
}

table.tabKalendar td  a {
    font-weight:        bold;
    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;
    width:	3px;
}
table.tabKalendar td.client {
    width:    150px;
}

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

}


table.tabKalendar td.clientempty a {
    color: #E0E0E0;
    display: inline-block;
    width: 230px;
}

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, .empty, .objednan  {
    background-color: transparent;/*#ffb993;*/
}


.objednan a {
    color: transparent;
}

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

.vcekarne {
    background-color: white;/*#fff5a2;*/
}
.vcekarne a {
    color: black !important;
}


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

.hotov {
    background-color: grey;/*#bbd5ff;*/
}
.hotov a {
    color: white;/*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;
}

.nahradnik {
    background-color: green;
}
.nahradnik a[href^="/kalendar/set_stav/"] {
    color: white !important;
}

.akutni {
    background-color: red;
}


.omluven {
    background-color: blue;
}

.neomluven {
    background-color: orange;
}

.neomluven a {
    color: black;
}

td.omluven a, td.neomluven a, td.akutni a {
    color: white !important;
}

table.tab tr.mimoradny	 {
    background-color: #FF6666;
}


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

#footer-private .cord {
    color: #707070;
    font-size: 12px;
    font-weight: bold;
    float:	left;
    margin:	20px 10px 20px 0;
}

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

#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, #popup_tisk, #popup_tisk2 {
    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;
    float: left;
}

.ordinaceTermin .smallBtn {
    float: left;
    font-weight: 700;
    margin: 2px 0 0 10px;
    position: static;
}
/*
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.buttonDatum {
    background-color: #bee5eb;
    border: 1.5px solid #54c5d0;
    border-radius: 5px;
    color: #0f8894 !important;
    display: block;
    font-size: 14px;
    height: 27px;
    margin: 2px auto;
    text-align: center;
    text-decoration: none;
    width: 130px;
    line-height: 27px;
}

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 {
    background-color: #BEE5EB;
    border-bottom: 1px solid #000000;
    min-width: 1200px;
    width: 100%;

}

#kartaHlavicka > table {
    padding-left: 20px;
}

#kartaHlavicka.fixed {
    position: fixed;
    top: 25px;
    z-index: 100;
}

.kartaRight {
    padding: 0px 0 30px 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 {
    background-color: #FFFFFF;
    border: 1px solid #DEDEDE;
    margin: 15px 0 0 30px;
    padding: 0 20px 0 10px;
    float: left;
    height:	49px;
}



/*.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 ul {
    float: left;
    margin: 0;
    padding: 0;
}

.kartaLeftHeader li {
    background-image: url("img/bg-li-karta-left.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    float: left;
    list-style-type: none;
    margin: 9px 0 8px 10px;
    padding: 5px 0;
    text-align: center;
    width: 120px;
}

.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 {
    background-image: url("img/bg-li-karta-left.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 29px;
    height: 29px;
    margin: 20px 0 0;
    padding: 6px 0 0;
    text-align: center;
    width: 174px;
}

.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: 700px;

}

.kalendarRight .flowRight {

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

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


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


.flowRight .hotovo {
    height: 200px;
    border: 1ps 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;
    text-align:	right;
}
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 {
    background-image: url("img/bg-li-karta-left.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 29px;
    float: left;
    height: 29px;
    margin: 15px 0 0 4px;
    padding: 6px 0 0;
    text-align: center;
    width: 174px;
}

.kalendarInfo .button a {

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


.greenMessage, .yellowMessage, .greyMessage{
    background-image: url("img/greenMessage-bg.png");
    color: #FFFFFF;
    margin: 5px 0;
    padding: 20px;
    width: 672px;
}

.yellowMessage {
    background-image: url("img/yellowMessage-bg.png");
    color: #282828;
}

.greyMessage {
    background-image: url("img/greyMessage-bg.png");
    color: #505050;

}

.greyDiv {
    padding:20px;
    background-color:#efefef;
    width:660px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-top:18px
}

table.zdravotniKarta tr.odd {
    background-color: rgba(0, 0, 0, 0);
}

table.zdravotniKarta tr {
    border-left: 4px solid #5dcaf1;
    border-right: 4px solid #5dcaf1;
}

table.zdravotniKarta tr:first-child {
    border-top: 4px solid #5dcaf1;
    border-bottom: 3px solid #5dcaf1;
}

table.zdravotniKarta tr:last-child {
    border-bottom: 4px solid #5dcaf1;
}

table.zdravotniKarta.stavChrupu tr:nth-child(2),
table.zdravotniKarta.stavChrupu tr:nth-child(12),
table.zdravotniKarta.stavChrupu tr:nth-child(13) {
    border-bottom: 3px solid;
    border-top: 3px solid;
}

table.zdravotniKarta td {
    border-color: #5dcaf1;
    height: 19px;
}

.window table.zdravotniKarta td.poznamka {

    height: 16px;
}

table.zdravotniKarta td a {
    text-decoration: none;
}

.printThisWindow table.zdravotniKarta td {
    border-color: #000000;
}

table.zdravotniKarta td.popis {
    font-family: courier new;
}

.printThisWindow table.zdravotniKarta td.poznamka {
    padding-top: 3px;
    padding-bottom: 3px;
}

table.zdravotniKarta th {
    background-color: #5DCAF1;
    background-image: none;
    border-color: #5dcaf1;
}

.printThisWindow table.zdravotniKarta th, .printThisWindow table.zdravotniKarta tr {
    background-color: transparent;
    border-color: black;
}

table.zdravotniKartaBlue {
    color: #5dcaf1;
    font-size:		20px;

}

.printThisWindow table.zdravotniKartaBlue {
    color: #000000;
}

table.zdravotniKartaBlue td {
    font-size: 12px;
    padding: 0	2px;
    /* vertical-align:top;*/
}

table.zdravotniKartaBlue ul {
    list-style-type:none;
    margin:0;
}

table.zdravotniKartaBlue table td {
    border: 0px;
}

table.zdravotniKartaBlue input, table.zdravotniKartaBlue textarea  {
    border: 0px;
    background-color:	#F0F0F0;
    /*width:540px;*/
}

.printThisWindow table.zdravotniKartaBlue input, .printThisWindow table.zdravotniKartaBlue textarea {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000000;
}



.submit.smallBnt > input {
    /*background-image: url("img/small-btn.png");*/
    background-image: none;
    background-color: #f5dc00;
    border: 1px solid #e1b105;
    cursor: pointer;
    color: black;
    height: 30px;
    border-radius: 3px;
    /*color: #0F8894;*/
    font-weight: 400;
    /*height: 29px;*/
    width: 120px;
}



.zdravotniKarta .chzn-container-active .chzn-choices {
    border: 0px solid #5897FB;
}

.zdravotniKarta .chzn-container-multi .chzn-choices {
    background-color: #F0F0F0;
    background-image: none;
    border: 0px;
}

.printThisWindow  .zdravotniKarta .chzn-container-multi .chzn-choices {
    background-color: transparent;
    border: 1px solid black;
}

.printThisWindow .chzn-disabled {
    opacity: 1 !important;
}

.printThisWindow .chzn-container-multi .chzn-choices .search-choice {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
}


table.zdravotniKartaBlue td.zub {
    /* height: 47px;*/
    padding: 0 2px;
    width: 27px;
    text-align:		center;
    border-collapse:collapse;
}

table.zdravotniKartaBlue td.zub.marked {
    background-color: #ffecb3;
}

table.zdravotniKarta.stavChrupu td:nth-child(2),
table.zdravotniKarta.stavChrupu td:nth-child(10),
table.zdravotniKarta.stavChrupu td:nth-child(18),
table.zdravotniKarta.stavChrupu td:nth-child(26),
table.zdravotniKarta.stavChrupu td:last-child {
    border-left: 3px solid;
}

.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(2),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(10),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(18),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(26),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:last-child {
    border-left: 1px solid;
}

.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(2),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(3),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(11),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(19),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:nth-child(27),
.karta-zaznamy-new table.zdravotniKarta.stavChrupu td:last-child {
    border-left: 3px solid;
}

table.tab td.zub a, table.zdravotniKartaBlue td a {
    color: rgba(0, 0, 0, 0) !important;
    display: inline-block;

}

table.tab td.zub a, table.zdravotniKartaBlue td:not(.noPrint) a {
    min-height: 44px;
    height:			100%;  
}

table.tab td.zub a:hover {
    color: transparent;
}

table.zdravotniKartaBlue td a {
    color: #5DCAF1 !important;
}

table.zdravotniKartaBlue td a:visited {
    color: #5DCAF1 !important;
}

table.zdravotniKartaBlue td.poznamka a {
    min-height: 0;
    color: black !important;
}

.statusChrupu input {
    margin-top: 5px;
    vertical-align: top;
}

table.tab td.kartaLink {
    border:none;
    background: white;
    text-align:center;
}

table.tab td	.kartaLink a, table.tab td	.kartaLink a:visited {
    text-decoration:underline;
    color:	#0F8894 !important
}

table.zdravotniKartaBlue td a.smallBtn, a.smallBtn, div.smallBtn {
    background-image: url("img/small-btn.png");
    color: #0F8894;
    font-weight: 400;
    height: 29px;
    left: 40px;
    position: absolute;
    width: 120px;
    display: block;
    background-repeat: no-repeat;
    padding-top: 5px;
    font-size: 15px;
    color: #0F8894 !important;
    text-align: center;
    text-decoration: none;
}

div.smallBtn{
    cursor: pointer;
}



.nahradnici a.smallBtn, a.smallBtn.clientObjednavky {
    left: 0;
    margin: 10px;
    position: relative;
}

a.smallBtn.clientObjednavky {
    margin: 10px 0;
}

table.tab td a.smallBtn, table.tab td div.smallBtn {
    background-size: 100% 29px;
    display: block;
    height: 29px;
    position: relative;
    text-decoration: none;
    left: 0;
    width: 85px;
    float:left;
}

table.tab td a.smallBtn:visited table.tab td div.smallBtn:visited {

    color: black;
}


#razitko {
    width: 200px;
    position: absolute;
    right: 30px;
    top: 90px;
}

input#razitko {
    position: static;
    width: auto;
}

/****************  DOKLADY **********************/

.doklad input, .doklad textarea {
    background-color: rgba(224, 255, 255, 0.4);
    border: medium none;
    font-family: "Arial CE";
    font-size:		11px
}

.doklad #background {
    position: absolute;
}

.doklad.faktura #background,
.doklad.dluh #background {
    width: 560px;
}


.doklad.vymenny_list {
    height: 519px;
    width: 366px;
    margin: 20px;
    position:relative;
}


.doklad.vymenny_list #do {
    left: 18px;
    position: relative;
    top: 47px;
    width: 110px;
}

.doklad.vymenny_list #unz {
    left: 81px;
    position: relative;
    top: 47px;
    width: 170px;
}

.doklad.vymenny_list #jmeno {
    left: 85px;
    position: relative;
    top: 49px;
    width: 280px;
}

.doklad.vymenny_list #ulice {
    left: 85px;
    position: relative;
    top: 54px;
    width: 280px;
    float: left
}

.doklad.vymenny_list #mesto {
    float: right;
    left: 0;
    position: relative;
    top: 58px;
    width: 220px;
}

.doklad.vymenny_list #psc {
    left: 85px;
    position: relative;
    top: 58px;
    width: 50px;
    float: left
}

.doklad.vymenny_list #zamestnavatel {
    height: 20px;
    left: 85px;
    position: relative;
    top: 64px;
    width: 280px;
}


.doklad.vymenny_list #rc {
    height: 19.5px;
    left: 85px;
    position: relative;
    top: 66px;
    width: 280px;
}

.doklad.vymenny_list #obtize {
    height: 95px;
    left: 65px;
    position: relative;
    top: 71px;
    width: 300px;
}

.doklad.vymenny_list #nalez {
    height: 85px;
    left: 65px;
    position: relative;
    top: 70px;
    width: 300px;
}

.doklad.vymenny_list #dg {
    height: 35px;
    left: 65px;
    position: relative;
    top: 70px;
    width: 300px;
}

.doklad.vymenny_list #lecba {
    height: 40px;
    left: 65px;
    position: relative;
    top: 70px;
    width: 300px;
}

.doklad.vymenny_list #pozadovano {
    height: 35px;
    left: 65px;
    position: relative;
    top: 70px;
    width: 300px;
}


.doklad.vymenny_list #lekar {
    left: 140px;
    position: absolute;
    text-align: center;
    top: 489px;
    width: 225px;
}

.doklad.vymenny_list #datum {
    left: 37px;
    position: relative;
    top: 94px;
    width: 100px;
}

.doklad.vymenny_list #razitko {
    position: absolute;
    top: 465px;
    width: 170px;
    left: 179px;
}



.doklad.recept {
    height: 554px;
    margin: 20px;
    position: relative;
    width: 394px;
}

.doklad #ereceptKod {
    position: absolute;
    top: 470px;
    left: 250px;
}

.doklad.recept input, .doklad.recept textarea{
    position: absolute;
}

.doklad.recept #pojistovna {
    left: 15px;
    letter-spacing: 11px;
    padding-left: 5px;

    top: 40px;
    width: 45px;
}

.doklad.recept #jmeno {
    left: 117px;

    top: 75px;
    width: 260px;
}

.doklad.recept #rc {
    left: 177px;
    letter-spacing: 11.4px;

    top: 100px;
    width:	168px;
}

.doklad.recept #rodina {
    left: 358px;
    top: 99px;
    width: 10px;
}

.doklad.recept #ulice {
    left: 120px;

    top: 122px;
    width: 255px;
}

.doklad.recept #psc {
    left: 120px;

    top: 140px;
    width: 50px;
}

.doklad.recept #mesto {
    left: 180px;

    top: 140px;
    width: 195px;
}

.doklad.recept #rp1 {
    height: 127px;
    left: 35px;

    top: 197px;
    width: 357px;
}

.doklad.recept #rp2 {
    height: 100px;
    left: 35px;

    top: 359px;
    width: 357px;
}


.doklad.recept #datum {
    left: 40px;

    top: 460px;
}

.doklad.recept #lekar {
    left: 15px;
    text-align: center;
    top: 500px;
    width: 200px;
}

.doklad.recept #razitko {
    left: 20px;
    position: absolute;
    top: 470px;
    width: 200px;
}


.doklad.poukaz {
    height: 566px;
    margin: 20px;
    position: relative;
    width: 715px;
}

.doklad.poukaz input, .doklad.poukaz textarea{
    position: absolute;
}

.doklad.poukaz #pojistovna {
    left: 15px;
    letter-spacing: 11px;
    padding-left: 2px;
    top: 40px;
    width: 42px;
}

.doklad.poukaz #ipc {
    left: 242px;
    letter-spacing: 10.5px;
    padding-left: 2px;
    top: 20px;
    width: 128px;
}

.doklad.poukaz #odbornost {
    left: 325px;
    letter-spacing: 10.5px;
    padding-left: 2px;
    top: 45px;
    width: 45px;
}

.doklad.poukaz #datum1 {
    left: 376px;
    letter-spacing: 10.3px;
    padding-left: 2px;
    top: 45px;
    width: 92px;
}

.doklad.poukaz #jmeno {
    left: 85px;
    top: 125px;
    width: 380px;
}

.doklad.poukaz #rc {
    left: 104px;
    letter-spacing: 10.4px;
    top: 150px;
    width: 161px;
}

.doklad.poukaz #pozadovano {
    height: 105px;
    left: 10px;
    top: 260px;
    width: 460px;
}

.doklad.poukaz #poznamka {
    height: 75px;
    left: 90px;
    top: 375px;
    width: 380px;
}

.doklad.poukaz #datum {
    left: 100px;
    text-align: center;
    top: 445px;
    width: 120px;
}

.doklad.poukaz #lekar {
    left: 50px;
    text-align: center;
    top: 490px;
    width: 205px;
}

.doklad.poukaz #razitko {
    left: 60px;
    position: absolute;
    top: 460px;
    width: 200px;
}



.doklad.hlavicka div.tab {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: -420px;
    position: absolute;
    top: 425px;
    transform: rotate(90deg); /*MP 2.5.17 - změna z minus na plus -> email z 27.4.17*/
    /* width: 1083px;*/
    width: 1023px;
}

.doklad.hlavicka div.tab div.body {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
}

.doklad.hlavicka table.tab {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
}



.doklad.hlavicka tr.odd {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.doklad.hlavicka td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-width: 3px;
    font-size: 50px;
    font-weight: 700;
    line-height: 170px;
    padding: 0 0 0 20px;
}

.doklad.hlavicka ul {
    left: 160px;
    position: absolute;
    top: 150px;
}

.doklad.hlavicka li {
    font-size: 18px;
    list-style: none outside none;
    margin-top: 2px;
}

.doklad.hlavicka p#pojistovna {
    font-size: 16px;
    left: 510px;
    position: absolute;
    top: 30px;
    width: 150px;
}
.doklad.faktura,
.doklad.dluh {
    width: 560px;
    height: 356px;
}

.doklad.faktura img#razitko,
.doklad.dluh img#razitko {
    left: 70px;
    position: absolute;
    top: 280px;
    width: 180px;
}

.doklad.faktura p,
.doklad.faktura ul,
.doklad.dluh p,
.doklad.dluh ul {
    font-size: 16px;
    position: absolute;
    margin: 0;
}

.doklad.faktura p#titulek,
.doklad.dluh p#titulek {
    font-size: 18px;
    font-weight: 700;
    left: 10px;
    top: 4px;
}

.doklad.faktura p#datum,
.doklad.dluh p#datum {
    font-size: 12px;
    left: 450px;
    top: 6px;
    min-width:	120px
}

.doklad.faktura ul#adresa,
.doklad.dluh ul#adresa {
    left: 315px;
    list-style: none outside none;
    top: 60px;
}


.doklad.faktura p#ucel-platby,
.doklad.dluh p#ucel-platby {
    left: 10px;
    top: 205px;
    width: 340px;
}





.doklad.faktura p#typ-operace,
.doklad.dluh p#typ-operace {
    left: 380px;
    top: 205px;
}



.doklad.faktura p#castka,
.doklad.dluh p#castka {
    left: 440px;
    text-align: right;
    top: 205px;
    width: 100px;
}


.doklad.kPodpisu {
    height: 105mm;
    width: 148mm;
    position:relative;
}

.doklad.kPodpisu .line {
    border-top: 2px solid black;
    margin-left: 40px;
    width: 519px;
}

.doklad.kPodpisu #pojistovna {
    position: absolute;
    right: 0;
}

.doklad.kPodpisu li {
    list-style: none outside none;
}

.doklad.kPodpisu textarea {
    height: 150px;
    margin-left: 40px;
    width: 519px;
}

.doklad.kPodpisu #podpis{
    position: absolute;
    right: 0;
    bottom: 20px

}
.doklad.kPodpisu #datum{
    position: absolute;
    right: 65px;
    bottom: 0;

}

.doklad.kPodpisu #podpis > p{
    float: left;
}

.doklad.kPodpisu #podpis > p:last-of-type{
    border-bottom: 2px dotted black;
    width: 200px;
}



/********************************************************/

.printButton a {
    background-color: #000000;
    border-radius: 5px;
    color: #FFFFFF !important;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    margin-right: 30px;
    padding-top: 4px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    top: 60px;
    width: 86px;
    z-index: 2;
}

.ereceptButton a {
    background-color: #000000;
    border-radius: 5px;
    color: #FFFFFF !important;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    margin-right: 30px;
    padding-top: 4px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    top: 100px;
    width: 86px;
    z-index: 2;
}

.body .printButton.objednavky  {
    height: 0px;
}

.body .printButton.objednavky a {
    left: 800px;
    position: relative;
    top: -60px;
}

.clientInfo {
    background-color: white;
    margin-bottom:	15px
}

.clientInfo td {
    padding-top: 5px;
}

.clientInfo .small{
    font-size: 70%;
    /*	width:		270px;*/
    border-top: 1px solid black;
    padding-left:	10px;
    display:	block;
    margin-right:	20px;

}

.clientInfo h1 {
    color: #000000;
    font-size: 17px;
    font-weight: 700;
    padding: 0;
}

.clientInfo td.secondCol, .clientInfo td.thirdCol {
    width: 300px;
}

.clientInfo td.firstCol {
    width: 375px;
}

.rc td:first-child {
    padding-right: 30px;

}


.rc td {
    border-left: 3px solid;
    border-right: none;
    border-top:	3px solid;
    border-bottom:	3px solid;
    padding: 1px 3px;
}

.rc td:nth-child(odd), .rc td:nth-child(10) {
    border-left: 1px solid;
}

.rc td:first-child {
    border-left: 3px solid;
}


.rc td:last-child {
    border-right: 3px solid;
}

.zp td {
    border-top: 3px solid;
    border-bottom: 3px solid;
    padding: 1px 3px;
}

.zp td:first-child {
    border-left: 3px solid;
    padding-right:	20px
}

.zp td:last-child {
    border-right: 3px solid;
}

.poznamka, #poznamka  {
    font-style: italic;
}


.buttonDesktop a {
    background-image: url("img/bg-button.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    margin: 10px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 149px;
}


.buttonDesktop a:nth-child(4), .buttonDesktop a:nth-child(1) {
    margin-left: 100px;
}

div.nahradnici {
    float:	left;
}

table.tab .firstPage > td {
    padding-top: 5px;
    padding-bottom: 5px;
}


.scriptTime {
    left: 50%;
    position: absolute;
}


.breadCrumb {
    position:relative;
    top:	-40px;
    left: -20px;
}

.printThisWindow #cardNumber {
    position: absolute;
    right: 30px;
    top: -5px;
}

table.ordinaceTermin {
    position: relative;
    width: 100%;
}

table.ordinaceTermin td:last-child {
    width: 95%;
}



/*************** tisk ***************************/

@media print {
    div.buttonClose, .scriptTime, .printButton{
        display:none
    }

    .doklad.recept #background, .doklad.vymenny_list #background, .doklad.poukaz #background{
        display:none;
    }

    #header-private,
    #menu,
    .filter,
    .button-back,
    .filter-link,
    .paginate,
    .noPrint {
        display:none
    }

    img{
        /*display:none;*/
    }

    @page print {
        margin: 0;
    }


    .doklad.vymenny_list,
    .doklad.recept,
    .doklad.recept.erecept,
    .doklad.poukaz {
        margin: 0px;
    }



    .window {
        margin: 0 !important;
    }



    table.tab th, table.tab td  {
        border: 1px solid #000000;
    }



    /******************* TISK DOKLADŮ ******************************/

    .doklad.vymenny_list #do {

        top: 36px;
    }
    .doklad.vymenny_list #jmeno {
        left: 96px;
        top: 46px;
    }
    .doklad.vymenny_list #ulice {
        left: 96px;
        top: 51px;
    }
    .doklad.vymenny_list #psc {
        left: 96px;
        top: 55px;
    }
    .doklad.vymenny_list #mesto {
        left: 11px;
        top: 55px;
    }
    .doklad.vymenny_list #datum {
        top: 75px;
    }
    .doklad.vymenny_list #razitko {
        top: 446px;
        left: 150px;
    }





    .printRotate {
        position: relative;
        transform: rotate(-90deg);
    }

    .doklad.faktura.printRotate,
    .doklad.dluh.printRotate {
        left: 88px;
        top: 90px;
    }



    #objednavky.printRotate {
        height: 368px;
        left: 115px;
        top: 69px;
        width: 520px;
    }

    .doklad.kPodpisu.printRotate {
        left: 103px;
        top: 72px;
    }



    .doklad.recept,
    .doklad.vymenny_list {
        left: 216px;
    }

    .doklad.recept.erecept img {
        margin-left: -0.9cm;
    }

    .window div.tab div.body {
        padding: 0;
    }

    .window div.tab div.header, .window div.tab div.footer {
        display: none;
    }

    h3 {
        color: #000000;
    }








    .doklad.poukaz #pojistovna {
        left: 25px;
        top: 34px;
    }

    .doklad.poukaz #ipc {
        left: 246px;
        top: 11px;
    }

    .doklad.poukaz #datum1 {
        left: 373px;
        top: 34px;
    }

    .doklad.poukaz #odbornost {
        left: 325px;
        top: 34px;
    }

    .doklad.poukaz #jmeno {
        left: 133px;
        top: 116px;
    }

    .doklad.poukaz #rc {
        left: 112px;
        top: 141px;
    }

    .doklad.poukaz #pozadovano {
        left: 36px;
    }

    .doklad.poukaz #poznamka {
        left: 114px;
    }

    .doklad.poukaz #datum {
        left: 100px;
        top: 450px;
    }


    .doklad.recept #pojistovna {
        left: -17px	;
        top: 34px;
    }
    .doklad.recept #jmeno {
        left: 115px;
        top: 69px;
    }
    .doklad.recept #rc {
        left: 132px;
        top: 94px;
    }
    .doklad.recept #ulice {
        left: 131px;
        top: 114px;
    }
    .doklad.recept #mesto {
        left: 191px;
        top: 132px;
    }
    .doklad.recept #psc {
        left: 131px;
        top: 132px;
    }
    .doklad.recept #datum {
        left: 59px;
        top: 441px;
    }
    .doklad.recept #razitko {
        left: 39px;
        top: 451px;
    }

    .print.pacientsList {
        margin: 15px;
    }

    .erecept-menu {
        display: none;
    }

    /***************** KONEC TISKU DOKLADŮ *************************/



}
div.poznamka-kalendar {
    position: relative;
    width: 840px;
    padding: 0;
    margin: 0;

}
div.poznamka-kalendar .submit{
    position: absolute;
    right: 0px;
    top: 9px;
    width: 120px;
    padding: 0;
}
div.poznamka-kalendar .submit input{
    background-size: 100px 47px !important;
    width:	100px;
    /*height: 47px;*/
    background-color: transparent;
    border-style:				none;
    /*
    background-image:   url('img/bt-formular-submit.png');*/
    height: 35px;
    margin:							0px;
    margin-top: 6px;
    background-repeat:  no-repeat;
    background-position:0px 0px;
    background-image: none;

    background-color: #f5dc00;
    border: 1px solid #e1b105;
    border-radius: 3px;
    color: black;

    padding-top:				0px;
    text-align:					center;

    text-decoration: none;
    letter-spacing: 1px;
    font-family: arial;
    font-size:	14px;
    font-weight: normal;/*
    background-color: inherit;
    background-image: url("img/small-btn.png");
      background-repeat: no-repeat;
      color: #0f8894 !important;
      width: 120px;
      height: 29px;*/
}

.ckeditor td.submit input.ulozit {
    background-image: none;
    background-color: #f5dc00;
    border: 1px solid #e1b105;
    border-radius: 3px;
    color: black;
    height: 40px;
    width: 130px !important;
    max-width: none;
}

div.poznamka-kalendar .label{
    width: 80px;
    display: none;
}
div.poznamka-kalendar form{
    padding: 0 0 0 0;
    margin: 0;
}
div#kalendarMesic {
    position:relative;
}
div#kalendarMesic div.poznamka-kalendar{
    left: 700px;
    position: absolute;
    top: 22px;
}
div#kalendarMesic div.poznamka-kalendar-fix{
    position: fixed;
    top: 127px;
    left: 5px;
}
div#kalendarMesic div.poznamka-kalendar .submit{
    top: 0;
}

div.poznamka-kalendar div.form-content{
    background: none !important;
    border: none !important;
}
div.poznamka-kalendar .form-header,div.poznamka-kalendar .form-footer{
    display: none;
}


div.poznamka-kalendar textarea{
    resize:vertical;
    margin-left: 8px;
    height: 33px;
    width: calc(100% - 135px);
}
.kalendarRight	div.poznamka-kalendar, .kalendarTyden div.poznamka-kalendar{
    margin-bottom: 8px;
    background: none repeat scroll 0 0 #eeeeee;
    border-radius: 20px;
    margin-bottom: -15px;
    padding-top: 10px;
    z-index: 0;
}
.kalendarRight	.tab .body, .kalendarTyden .tab .body{
    z-index:1;
    position: relative;
}
.kalendarTyden div.poznamka-kalendar{
    width: 825px;
    margin-bottom: -35px;
}


.tables_archiv {
    width: 1000px;
    position: relative;
    margin-top: 20px;
}

.tables_archiv div.tab {
    width: 165px;
}

.tables_archiv div.tab div.body {
    background-color: transparent;
    padding: 0px 5px 10px 5px;
}

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

#popup_tisk, #popup_tisk2{
    width: 505px;
    height:180px;
}

#popup_tisk .content, #popup_tisk2 .content {
    width: 505px;
    height: 180px;
}

#popup_tisk h2, #popup_tisk2 h2{
    margin: 20px 0px 0px 30px;
    text-align: left;
}
#popup_tisk p, #popup_tisk2 p {
    text-align: left;
    margin: 20px 28px 25px;
}

#popup_tisk .btns, #popup_tisk2 .btns{
    margin: 0px auto;
    display: inline-block;
}



#popup_tisk .button, #popup_tisk2 .button {
    float: left;
    font-family: Arial;
    font-size: 14px;
    color: #0f8894;
    text-decoration: none;
    font-weight: normal;
    background-image: url("img/small-btn.png");
    background-size: 100% 30px;
    display: block;
    height: 15px;
    line-height: 10px;
    position: relative;
    text-decoration: none;
    left: 0;
    width: initial;
    padding: 10px 20px;
    cursor: pointer;
}

#popup_tisk2 .button {
    margin-right: 20px;
}

.tab_tisk table.tab td a.smallBtn{
    width: 91px;
}

a.switch-recept, a.switch-erecept {
    color: #0F8894 !important; 
    background-image: url("img/small-btn.png");
    background-size: 100% 29px;
    display: inline-block;
    height: 29px;
    text-decoration: none;
    width: 85px;
    text-align: center;
    line-height: 29px;
}

input.yellow-button {
    background-image: none;
    background-color: #f5dc00;
    border: 1px solid #e1b105;
    border-radius: 3px;
    color: black;
    height: 25px;
    width: 150px;
    max-width: none;  
    cursor: pointer;
    margin-bottom: 10px;
}


.repetatur, .rodina {
    padding-left: 164px;
}

.karta-zaznamy-new {
    position: relative;
}

.karta-zaznamy-new .karta-zaznamy-btns {
    left: 990px;
    top: 20px;
    position: absolute;
}

.karta-zaznamy-new .karta-zaznamy-btns a.smallBtn {
    position: static;
    display: block;
    width: 180px;
    background-size: 180px 30px;
}

.karta-zaznamy-new tr.zuby td a {
    min-height: 0;
}

table.tab td.cekanavyrizeni,
table.tab td.klientreagoval,
table.tab td.cekanareakci,
div.table-bookmark.error_report table.tab tr td.tb-text.cekanavyrizeni,
div.table-bookmark.error_report table.tab tr td.tb-text.klientreagoval,
div.table-bookmark.error_report table.tab tr td.tb-text.cekanareakci,
td.nezjisteno
{
    background: #FFCC99;
    text-align: center;
}


table.tab td.klientreagoval, 
table.tab td.cekanareakci, 
div.table-bookmark.error_report table.tab tr td.tb-text.klientreagoval, 
div.table-bookmark.error_report table.tab tr td.tb-text.cekanareakci {
    font-weight: bold;
}

table.tab td.uzavreny,
div.table-bookmark.error_report table.tab tr td.tb-text.uzavreny{
    background: #d0ffcb;
    text-align: center;
}

table.tab td.kuzavreni,
div.table-bookmark.error_report table.tab tr td.tb-text.kuzavreni,
td.opravachybyklienta /* PM_TIKET */,
div.table-bookmark.error_report table.tab tr td.tb-text.opravachybyklienta /* PM_TIKET */ {
    background: #9cdbff;
    text-align: center;
}

table.tab td.otevreny, 
table.tab td.znovuotevreny,
div.table-bookmark.error_report table.tab tr td.tb-text.znovuotevreny,
div.table-bookmark.error_report table.tab tr td.tb-text.otevreny,
td.opravanasichyby, /* PM_TIKET */
div.table-bookmark.error_report table.tab tr td.tb-text.opravanasichyby /* PM_TIKET */ {
    background: #FFFF99;
    text-align: center;
}


.ano, .volase, .aktivni, .potvrzeny, .otevrena, .hotova {
    background-color: #d0ffcb;
    text-align: center;
    color: black;
}

.ne, .nevolase, .neaktivni, .odstraneny, .uzavrena, .rozpracovana,
td.viceprace, /* PM_TIKET */
div.table-bookmark.error_report table.tab tr td.tb-text.viceprace /* PM_TIKET */ {
    background-color: #FFD6CD;
    text-align: center;
    color: black;
}

#error_report_count {
    float: left;
    font-weight: normal;
    position: absolute;
    left: 40px;
    top: 0px;
    padding: 0 !important;
    border: none !important;
    background-color: yellow;
    border: 1px solid yellow;
    border-radius: 100%;
    color: black !important;
    font-size: 9px !important;
    width: 15px;
    height: 15px;
    line-height: 15px;
    min-height: 15px;
    min-width: 15px;
    text-align: center !important;
}

/**
* DM PM_TIKET
*/
label[for='typ_viceprace'],
#typ_viceprace {
    position: absolute;
    top: 240px;
    left: 650px;
    z-index: 100;
}

label[for='typ_chyba_devel'],
#typ_chyba_devel  {
    position: absolute;
    top: 263px;
    left: 650px;
    z-index: 100;
}

label[for='typ_chyba_klient'],
#typ_chyba_klient  {
    position: absolute;
    top: 286px;
    left: 650px;
    z-index: 100;
}

#typ_viceprace,
#typ_chyba_devel,
#typ_chyba_klient {
    left: 630px;
}

.tb-text.description {
    max-width: 500px;
}

a.hidden {
    display: none;
}


/* TB 15.1.2019 */
.edit-diag-form {
    height: 300px;

}

.k-vykazani-filter {
    width: 820px !important;
}




/* TB 16.1.2019 - bpopup, nakopirovano */

/**

DAVKY POPUP

*/

#popup_varovani.warning-davky, 
#popup_varovani.warning-verify {
    width: 700px;
}

#popup_varovani.warning-davky .btns, 
#popup_varovani.warning-verify .btns {
    width: 660px;
}

#popup_varovani.warning-davky .btns .button, 
#popup_varovani.warning-verify .btns .button {
    width: 160px;
    height: 32px;
    background-image: none; /* TB 16.1.2019 */
}

#popup_varovani.warning-davky .bClose, .popup_krizClose, 
#popup_varovani.warning-verify .bClose, .popup_krizClose {
    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;
    z-index: 1;
}

#popup_varovani.warning-verify .btns .popup_varovaniClose {
    margin: 0 auto;
    float: none;
    left: auto;
    padding: 12px 20px 0;
}



/* TB 18.1.2019 */

#content-private div.right {
    float: right;
    margin-bottom: -50px;
    width: calc(100% - 840px);
}

.send_sms.formular textarea{
    padding: 4px;
    width: 288px;
    resize: none;
    overflow: hidden;
    background-color: #FFFFFF;
    overflow-y: auto;
}

.sms_tags a {
    position: absolute;
    top: 120px;
    left: 550px;
    margin: 0 !important;
}

table.tab th.multi_check{
    background-size: 100% 100%;
}

table.tab th.multi_check .table-button{
    margin-left: 20px;
    border: none;
    border-radius: 3px;
    background-color: #FFF;
    height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.sms_hromadne.formular textarea#clients{
    height: 200px;
}



.sms_hromadne.formular textarea{
    padding: 4px;
    width: 350px;
    resize: none;
    overflow: hidden;
    background-color: #FFFFFF;
    overflow-y: auto;
}

.mustr {
    position: absolute;
    width: 150px;
}

.mustr#mustr_subj {
    left: 370px;
    top: 182px;
}

.mustr#mustr_obj {
    left: 370px;
    top: 280px;
}

.mustr#mustr_r1 {
    left: 398px;
    top: 198px;
    width: 130px;
}

.mustr#mustr_r2 {
    left: 398px;
    top: 360px;
    width: 130px;
}

.mustr#mustr_poukaz {
    left: 127px;
    top: 241px;
}

.mustr#mustr_podpis {
    left: 566px;
    top: 135px;
}

.printZaznam {
    width: 138mm;
    padding: 5mm;
    border: 1px solid black;
    position: relative;
}

@media print {

    .printZaznam {
        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        transform:rotate(-90deg);
        position: relative;
        top: 72px;
        left: 103px;
    }
}