@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700,800&subset=latin-ext');

HTML, BODY { height:100%; }
BODY { margin:0; padding:0; color:#555555; background:url('/page/img/bg-nl.jpg') no-repeat center top; }
* { font-family:'Work Sans',Arial,Tahoma,Helvetica,sans-serif; font-size:16px; }
HEADER { background:#fff; }
HEADER .wrap { padding:20px 275px 20px 245px; vertical-align:middle; }
HEADER .top-portal { display:block; vertical-align:middle; }
HEADER .zone { width: 250px; right:0px; text-align:right; }
HEADER .zone A { display:inline-block!important; margin-left:15px; font-size:10px; text-align:center; text-transform:uppercase; }
HEADER .zone A:first-child { margin-left:0; }
HEADER .zone .fa { display:block; margin-bottom:3px; font-size:36px; }

#page, #page .wrap { background:transparent; }
#page { height:calc(100% - 123px); }
#page .wrap, #middle, #page #content { height:100%; }
#page #content { float:none; width:100%; padding:0; display:flex; justify-content:center; align-items:center; overflow:auto; }
#login-box, #profile-box { padding:0 40px 20px; background:#fff; border-radius:10px; box-shadow:3px 3px 9px #aaaaaa; }
H2 { width:100%; margin-bottom:15px; box-shadow:none; background:transparent; text-align:center; }
.page-login #content .box { box-shadow:none; background:transparent; border:0 none; padding:0; text-align:center; }
MAIN { width:100%; max-height:calc(100% - 20px); margin:10px 0; padding:0px 20px 22px; background:#fff; border-radius:10px; overflow:auto; }
MAIN > H1, #login-box H1, #profile-box H1 { margin:0 -20px 20px; padding:7px 20px 10px; background-color:#297bc6; color:#fff; border-radius:10px 10px 0 0; }
#login-box H1, #profile-box H1 { margin:0 -40px 20px; padding:7px 40px 10px; text-align:center; }
MAIN H2 { text-align:left; }

#content #profile-box .box { line-height:24px; }
#content .box LABEL { display:inline-block; padding-right:15px; width:75px; text-align:right; }
#content #profile-box .box LABEL { width:145px; }
#content #profile-box .box LABEL.full { width:auto; }
#content .box INPUT { display:inline-block; margin:0 0 10px 0; width:225px; text-align:left; }
#content #login-box .box INPUT, #content #profile-box .box INPUT { width:300px; }
#content #profile-box .box SELECT#prefix { width:100px; padding:1px 0 1px 5px; text-align:left; }
#content #profile-box .box INPUT#mobile { width:200px; }
#content .box INPUT[type='checkbox'], #content .box INPUT[type='radio'] { width:auto!important; }
#content .box BUTTON { float:right; }
#content .box .glost { float:left; }

.button, BUTTON { display:inline-block; width:auto; height:auto; line-height:initial!important; margin:0 5px; padding:7px 15px; border:0px none; color:#ffffff!important; font-size:16px; font-weight:600; font-family:Calibri,Arial,Tahoma,Helvetica,sans-serif; vertical-align:middle; border-radius:5px; cursor:pointer; }
.button, BUTTON { background: #002856!important; }
.full-buttons .button, .full-buttons BUTTON { width:100%; margin-bottom:5px; }
.button:hover, BUTTON:hover { background: #297BC6!important; }
.button.green, BUTTON.green { background:#35A612!important; }
.button.green:hover, BUTTON.green:hover { background:#48CE1F!important; }
.button.orange, BUTTON.orange { background:#F47500!important; }
.button.orange:hover, BUTTON.orange:hover { background:#FF9900!important; }

.form-alert { margin:0 -20px 20px; padding:5px 20px; background:rgba(255,153,0,.5); line-height:24px; text-align:center; border-radius:10px; }

#order_popup, #order_popup * { font-size:18px; }
#order_popup SMALL, #order_popup SMALL * { font-size:13px; }
#order_popup STRONG { font-weight:600; }
#order_popup STRONG SPAN { font-weight:800; }
#order_popup INPUT { width:100%; padding:5px 10px; }

/*  */

A	{ color:#297bc6; text-decoration:none; }
A:hover	{ color:#c0c0c0; text-decoration:none; }

#footer { position:fixed; bottom:0px; left:0px; right:0px; padding:5px 10px; border-top:1px solid #297bc6; background:#fff; z-index:99; }
#footer * { font-size:12px; }
#footer .mkl-cms { color:#c0c0c0; text-decoration:none; }
#footer .mkl-cms:hover { color:#297bc6; text-decoration:none; }

#ordersTable { width:100%; border-collapse:collapse; }
#ordersTable TH, #ordersTable TD { padding:5px 10px; }
#ordersTable TR + TR > TD { padding-top:20px; }
#ordersTable TD.term { width:15%; text-align:center; }
#ordersTable TD.term .day { padding:3px 0 0; background:#297BC6; color:#fff; font-size:12px; border-radius:5px 5px 0 0; }
#ordersTable TD.term .date { padding:0 0 3px; background:#297BC6; color:#fff; font-size:18px; font-weight:700; }
#ordersTable TD.term .time { padding:5px 0; background:#03B8EC; color:#fff; font-size:40px; font-weight:700; border-radius:0 0 5px 5px; }
#ordersTable .calOn TD.term .time { border-radius:0 0 5px 0;  }
#ordersTable TD.doctor { width:45%; }
#ordersTable TD.doctor .dr-name { padding:0 0 10px; font-size:28px; font-weight:600; }
#ordersTable TD.doctor .dr-spec { font-size:18px; }
#ordersTable TD.doctor .dr-addr, #ordersTable TD.doctor .dr-addr STRONG { font-size:13px; }
#ordersTable TD.doctor .dr-addr { padding:5px 0 5px; }
#ordersTable TD.ident { width:15%; }
#ordersTable TD.ident DIV { padding:5px 0; line-height:14px; font-size:12px; text-align:center; }
#ordersTable TD.ident DIV SPAN { font-size:12px; font-weight:600; }
#ordersTable TD.full-buttons { width:25%; }
#ordersTable TD.ordCalendarBox { padding:0 10px; border-top:0 none; }
#ordersTable TD.ordCalendarBox #user-cal.page-content { padding:0!important; border-radius:10px; background:#fafafa; }
.ordCalendarBox .doctors .orders-label { border-radius:0 10px 0 0; }
.ordCalendarBox .doctors .orders-days { background:rgba(0,173,216,.2); }
.ordCalendarBox .doctors .orders-cal { background:rgba(0,173,216,.2); border-radius:0 0 10px 10px; }
#ordersTable TD.full-buttons DIV .fa { display:none; }

#ordersTable .ordDate, #ordersTable .ordTime, #ordersTable .ordButtons { text-align:center; }
#ordersTable .ordButtons { width:90px; }
#ordersTable .ordButtons A { display:inline-block; margin:0 7px; }
#content #user-cal.page-content { position:relative; padding:10px 5px; }
#ordCalClose { position:absolute; top:15px; right:15px; color:#fff; }
#ordCalClose:hover { color:#48ce1f; }
.doctors .orders-days #order-days, .doctors .orders-cal #order_hours { width:100%; padding:15px 30px; }
.doctors .orders-cal { width:100%; padding:0 30px; border-bottom:0 none; border-right:0 none; }
#order_hour_prev { left:0; }
#order_hour_next { right:0; }
#order_hour_more { left:30px; right:30px; }

@media only screen and ( min-width: 769px) and ( max-width: 1024px) {
	HEADER .top-portal { max-width:100%; }
}

@media only screen and ( min-width: 481px) and ( max-width: 768px) {
	HEADER .wrap { display:block; padding:20px 250px 20px 220px; }
	HEADER .logo { border-right:0 none; }
	HEADER .top-portal { display:none; }
	HEADER .zone { display:block; border-left:0 none; }
	#page .wrap { padding:0 3px; }
	#ordersTable .ident { display:none; }
	#ordersTable TD.term .date { font-size:14px; }
	#ordersTable TD.term .time { font-size:32px; }
	#ordersTable TD.doctor .dr-name { font-size:20px; padding:0 0 5px; }
	#ordersTable TD.doctor .dr-spec { font-size:16px; }
	#ordersTable TD.doctor .dr-addr { font-size:10px; padding:0; }
	#ordersTable TD.full-buttons * { font-size:14px; }
}

@media only screen and ( max-width: 480px) {
	HEADER .wrap { display:block; height:70px; padding:10px; }
	HEADER .logo { width:calc(100% - 200px); height:70px; padding:10px 25px 10px 15px; border-right:0 none; vertical-align:middle; }
	HEADER .logo IMG { vertical-align:middle; }
	HEADER .top-portal { display:none; }
	HEADER .zone { display:block; width:190px; height:70px; padding:10px; border-left:0 none; }
	HEADER .zone A { margin-top:8px; font-size:8px; }
	HEADER .zone A .fa { font-size:24px; }
	MAIN > P { font-size:12px; }
	#ordersTable .ident { display:none; }
	#ordersTable TD.term .day { font-size:9px; }
	#ordersTable TD.term .date { font-size:10px; padding:0 2px 3px;}
	#ordersTable TD.term .time { font-size:20px; padding:5px 2px; }
	#ordersTable TD.doctor .dr-name { font-size:14px; padding:0 0 5px; }
	#ordersTable TD.doctor .dr-spec { font-size:10px; }
	#ordersTable TD.doctor .dr-addr { display:none; }
	#ordersTable TD.full-buttons { width:10%; }
	#ordersTable TD.full-buttons * { font-size:12px; }
	#ordersTable TD.full-buttons A SPAN { display:none; }
	#ordersTable TD.full-buttons DIV EM { display:none; }
	#ordersTable TD.full-buttons DIV .fa { display:inline; font-size:28px; color:#c00; }
	#footer { display:block; }
	#footer .align-left { font-size:8px; }
}


::-webkit-scrollbar { width:16px; height:16px; background-color:#f5f5f5; }
::-webkit-scrollbar-button { width:16px; height:5px; line-height:20px; background-color:#f5f5f5; margin:5px 0; text-align:center; cursor:pointer; }
/*
::-webkit-scrollbar-button:single-button { position:relative; display:block; background-color:#f5f5f5; width:16px; height:20px; }
::-webkit-scrollbar-button:single-button:vertical:decrement { border-width:0 8px 8px 8px; border-color:transparent transparent #03b8ec transparent; }
::-webkit-scrollbar-button:single-button:vertical:decrement:hover { border-color:transparent transparent #3a89c9 transparent; }
::-webkit-scrollbar-button:single-button:vertical:increment { margin-top:3px; border-width:8px 8px 0 8px; border-color:#03b8ec transparent transparent transparent; }
::-webkit-scrollbar-button:single-button:vertical:increment:hover { border-color:#3a89c9 transparent transparent transparent; }
*/
::-webkit-scrollbar-thumb { width:16px; height:16px; background-color:#03b8ec; border:2px solid #f5f5f5; border-radius:8px; cursor:pointer; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { width:16px; border:2px solid #f5f5f5; background-color:#aaddec; border-radius:8px; box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-corner { background:transparent; }

/*
H1, H2, H3 { margin:0; padding:0 0 8px; color:#297BC6; font-weight:bold; }
H4, H5, H6 { margin:0; padding:0 0 5px; color:#555555; font-weight:bold; }
H1, H1 * { font-size:22px; }
H2, H2 * { font-size:20px; }
H3, H3 * { font-size:18px; }
H4, H4 * { font-size:16px; }
H5, H5 * { font-size:15px; }
H6, H6 * { font-size:14px; }


A.two { color:#297bc6; text-decoration:none; font-size:100%; }
A.two:hover	{ color:#c0c0c0; text-decoration:none; }

A.orange-bold { color:#f18318; font-weight:bold; text-decoration:none; font-size:100%; }
A.orange-bold:hover	{ color:#008d36; font-weight:bold; text-decoration:none; }

P       { margin:0 0 1em 0; }

UL { margin:0; padding:0; list-style-type:none; }
UL LI { margin:0; padding:2px 0 2px 25px; background:url('../img/li.png') no-repeat 2px 2px; _background:url('../img/li.gif') no-repeat top left; }

.ui-widget-content A.button { color:#fff; }
BUTTON, .button { display:inline-block; width:auto; margin:1px; padding:5px 10px; border:0px none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url('../img/bg-button.png') repeat-x center; color:#ffffff; font-size:16px; font-weight:bold; text-decoration:none; vertical-align:middle; cursor:pointer; }
BUTTON:hover, .button:hover { margin:0; border:1px solid #777; color:#fff; text-decoration:none; text-shadow:0px 0px 1px #ddd; }
BUTTON.disabled { background: #dddddd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dddddd 0%, #aaaaaa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#aaaaaa));
	background: -webkit-linear-gradient(top,  #dddddd 0%,#aaaaaa 100%);
	background: -o-linear-gradient(top,  #dddddd 0%,#aaaaaa 100%);
	background: -ms-linear-gradient(top,  #dddddd 0%,#aaaaaa 100%);
	background: linear-gradient(to bottom,  #dddddd 0%,#aaaaaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#aaaaaa',GradientType=0 );
}
BUTTON.button-red, .button.button-red {
	background: #dd0000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dd0000 0%, #aa0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd0000), color-stop(100%,#aa0000));
	background: -webkit-linear-gradient(top,  #dd0000 0%,#aa0000 100%);
	background: -o-linear-gradient(top,  #dd0000 0%,#aa0000 100%);
	background: -ms-linear-gradient(top,  #dd0000 0%,#aa0000 100%);
	background: linear-gradient(to bottom,  #dd0000 0%,#aa0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0000', endColorstr='#aa0000',GradientType=0 );
}
BUTTON.button-green, .button.button-green {
	background: #1bb700;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiYjcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDgyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1bb700 0%, #048200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1bb700), color-stop(100%,#048200));
	background: -webkit-linear-gradient(top,  #1bb700 0%,#048200 100%);
	background: -o-linear-gradient(top,  #1bb700 0%,#048200 100%);
	background: -ms-linear-gradient(top,  #1bb700 0%,#048200 100%);
	background: linear-gradient(to bottom,  #1bb700 0%,#048200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bb700', endColorstr='#048200',GradientType=0 );
}
BUTTON.button-orange, .button.button-orange {
	background: #eaac00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNTZiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eaac00 0%, #a56b00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaac00), color-stop(100%,#a56b00));
	background: -webkit-linear-gradient(top,  #eaac00 0%,#a56b00 100%);
	background: -o-linear-gradient(top,  #eaac00 0%,#a56b00 100%);
	background: -ms-linear-gradient(top,  #eaac00 0%,#a56b00 100%);
	background: linear-gradient(to bottom,  #eaac00 0%,#a56b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaac00', endColorstr='#a56b00',GradientType=0 );
}

.blue-bold { color:#297bc6; font-weight:bold; }

.small-text { font-size:12px; }
.large-text { font-size:16px; }
.box-silver { width:60%; margin:0 auto; padding:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#969696; color:#ffffff; }
.big-button { display:inline-block; width:210px; padding:10px 20px; border:1px solid #c0c0c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url('../img/bg-button.png') repeat-x center; color:#ffffff; font-size:24px; font-weight:bold; text-align:center; text-decoration:none; vertical-align:middle; cursor:pointer; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }
.big-button:hover { text-decoration:none; }

IMG.image-border { padding:1px; background:#c0c0c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#page { width:980px; margin:0 auto; position:relative; }
#header { padding:10px; }

H2 { padding:5px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background : url('../img/bg-caption-blue.png') repeat-x center; color:#ffffff; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }
H2 A { color:#ffffff; font-size:20px; text-decoration:none; }
H2 A:hover { color:#e4f4fc; text-decoration:underline; }

#tools { margin:5px 0 0 0; padding:3px 10px 3px 20px; }
#tools .page-path { color:#c0c0c0; font-size:14px; line-height:18px; }
#tools .page-path A { color:#297bc6; font-size:14px; text-decoration:none; }

#middle { position:relative; margin:5px 0 0 0; }
#content H1 { margin:0; padding:7px 18px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; background:#eaeaea; font-size:28px; font-weight:bold; line-height:32px; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }

#content { min-width:720px; padding:100px 10px 50px 220px; }
#content .page-content { margin:10px 0 0 0; padding:15px; border-bottom:1px solid #c0c0c0; border:1px solid #c0c0c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fcfcfc; text-align:justify; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }
#content .page-content THEAD TD { background:#777777; color:#ffffff; font-weight:bold;text-align:center; }
#content .box { margin:10px 0 0 0; padding:15px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }
#content .box LABEL { display:inline-block; width:90px; text-align:left; }
#content .box INPUT { display:inline-block; margin:0 0 10px 0; width:200px; text-align:left; }
#content .box BUTTON { float:right; }
#content .box .glost { display:block; float:left; line-height:29px; }

#menu { position:relative; float:left; width:200px; margin:145px 0 0 0; border:1px solid #ccc; background:#eee; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; box-shadow:1px 3px 10px #777777; }
#menu A { display:block; padding:5px 10px; border-bottom:1px solid #ccc; font-weight:bold; text-decoration:none; }
#menu A.logout { border-bottom:0 none; color:#800; font-weight:bold; }
#menu A.logout:hover { color:#ff0000; }

.home H2 { text-align:center; }
.home #content { position:absolute; top:100px; left:50%; width:980px; min-height:300px; margin:0 0 0 -490px; padding:0; }
.home #content .col { width:330px; margin:0 25px 0 0; text-align:center; }
.home #content .col2 { width:625px; margin:0; text-align:left; box-sizing:border-box; }
.home #content .referencie { float:right; width:270px; margin:0; }
.home #content .referencie .box { font-size:14px; text-align:left; }
.home #content .referencie .box B { font-size:16px; }

#widgets-homepage { min-height:500px; height:auto !important; height:500px; }
#widgets-left { display:block; position:absolute; top:0px; left:0px; width:250px; padding:0 0 15px; }
#widgets-right { display:block; position:absolute; top:0px; right:0px; width:250px; padding:0 0 15px; }

.widget-item { padding:0 0 20px 0; position:relative; }
.widget-item P { margin:0; }
.widget-item UL, .widget-item OL { margin-top:0; margin-bottom:0; }
.widget-item .widget-border { padding:10px 20px; border:1px solid #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#ffffff url('../img/bg-widget.png') repeat-x center center; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }
.widget-item .blue { background:#f8f8f8 url('../img/bg-widget-blue.png') repeat-x bottom; }
.widget-item .blue H2 { font-size:24px; font-weight:bold; border-bottom:0 none; text-transform:uppercase; }
.widget-item .widget-border .widget-content { padding:5px 0; }
.widget-item .widget-plain .widget-content { padding:0; }
.widget-item .widget-blank { padding:10px 20px; border:1px solid #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#ffffff; box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }
.widget-item .doctor-search { padding:20px; }
.widget-item .doctor-stats .widget-content * { font-size:14px; }

.partners { text-align:center; padding:0 0 15px 0; }
.partners H3 { display:block; margin:0; padding:0 5px 0 0; }
.partners IMG { display:inline-block; margin:0; padding:0 15px 0 0; vertical-align:middle; }

.pages         { display:block; text-align:center; clear:both; }
.pages A,
.pages SPAN    { display:inline-block; margin:0 2px; padding:2px 4px; min-width:16px; width:auto !important; ?width:16px; height:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#eaeaea; text-decoration:none; }
.pages A       { background:#c0c0c0; color:#333333; }
.pages SPAN    { background:#eaeaea; color:#c0c0c0; }
.pages .active { background:#297bc6; color:#ffffff; font-weight:bold; }

.flags { display:block; float:right; height:auto; font-size:13px; }
.flags A { font-size:13px; }
.flags IMG { box-shadow: 3px 3px 9px #aaaaaa; -moz-box-shadow: 3px 3px 9px #aaaaaa; -webkit-box-shadow: 3px 3px 9px #aaaaaa; }

#bublina { position:absolute; z-index:10000; }
#bublina #bublina-content { padding:15px 20px; border:1px solid #c0c0c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#297bc6; color:#ffffff; text-align:center; }
#bublina #bublina-sipka { height:20px; margin:-1px 0 0 0; background:url('../img/bublina-arrow.png') no-repeat center top; }

#browser-alert { position:absolute; width:430px; top:5px; right:5px; padding:10px 15px; border:3px double #ffffff; background:#ff0000; color:#ffffff; font-weight:bold; text-align:justify; z-index:10000;}
#browser-alert A { color:#ffffff; }

.mkl-form { display:inline-block; clear:both; }
.mkl-form FIELDSET { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.mkl-form LABEL { display:inline-block; width:150px; margin-top:5px; }
.mkl-form LABEL.radio { display:inline-block; width:auto; }
.mkl-form INPUT { width:300px; padding:1px 3px; border:1px solid #bbbbbb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.mkl-form INPUT.radio { width:auto; }
.mkl-form INPUT.required { border:1px solid #297BC6; }
.mkl-form TEXTAREA { width:200px; padding:1px 3px; border:1px solid #bbbbbb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; vertical-align:top; }
.mkl-form .buttons { padding:5px 0 0; text-align:right; }
.mkl-form BUTTON { padding:5px 20px; }

:focus { outline:0; }
.hide { display:none; }
.clear { clear:both; }
.align-left { float:left; }
.align-right { float:right; }

ol li { padding-top:7px }

.filebox { display:inline-block; vertical-align:top; width:400px; }
.filebox .file { position:relative; display:inline-block; margin:0 4px 4px 0; padding:2px; border:1px solid #ccc; border-radius:5px; }
.filebox .file:hover:after { content:"X"; position:absolute; display:block; top:5px; right:5px; width:16px; height:16px; line-height:16px; background:#800; color:#fff; font-size:12px; font-weight:bold; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.openhours { display:inline-block; vertical-align:top; }
TEXTAREA.openhours { display:none; width:400px; height:160px; }
.openhours SPAN { display:inline-block; font-style:italic; text-align:center; }
.openhours SPAN.openhours-day { width:45px; margin-left:22px; }
.openhours SPAN.openhours-time { width:48px; }
.openhours SPAN.openhours-text { width:108px; }
.openhours SPAN.openhours-type { width:75px; }
.openhours-row * { vertical-align:middle; }
.openhours-row .openhours-time { width:40px; text-align:center; }
.openhours-row .openhours-text { width:100px; }
.openhours-row .openhours-type { width:130px; }
.mkl-form #orders-box LABEL { text-align:center; }
.mkl-form #orders-box LABEL.o-date { width:97px; }
.mkl-form #orders-box LABEL.o-time { width:57px; }
.mkl-form #orders-box LABEL.o-typ { width:127px; }
.mkl-form #orders-box LABEL.o-length { width:57px; }
.mkl-form #orders-box LABEL.o-name { width:172px; text-align:left; }
.mkl-form #orders-box LABEL.o-phone { width:142px; text-align:left; }
.mkl-form #orders-box LABEL.o-email { width:57px; text-align:left; }
.mkl-form INPUT.o-date { width:90px; text-align:center; }
.mkl-form INPUT.o-time { width:50px; text-align:center; }
.mkl-form SELECT.o-typ { width:120px; }
.mkl-form INPUT.o-length { width:50px; text-align:center; }
.mkl-form INPUT.o-name { width:165px; }
.mkl-form INPUT.o-phone { width:135px; }
.mkl-form INPUT.o-email { width:135px; }

.banner { position:fixed; top:0px; right:0px; margin:145px 30px 0; width:250px; min-height:200px; }
#banner-item { width:250px; height:450px; line-height:450px; background:#ccc; text-align:center; }

/ * css for timepicker * /
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

BODY .ui-tooltip { padding:7px 15px; border:0 none; background:#000; background:rgba(0,0,0,0.85); color:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.arrow { position:absolute; top:10px; left:-7px; width:0px; height:0px; border-style:solid; border-width:7px 7px 7px 0; border-color:transparent #000000 transparent transparent; border-color:transparent rgba(0,0,0,0.85) transparent transparent; }
.arrow.right { left:auto; right:-7px; border-width:7px 0 7px 7px; border-color:transparent transparent transparent #000000; border-color:transparent transparent transparent rgba(0,0,0,0.85); }
.arrow.bottom { top:auto; bottom:10px; }

.mceEditor { display:inline-block; vertical-align:top; }

#weeknum, #monthnum { position:relative; display:inline-block; width:50px; font-size:18px; font-weight:bold; text-align:center; vertical-align:middle; }
#weeknum:after, #monthnum:after { content:"týždeň"; position:absolute; top:0px; left:0px; width:50px; margin:0; font-size:12px; z-index:5; }
#monthnum:after { content:"mesiac"; }
#yearnum { position:relative; display:inline-block; width:50px; font-size:18px; font-weight:bold; text-align:center; vertical-align:middle; }
#yearnum:after { content:"rok"; position:absolute; top:0px; left:0px; width:50px; margin:0; font-size:12px; z-index:5; }
#calendar .caption {}
#calendar .caption .day { position:relative; display:inline-block; width:13%; padding:5px 0; background:#297bc6; color:#fff; font-weight:bold; text-align:center; }
#calendar .caption .day:before { content:""; position:absolute; top:0px; bottom:0px; left:0px; border-left:1px solid #fff; }
#calendar .caption .day.left { width:9%; }
#calendar .scroll { height:860px; margin-right:-20px; overflow:auto; }
#calendar .week-hours { margin:0; }
#calendar .week-hours .day-col { position:relative; display:inline-block; width:13%; vertical-align:top; }
#calendar .week-hours .day-col.left { width:9%; }
#calendar .week-hours .day-col .dhour { display:block; height:59px; line-height:59px; margin:0 0 0 1px; border-top:1px solid #297bc6; background:#e0e0e0; text-align:center; }
#calendar .week-hours .day-col .dhour.h10 { height:89px; line-height:89px; }
#calendar .week-hours .day-col .dhour.h5 { height:179px; line-height:179px; }
#calendar .week-hours .day-col .dhl { position:absolute; display:block; left:0px; right:0px; height:14px; margin:1px 0 0 1px; color:#888; font-size:10px; font-weight:normal; text-decoration:none; z-index:5; }
#calendar .week-hours .day-col .dhl:hover { background:#ccc; color:#000; font-size:12px; }
#calendar .week-hours .day-col .dhg { position:relative; display:block; height:14px; margin:0 0 0 1px; border-top:1px solid #ccc; background:#fafafa; font-size:10px; font-weight:normal; z-index:1; }
#calendar .week-hours .day-col .dhg.h00 { margin:0 0 0 1px; border-top:1px solid #297bc6; }
#calendar .week-hours .day-col .dhg.old { background:#f3f3f3; }
#calendar .week-hours .day-col .dhh { position:absolute; display:block; left:0px; right:0px; margin:1px 0 0 1px; z-index:2; }
#calendar .week-hours .day-col .dhh, #legend .dhh-amb { background:rgba(200,200,200,0.5); }
#calendar .week-hours .day-col .dhh.is-web, #legend .dhh-web { background:rgba(150,125,200,0.5); }
#calendar .week-hours .day-col .dho { position:absolute; display:block; left:0px; right:0px; margin:0 0 0 1px; border:1px solid #333; color:#000; font-size:14px; font-weight:bold; text-align:center; letter-spacing:1px; text-transform:uppercase; overflow:hidden; z-index:10; }
#calendar .week-hours .day-col .dho.t-block, #legend .dho-block { background:rgba(250,250,250,0.9); }
#calendar .week-hours .day-col .dho.t-main, #legend .dho-main { background:rgba(0,175,0,0.4); }
#calendar .week-hours .day-col .dho.t-ureg, #legend .dho-ureg { display:none; background:rgba(255,0,0,0.4); }
#calendar .week-hours .day-col .dho.t-inet, #legend .dho-inet { background:rgba(255,190,0,0.4); }
.stats .dho-main TD { color:rgb(0,175,0); }
.stats .dho-inet TD { color:rgb(255,190,0); }
.stats .dho-ureg TD { color:rgb(255,0,0); }
.stats .dho-total TD, .stats .dho-total TD * { font-size:18px; }
#calendar .week-hours .day-col .dho.isticket:before, #legend .dho-isticket:before { content:""; position:absolute; top:0px; left:0px; width:10px; height:11px; border:1px solid #aaa; background:rgba(255,255,255,0.9) url('../img/isticket.png') top left; z-index:20; }
#calendar .week-hours .day-col .dho.isnew:after, #legend .dho-isnew:after { content:""; position:absolute; top:0px; left:0px; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 0; border-color:#ff0000 transparent transparent transparent; z-index:20; }
#calendar .week-hours .day-col .dho A.btn-remove-order { position:absolute; display:block; top:0px; right:0px; width:16px; height:14px; line-height:14px; padding:0; background:rgba(255,0,0,0.75); color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; z-index:30; }
#calendar .week-hours .day-col .dho:hover A.btn-remove-order { display:block; }
#calendar .week-hours .day-col .dho A { color:#fff; font-size:13px; text-decoration:none; }
#calendar .week-hours .title-hover { position:absolute; top:100%; right:0px; padding:10px 15px; background:#ccc; z-index:99; }
#legend {  }
#legend .item { position:relative; display:inline-block; width:24%; font-size:16px; }
#legend .item SPAN { position:relative; display:inline-block; width:15px; height:15px; margin:0 10px 0 0; border:1px solid #ccc; vertical-align:middle; }

#week-list { position:absolute; width:200px; min-height:100px; margin-top:20px; border:1px solid #ccc; background:#eee; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; box-shadow:1px 3px 10px #777777; }
#week-list .func { margin-top:1px; }
#week-list .func A.btn { display:inline-block; width:22px; line-height:20px; margin:0 1px 1px 0; padding:0; border:1px solid #ccc; background:#ccc; text-align:center; }
#week-list .func .selected { display:inline-block; width:147px; line-height:20px; margin:0 1px 1px 0; padding:0; border:1px solid #ccc; text-align:center; }
#week-list .week { cursor:pointer; }
#week-list .week.active { background:#e0e0e0; }
#week-list .week:hover { background:#fafafa; }
#week-list .week .day, #week-list .week .weekn { display:inline-block; width:22px; line-height:20px; margin:0 1px 1px 0; border:1px solid #bbb; text-align:center; }
#week-list .week .day.active { font-weight:bold; }
#week-list .week .weekn { border:1px solid #eee; font-size:13px; font-weight:bold; }
#week-list .week.active .weekn { border:1px solid #e0e0e0; }
#week-list .week:hover .weekn { border:1px solid #fafafa; }

.mkl-form INPUT.v-name { width:calc(100% - 10px); }
.mkl-form INPUT.v-desc { width:calc(100% - 10px); }
.mkl-form INPUT.v-code { width:50px; }
.mkl-form INPUT.v-len { width:50px; }
.vys-pink   { background:#ff69b4 !important; color:#000 !important; }
.vys-red    { background:#cd5c5c !important; color:#000 !important; }
.vys-purple { background:#8a2be2 !important; color:#fff !important; }
.vys-dblue  { background:#00008b !important; color:#fff !important; }
.vys-lblue  { background:#00bfff !important; color:#000 !important; }
.vys-cyan   { background:#00ced1 !important; color:#000 !important; }
.vys-green  { background:#90ee90 !important; color:#000 !important; }
.vys-yellow { background:#ffff77 !important; color:#000 !important; }
.vys-brown  { background:#cd853f !important; color:#fff !important; }
.vys-silver { background:#bbbbbb !important; color:#000 !important; }
.vys-black  { background:#333333 !important; color:#fff !important; }

.nlis { margin-top:10px; padding:50px 25px; background:url('http://zona.navstevalekara.sk/img/bg-nl.jpg') no-repeat left center; background-size:cover; zoom:0.8; }
.nlis, .nlis * { font-family:'Work Sans', sans-serif; box-sizing:border-box; }
.nlis #frm-logInForm { width:380px; margin-left:50px; background:#fff; border:0; border-radius:0; box-shadow:20px 20px 50px rgba(0,0,0,.3); }
#content .nlis H1 { line-height:20px; padding:30px 30px 20px; background:#fff; color:#808b98; border:0; border-bottom:1px solid #d3dae6; border-radius:0; box-shadow:none; }
#content .nlis H2 { margin:0; padding:0; line-height:48px; background:transparent; color:#03b8ec; border:0; font-size:18px; font-weight:500; text-align:left; box-shadow:none; }
.nlis .mdl-dialog__content { padding:30px; }
.nlis A { color:#03b8ec; text-decoration:underline; }

*/

#search {
	margin-top: 35px;
}