@font-face {
	font-family: 'roboto_thin';
	src: url('/font/Roboto-Thin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'roboto_light';
	src: url('/font/Roboto-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'roboto_cond';
	src: url('/font/Roboto-Condensed.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin:0px;
	padding:0px;
	font-family:roboto_light, Arial;
	font-size:12px;
	height:100%;
}

body {
	background:url(/images/bg.jpg) no-repeat 50% 50% #93bee2;
	min-height:100%;
	background-size:100% 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px;
	padding:0px;
	width:100%;
}

img {  
	border-style: none;
	padding:0px;
	margin:0px;
}

.clear {
	clear:both;
}

.tophead {
	background:#a4caea;
	height:60px;
	line-height:60px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:2;
	overflow:hidden;
}

.left_logo {
	display:inline-block;
	width:55px;
	line-height:60px;
	height:60px;
	background:url(/images/kitar_head.jpg) no-repeat 50% 50%;
	vertical-align:top;
}

.main_title {
	display:inline-block;
	line-height:60px;
	height:60px;
	color:#034ea2;
	font-family: roboto_cond;
	font-size:30px;
	vertical-align:top;
}

.main_title span {
	color:#ffffff;
}

.title_logo {
	display:inline-block;
	width:65px;
	line-height:60px;
	height:60px;
	background:url(/images/bode.jpg) no-repeat 50% 50%;
	vertical-align:top;
}

.actmenu {
	display:inline-block;
	vertical-align:top;
	height:60px;
	line-height:60px;
	background:#81b3dc;
	padding-left:15px;
	padding-right:15px;
	color:#ffffff;
	font-size:28px;
	font-family:roboto_thin;
	text-align:center;
	-webkit-transition:opacity 1.5s, width 0.5s;
	transition:opacity 1.5s, width 0.5s;
}

.actmenu img {
	display:inline-block;
	margin-top:12px;
}

#actmenu_txt {
	display:inline-block;
	vertical-align:top;
}

.hospital_logo {
	background-repeat: no-repeat;
	background-size: 60px 60px;
	display: inline-block;
	padding-left: 65px;
	color:#ffffff;
	font-size:20px;
}

.right_logo {
	display:inline-block;
	width:85px;
	line-height:60px;
	height:60px;
	background:url(/images/hartmann_head.jpg) no-repeat 50% 50%;
	vertical-align:top;
	float:right;
	margin-right:40px;
}

.mainmenu {
	display:inline-block;
	width:40px;
	line-height:60px;
	height:60px;
	vertical-align:top;
	float:right;
	position:relative;
	z-index:100;
}

.menu_icon {
	background:url(/images/mainmenu.jpg) no-repeat 50% 50%;
	display:inline-block;
	vertical-align:top;
	height:60px;
	line-height:60px;
	width:40px;
}

.submenu_holder {
	position:absolute;
	right:6px;
	top:73px;
}

.toparrow {
	width:16px;
	height:13px;
	position:absolute;
	top:-13px;
	background:url(/images/menu_top.png);
	right:6px;
}

.submenu_holder a {
	color:#034ea2;
	text-decoration:none;
	line-height:30px;
	font-size:20px;
	text-align:center;
	display:block;
	padding:5px 25px;
	background:#cfe1f1;
	margin-bottom:3px;
}

#page {
	height:100%;
	width:100%;
	top:0px;
	position:absolute;
	overflow:hidden;
}

@media (max-width: 1023px) {
	#page {
		display:none;
	}
}

#page_holder {
	position:relative;
	top:0px;
	left:0px;
	-webkit-transition:opacity 1.0s ease-in-out 0.1s, left 1.1s ease-out;
	transition:opacity 1.0s ease-in-out 0.1s, left 1.1s ease-out;
	opacity:0;
	height:100%;
	width:100%;
	display:inline-block;
}

.login {
	width:360px;
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	background:#8db8dc;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	margin-top:-130px;
	margin-left:-180px;
	padding:20px;
	text-align:center;
}

.login #login_fn,
.login #login_pw {
	width:320px;
	height:35px;
	border:1px solid #ffffff;
	padding-left:35px;
	color:#628dbc;
}

.login #login_fn {
	background: url('/images/login_fn.jpg') no-repeat 5px 8px #ffffff;
	margin-bottom:15px;
}

.login #login_pw {
	background: url('/images/login_pw.jpg') no-repeat 5px 6px #ffffff;
	margin-bottom:15px;
}

.langSelect {margin:0px 0px 8px 0px;  height: 35px;}
.langSelect dd, .langSelect dt, .langSelect ul { margin:0px; padding:0px; text-align:left;}
.langSelect dd { position:relative; }
.langSelect a, .langSelect a:visited { color:#628dbc; text-decoration:none; outline:none;}
.langSelect a:hover { color:#628dbc;}
.langSelect dt a:hover { color:#034ea2;}
.langSelect dt a {background:#ffffff url('/images/arrow.png') no-repeat scroll right center; display:block; padding-right:22px;
                border:1px solid #ffffff; width:335px;}
.langSelect dt a span {cursor:pointer; display:block; padding:5px;}
.langSelect dt a span span {cursor:pointer; display:inline-block; padding:0px;}
.langSelect dd ul { background:#ffffff none repeat scroll 0 0; border:1px solid #cde5f9; color:#628dbc; display:none;
                  left:0px; padding:5px 1px; position:absolute; top:0px; width:auto; min-width:170px; width:355px; list-style:none;}
.langSelect dd ul li a { padding:5px; display:block;}
.langSelect dd ul li a:hover { background-color:#cde5f9; color:#034ea2;}

.langSelect img.flag { border:none; vertical-align:middle; margin-right:10px; }
.flagvisibility { display:none;}

.langSelect dd ul.showList {
	display:block;
} 

.bbutton {
	color:#ffffff;
	background: linear-gradient(to bottom, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* W3C */
	border:0px solid #ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height:37px;
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
	font-family:roboto_thin;
}

.login .bbutton {
	text-transform: uppercase;
	font-size:18px;
	font-family: roboto_light;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.ptr {
	-webkit-animation-name: pagetoright;
  animation-name: pagetoright;
}

@-webkit-keyframes pagetoright {
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate3d(2000px, 0, 0);
    -ms-transform: scale(1) translate3d(2000px, 0, 0);
    transform: scale(1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes pagetoright {
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate3d(2000px, 0, 0);
    -ms-transform: scale(1) translate3d(2000px, 0, 0);
    transform: scale(1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.ptc_fl {
	-webkit-animation-name: pagetocenterfromleft;
  animation-name: pagetocenterfromleft;
}

@-webkit-keyframes pagetocenterfromleft {
	0% {
		opacity: 1;
    -webkit-transform: scale(1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(1) translate3d(-2000px, 0, 0);
    transform: scale(1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
	}
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0px, 0, 0);
    -ms-transform: scale(1) translate3d(0px, 0, 0);
    transform: scale(1) translate3d(0px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes pagetocenterfromleft {
	0% {
		opacity: 1;
    -webkit-transform: scale(1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(1) translate3d(-2000px, 0, 0);
    transform: scale(1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
	}
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0px, 0, 0);
    -ms-transform: scale(1) translate3d(0px, 0, 0);
    transform: scale(1) translate3d(0px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.ptc_fr {
	-webkit-animation-name: pagetocenterfromright;
  animation-name: pagetocenterfromright;
}

@-webkit-keyframes pagetocenterfromright {
	0% {
		opacity: 1;
    -webkit-transform: scale(1) translate3d(2000px, 0, 0);
    -ms-transform: scale(1) translate3d(2000px, 0, 0);
    transform: scale(1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
	}
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0px, 0, 0);
    -ms-transform: scale(1) translate3d(0px, 0, 0);
    transform: scale(1) translate3d(0px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes pagetocenterfromright {
	0% {
		opacity: 1;
    -webkit-transform: scale(1) translate3d(2000px, 0, 0);
    -ms-transform: scale(1) translate3d(2000px, 0, 0);
    transform: scale(1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
	}
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0px, 0, 0);
    -ms-transform: scale(1) translate3d(0px, 0, 0);
    transform: scale(1) translate3d(0px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}



.ptl {
	-webkit-animation-name: pagetoleft;
  animation-name: pagetoleft;
}

@-webkit-keyframes pagetoleft {
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(1) translate3d(-2000px, 0, 0);
    transform: scale(1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes pagetoleft {
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(1) translate3d(-2000px, 0, 0);
    transform: scale(1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.pageBack {
	display:inline-block;
	padding-left:30px;
	position:absolute;
	top:65px;
	left;0px;
	background:url(/images/back.png) no-repeat 15px 50%;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	line-height:20px;
	font-size:18px;
}

.mainpage {
	display:inline-block;
	position:relative;
	text-align:center;
	top:50%;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	
	left:50%;
	width:768px;
	margin-left:-386px;
}

.runningBlock {
	display:inline-block;
	width:60px;
	height:60px;
	position:fixed;
	bottom:10px;
	right:10px;
	background:#CF0000;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:60px;
	text-decoration:none;
}

.runningList {
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-175px;
	width:350px;
	height:490px;
	background:#69a6e1;
	border:1px solid #a3cbf2;
}

.runningList_head {
	color:#ffffff;
	text-align:center;
	font-size:16px;
	padding:10px 0px;
}

.run_scroll {
	width:330px;
	height:380px;
	margin-left:10px;
	text-decoration:none;
}

.runningRow {
	display:inline-block;
	width:100%;
	height:38px;
	margin-bottom:4px;
	background:#cbe0f5;
	color:#0c60be;
	line-height:38px;
}

.runningRow img {
	display:inline-block;
	height:30px;
	vertical-align:top;
	width:30px;
	margin:4px 5px;
}

.running_onev {
	display:inline-block;
	line-height:38px;
	width:200px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.running_time {
	display:inline-block;
	line-height:38px;
	width:80px;
	font-size: 14px;
	text-align:right;
	vertical-align:top;
	padding-right:10px;
}

.main_box {
	width:246px;
	height:246px;
	display:inline-block;
	background:#ffffff;
	margin:5px;
	box-shadow:0px 0px 4px;
}

.main_box_img {
	height:75px;
	width:100%;
	display:inline-block;
}

.main_box_name {
	display:table-cell;
	line-height:30px;
	height:60px;
	font-size:20px;
	width:246px;
	text-align:center;
	margin-top:10px;
	vertical-align:bottom;
}

.main_box_num {
	display:inline-block;
	line-height:50px;
	height:50px;
	font-size:40px;
	width:100%;
	text-align:center;
}

.main_box_btn {
	text-align: center;
	width: 100%;
	height:50px;
	line-height:50px;
}

.main_box_btn input {
	background: linear-gradient(to bottom, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* W3C */
	border: 0px solid #fff;
	border-radius: 6px;
	padding: 5px 20px;
	color:#ffffff;
	text-transform: uppercase;
	font-size:18px;
	font-family: roboto_light;
	cursor:pointer;
	
	
}

.mbox_main1,
.mbox_main1_5,
.mbox_main1_5_1,
.mbox_main1_5_2,
.mbox_main1_5_3 {
	color:#0c60be;
}

.mbox_main2,
.mbox_main2_1,
.mbox_main2_2 {
	color:#29a2a4;
}

.mbox_main3 {
	color:#3fd1c8;
}

.mbox_main1_1 {
	color:#c80000;
}

.mbox_main1_2 {
	color:#f0c37d;
}

.mbox_main1_3 {
	color:#a7c035;
}

.mbox_main1_4 {
	color:#3fd1c8;
}

.mbox_main1_6 {
	color:#a135c0;
}

.mbox_main1 .main_box_img {
	background:url(/images/main_1.jpg) no-repeat 50% 100%;
}

.mbox_main2 .main_box_img,
.mbox_main2_2 .main_box_img {
	background:url(/images/main_2.jpg) no-repeat 50% 100%;
}

.mbox_main1_1 .main_box_img {
	background:url(/images/main_1_1.jpg) no-repeat 50% 100%;
}

.mbox_main1_2 .main_box_img {
	background:url(/images/main_1_2.jpg) no-repeat 50% 100%;
}

.mbox_main1_3 .main_box_img {
	background:url(/images/main_1_3.jpg) no-repeat 50% 100%;
}

.mbox_main1_4 .main_box_img {
	background:url(/images/main_1_4.jpg) no-repeat 50% 100%;
}

.mbox_main1_5 .main_box_img {
	background:url(/images/main_1_5.jpg) no-repeat 50% 100%;
}

.mbox_main1_6 .main_box_img {
	background:url(/images/main_1_6.jpg) no-repeat 50% 100%;
}

.mbox_main1_5_1 .main_box_img {
	background:url(/images/main_1_5_1.jpg) no-repeat 50% 100%;
}

.mbox_main1_5_2 .main_box_img {
	background:url(/images/main_1_5_2.jpg) no-repeat 50% 100%;
}

.mbox_main1_5_3 .main_box_img {
	background:url(/images/main_1_5_3.jpg) no-repeat 50% 100%;
}

.mbox_main2_1 .main_box_img {
	background:url(/images/main_2_1.jpg) no-repeat 50% 100%;
}

.mbox_main3 .main_box_img {
	background:url(/images/main_3.jpg) no-repeat 50% 100%;
}

.mbox_main1 .main_box_btn input,
.mbox_main1_5 .main_box_btn input,
.mbox_main1_5_1 .main_box_btn input,
.mbox_main1_5_2 .main_box_btn input,
.mbox_main1_5_3 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* W3C */
/*	background-color:#0c60be;*/
}

.mbox_main2 .main_box_btn input,
.mbox_main2_1 .main_box_btn input,
.mbox_main2_2 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(41,162,164,1) 0%,rgba(41,162,164,1) 100%); /* W3C */
/*	background-color:#29a2a4;*/
}

.mbox_main3 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(63,209,200,1) 0%,rgba(63,209,200,1) 100%); /* W3C */
}

.mbox_main1_1 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(200,0,0,1) 0%,rgba(200,0,0,1) 100%); /* W3C */
	/*background-color:#c80000;*/
}

.mbox_main1_2 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(240,195,125,1) 0%,rgba(240,195,125,1) 100%); /* W3C */
/*	background-color:#f0c37d;*/
}

.mbox_main1_3 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(167,192,53,1) 0%,rgba(167,192,53,1) 100%); /* W3C */
/*	background-color:#a7c035;*/
}

.mbox_main1_4 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(63,209,200,1) 0%,rgba(63,209,200,1) 100%); /* W3C */
	/*background-color:#3fd1c8;*/
}

.mbox_main1_6 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(161,53,192,1) 0%,rgba(161,53,192,1) 100%); /* W3C */
/*	background-color:#a135c0;*/
}

.mbox_main1_5_2 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(59,121,204,1) 0%,rgba(59,121,204,1) 100%); /* W3C */
}

.mbox_main1_5_3 .main_box_btn input {
	background: linear-gradient(to bottom, rgba(84,143,213,1) 0%,rgba(84,143,213,1) 100%); /* W3C */
}

.mbox_main1_5_3 .main_box_num {
	color:#ff0000;
}


.checkmain {
	display:inline-block;
	position:relative;
	text-align:center;
	top:60px;
	width:100%;
	max-width:1280px;
	left:50%;
	background:#93bee2;
}

.checkEszkoz {
	display:inline-block;
	width:100%;
	text-align:left;
	position:absolute;
	top:40px;
	height:334px;
	overflow:hidden;
}


@media (min-width:1025px) {
	.checkEszkoz {
		text-align:center;
	}
}


@media (max-width:1024px) {
	.checkEszkoz {
		display:inline-block;
		height:60px;
		width:100%;
		text-align:left;
		top:0px;
		left:0px;
		position:relative;
		padding-top:5px;
		padding-bottom:5px;
	}
}

.checkTL, .checkTR, .checkBL, .checkBR {
	display:inline-block;
	position:relative;
	text-align:left;
	float:left;
} 

.checkTL {
	width:25%;
}

.checkTR {
	width:75%;
}

@media (max-width:1024px) {
	.checkTL {
		width:100px;
	}
	.checkTR {
		width:924px;
	}
}

.checkBL {
	width:25%;
	height:60px;
	background:#5C9FD7;
}

.checkBR {
	width:75%;
	height:60px;
	background:#5C9FD7;
	overflow:hidden;
}

.checkBack {
	background:url(/images/icon_1.png) no-repeat 50% 50%;
	width:60px;
	height:60px;
	display:inline-block;
	vertical-align:top;
	line-height:60px;
}

.checkSave {
	background:url(/images/save.png) no-repeat 10px 50%;
	height:60px;
	display:inline-block;
	padding-left:55px;
	vertical-align:top;
	line-height:60px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding-right: 10px;
	font-size: 20px;
	color:#ffffff;
}

.checkFinish {
	background:url(/images/finish.png) no-repeat 50% 50%;
	width:60px;
	height:60px;
	display:inline-block;
	vertical-align:top;
	line-height:60px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding-right: 10px;
	padding-left: 10px;
}

.placeOutDiv {
	height:35px;
	width:100%;
	color:#ffffff;
	line-height:35px;
	font-size:14px;
	padding-left:10px;
}

.placeDiv {
	display:inline-block;
	position:absolute;
	top:20px;
	width:366px;
	left:50%;
	margin-left:-198px;
	background:#66A3DE;
	background: rgba(147,190,226,0.5);
	padding:30px;
	text-align:left;
	border:1px solid #ffffff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.placeRow {
	margin-bottom:10px;
}

.placeRow select,
.placeRow input.ftext {
	width:310px;
	height:40px;
	line-height:40px;
	vertical-align:top;
		padding-left:10px;
		
			background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	border: 0px solid #fff;
	border-radius: 0px;

	text-transform: uppercase;

	font-family: roboto_light;
	cursor:pointer;
}

.placeRow input {
	width:40px;
	height:40px;
	line-height:40px;
	vertical-align:top;
	background:#ffffff;
	border:1px solid #ffffff;
	margin-left: 6px;
	


	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	border-radius: 0px;
	text-transform: uppercase;
	cursor:pointer;
}

.placeRow input.ftext {
	width:300px;
	margin-left:0px;
}

.placeBtnRow {
	text-align:center;
	margin-top:30px;
}

.placeBtnRow input {
	color:#ffffff;

	background: linear-gradient(to bottom, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* W3C */
	
	
	border: 0px solid #fff;
	border-radius: 6px;
	padding: 5px 20px;
	color:#ffffff;
	text-transform: uppercase;
	font-size:18px;
	font-family: roboto_light;
	cursor:pointer;

}

.addPlaceDiv {
	padding:10px 30px;
	background:#A4CAEA;
	text-align:center;
}

.addPlace {
	height:30px;
	line-height:30px;
	width:350px;
	display:block;
	margin-bottom:10px;
	padding-left:10px;
	border:none;
}

.addPlaceDiv .bbutton {
	margin:0px 10px;
}


.popup_layer {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.popup_layer img.loader {
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0px 0px -15px;
}

.popup_window {
	position:absolute;
	left:50%;
	top:50%;
	border:1px solid #ffffff;
	max-height:95%;
	max-width:95%;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}


#canv {
	position:relative;
	top:0px;
	left:0px;
	border:1px dashed #5f87b3;
	height:100px;
	width:922px;
	height:424px;
	display:inline-block;
}

#room {
	position:absolute;
	top:15px;
	left:15px;
	border:3px solid #5f87b3;
	background:#ffffff;
	width:600px;
	height:300px;
}

#dragbtn {
	position:absolute;
	top:285px;
	left:585px;
	background:url(/images/finger_toleft.png) no-repeat;
	width:48px;
	height:69px;
	cursor:move;
}

#door, .door {
	width:130px;
	height:130px;
	position:absolute;
	top:0px;
	left:-65px;
}

.door_ver {
	background:url(/images/ajto_ver.png) no-repeat 50% 0px;
	width:27px;
	height:130px;
	display:inline-block;
}

.door_hor {
	background:url(/images/ajto_hor.png) no-repeat 0px 50%;
	width:130px;
	height:27px;
	display:inline-block;
}

.checkFunctions {
	height:45px;
	position:absolute;
	bottom:0px;
	text-align:center;
	width:100%;
	border:3px solid #A6CBEB;
	border-radius:10px;
	padding:5px;
	display:none;
}

.eszkoz_holder {
	padding:5px;
	border:3px solid #034ea2;
	border-radius:20%;
	margin-right:10px;
	width:45px;
	height:45px;
}

.eszkoz_holder.szakapolo {
	border:3px solid #75a70c;
}

.eszkoz_holder.takarito {
	border:3px solid #d8da44;
}

@media (min-width:1025px) {
	.eszkoz_holder {
		margin-bottom:7px;
	}
}

.eszkoz_holder img {
	width:45px;
	height:45px;
	display:inline-block;
}

.room_eszkozok_div {
	position:absolute;
	width:120px;
	height:120px;
	display:inline-block;
	box-sizing:border-box;
}

.room_eszkozok_div img {
	width:120px;
	height:120px;
	display:block;
}

.checkMenu {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#5C9FD7;
	height:35px;
	z-index:2;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	overflow:hidden;
}

.checkMenuBtn {
	width:100%;
	background:url(/images/cmenu_hor.png) no-repeat 50% 50% #5C9FD7;
	position:absolute;
	bottom:0px;
	height:35px;
	z-index:2;
}

@media (max-width:1024px) {
	.checkMenu {
		left:0px;
		height:inherit;
		width:40px;
	}
	
	.checkMenuBtn {
		width:40px;
		background:url(/images/cmenu_ver.png) no-repeat 50% 50% #5C9FD7;
		position:absolute;
		right:0px;
		height:100%;
	}
}

.checkmenupoint {
	width:100%;
	border-bottom:1px solid #93bee2;
	height:50px;
	line-height:50px;
	padding-left:48px;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
}

.checkmenupoint.sabllist {
	background:url(/images/template_load.png) no-repeat 9px 50%;
}
.checkmenupoint.sabllist.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.photo {
	background:url(/images/photo.png) no-repeat 9px 50%;
}
.checkmenupoint.photo.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.loadsabl {
	background:url(/images/template_load.png) no-repeat 9px 50%;
}
.checkmenupoint.loadsabl.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.savesabl {
	background:url(/images/template_save.png) no-repeat 9px 50%;
}
.checkmenupoint.savesabl.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.edit {
	background:url(/images/edit.png) no-repeat 9px 50%;
}
.checkmenupoint.edit.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.delete {
	background:url(/images/delete.png) no-repeat 9px 50%;
}
.checkmenupoint.delete.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.higi {
	background:url(/images/higi.png) no-repeat 9px 50%;
}
.checkmenupoint.higi.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.finish {
	background:url(/images/finish.png) no-repeat 9px 50%;
}
.checkmenupoint.finish.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.comp1 {
	background:url(/images/comp1.png) no-repeat 9px 50% #358ed9;
}
.checkmenupoint.comp1.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.comp2 {
	background:url(/images/comp2.png) no-repeat 9px 50% #358ed9;
}
.checkmenupoint.comp2.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.comp3 {
	background:url(/images/comp3.png) no-repeat 9px 50% #358ed9;
}
.checkmenupoint.comp3.inFocus {
	background-color:#75a6d0;
}

.checkmenupoint.comp4 {
	background:url(/images/comp4.png) no-repeat 9px 50% #358ed9;
}
.checkmenupoint.comp4.inFocus {
	background-color:#75a6d0;
}

.check_holder {
	text-align:left;
	position:absolute;
	left:0px;
	top:35px;
	width:310px;
	height:80px;
	background:#93bee2;
}

.small_check {
	position:absolute;
}

.small_check img {
	width:32px;
	height:32px;
}

.eszkozName {
	line-height: 40px;
	color: #ffffff;
	font-size: 14px;
	padding-left: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 40px;
	width: 200px;
}

.emainp {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 105px;
	height: 80px;
	background:#65a4d9;
}

.maniprowsize, .maniprowrotate {
	width:100%;
	line-height:40px;
	height:40px;
}

.maniprowsize { 
	background:url(/images/resize_icon.jpg) no-repeat 50% 50%;
}
	
.maniprowrotate {
	background:url(/images/rotate_icon.jpg) no-repeat 50% 50%;
}

.checkicon {
	margin-left:3px;
	margin-right:3px;
	display:inline-block;
}

#check_1,
#check_2,
#check_3,
#lcheck_1,
#lcheck_2 {
	width:35px;
	height:35px;
}

.checkicon1,
.checkicon2,
.checkicon3,
.bcheckicon1,
.bcheckicon2,
.bcheckicon3,
.lcheckicon1,
.lcheckicon2 {
	width:62px;
	height:62px;
	position:absolute;
	z-index:10000;
}

.checkicon1 {
	background:url(/images/check_1.png) no-repeat 50% 50%;
	background-size:100% 100%;
}

.checkicon2 {
	background:url(/images/check_2.png) no-repeat 50% 50%;
	background-size:100% 100%;
}

.checkicon3 {
	background:url(/images/check_3.png) no-repeat 50% 50%;
	background-size:100% 100%;
}

.lcheckicon1 {
	background:url(/images/lcheck_1.png) no-repeat 50% 50%;
	background-size:100% 100%;
}

.lcheckicon2 {
	background:url(/images/lcheck_2.png) no-repeat 50% 50%;
	background-size:100% 100%;
}

#btn_size_plus, #btn_size_minus, #btn_rotate_left, #btn_rotate_right {
	border:0px none;
	outline:none;
	height:40px;
	position:absolute;
	width:30px;
	padding:0px;
	margin:0px;
}

#btn_size_plus, #btn_rotate_right {
	background:url(/images/plus_icon.jpg) no-repeat 50% 50%;
	right:3px;
}

#btn_size_minus, #btn_rotate_left {
	background:url(/images/minus_icon.jpg) no-repeat 50% 50%;
	left:4px;
}

.tooltip {
	position:absolute;
	top:-30px;
	left:0px;
	border:1px solid #010101;
	line-height:19px;
	font-size:15px;
	color:#000000;
	white-space:nowrap;
	background:#aacae5;
	border-radius:10px;
	padding:5px;
}

.tooltip_sign {
	width:10px;
	height:5px;
	border-left:1px solid #010101;
	border-right:1px solid #010101;
	border-bottom:1px solid #010101;
	border-top:1px solid #aacae5;
	background:#aacae5;
	position:absolute;
	left:10px;
	top:29px;
	border-bottom-left-radius:10px;
}

.checkPlaces {
	height:100%;
}

.savedell,
.savedell_act,
.savedell_act_complete,
.savedell_complete {
	display:inline-block;
	text-align:center;
	color:#ffffff;
	border:3px solid #ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:20px;
	text-decoration:none;
	font-family:roboto_cond;
	height:45px;
	line-height:45px;
	float:left;
	padding:0px 8px;
	margin-top:3px;
}

.savedell div,
.savedell_act div,
.savedell_act_complete div,
.savedell_complete div {
	width:100%;
	white-space:nowrap;
	line-height:45px;
	vertical-align:middle;
	text-align:center;
	display:inline-block;
	max-height:45px;
}

.savedell_act,
.savedell_act_complete {
	color:#034ea2;
	background:#aacae5;
}

.savedell_complete {
	color:#034ea2;
	background:#aae5c3;
}

.savedell_split {
	width:10px;
	height:3px;
	background:#ffffff;
	display:inline-block;
	float:left;
	margin-top:26px;
}


.ellblock {
	width:650px;
	height:320px;
	background:#8db8dc;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	margin:200px auto 0px auto;
	padding:20px;
}

.elltime {
	background:url('/images/clock.png') no-repeat ; 
	height:36px;
	line-height:36px;
	padding-left:50px;
	font-size:20px;
	color:#034ea2;
}

.scrollable {
	border:1px solid #034ea2;
	width:645px;
	height:200px;
	overflow-y:scroll;
	margin-top:10px;
}

.listrow {
	height:30px;
	background:#aacae5;
	line-height:30px;
	margin-bottom:5px;
}

.listleft {
	float:left;
	width:50px;
	text-align:center;
	color:#ffffff;
}

.listright {
	float:left;
	width:525px;
	text-align:left;
	color:#034ea2;
}

.saverow {
	margin-top:20px;
	text-align:center;
}

.savebutton {
	background: url(/images/save.png) no-repeat 10px 8px, -moz-linear-gradient(top, rgba(12,96,190,1) 0%, rgba(12,96,190,1) 100%); /* FF3.6+ */
	background: url(/images/save.png) no-repeat 10px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,96,190,1)), color-stop(100%,rgba(12,96,190,1))); /* Chrome,Safari4+ */
	background: url(/images/save.png) no-repeat 10px 8px, -webkit-linear-gradient(top, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url(/images/save.png), -o-linear-gradient(top, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* Opera 11.10+ */
	background: url(/images/save.png), -ms-linear-gradient(top, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* IE10+ */
	background: url(/images/save.png) no-repeat 10px 8px, linear-gradient(to bottom, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* W3C */
	

	font-size:24px;
	font-family:roboto_thin;
	height:50px;
	padding-left:70px;
	width:100px;
	
}

.bcTime {
	height:60px;
	line-height:60px;
	text-align: left;
	padding-left: 55px;
	font-size: 30px;
	color:#034ea2;
}

.bcheckFunctions {
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	width:100%;
}

.bcheck_holder {
	width:50px;
	height:100%;
	position:absolute;
	right:0px;
	top:40px;
}


.bcheckicon1,
.bcheckicon2,
.bcheckicon3 {
	width:62px;
	height:62px;
	position:absolute;
}

.bcheckicon1 {
	background:url(/images/bcheck_1.png) no-repeat 50% 50%;
	background-size:100% 100%;
}

.bcheckicon2 {
	background:url(/images/bcheck_2.png) no-repeat 50% 50%;
	background-size:100% 100%;
}

.bcheckicon3 {
	background:url(/images/bcheck_3.png) no-repeat 50% 50%;
	background-size:100% 100%;
}


.bctable tr td {
	color:#034ea2;
	vertical-align:middle;
	line-height:30px;
	background:#aacae5;
	border-bottom:5px solid #8db8dc;
}

.bctable tr td img {
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
}

.bctable tr td.bcwhite {
	color:#ffffff;
}

.bctable tr td.bcnarrow {
	text-align:center;
	width:40px;
}

.bigPopup {
	width:600px;
	height:300px;
	background:#93BEE2;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-150px;
	box-shadow: 0px 0px 8px #aaaaaa;
}

.bigPopup.extend {
	height:360px;
	margin-top:-180px;
}

.bpName {
	padding-left:15px;
	width:320px;
	overflow:hidden;
	line-height:35px;
	height:35px;
	color:#ffffff;
}

.bpMegj {
	padding-left:15px;
	width:285px;
	margin-left:15px;
	height:45px;
	margin-bottom:15px;
}

.bpTakarito, .bpMikro {
	padding-left:15px;
	width:300px;
	margin-left:15px;
	height:30px;
	margin-bottom:60px;
}

.bpCheckDiv {
	height:60px;
	padding-left:15px;
	margin-bottom:5px;
	position:absolute;
	top:165px;
}

.bpCheckDiv.extend {
	top:225px;
}

.bpCheckDiv .checkicon {
	
}

.bpCheckDiv .checkicon #check_1, 
.bpCheckDiv .checkicon #check_2, 
.bpCheckDiv .checkicon #check_3, 
.bpCheckDiv .checkicon #bcheck_1, 
.bpCheckDiv .checkicon #bcheck_2, 
.bpCheckDiv .checkicon #bcheck_3, 
.bpCheckDiv .checkicon #lcheck_1, 
.bpCheckDiv .checkicon #lcheck_2 {
	width:45px;
	height:45px;
	border:5px solid #ffffff;
	border-radius:50%;
	background:#ffffff;
}

.bpBtnRow {
	padding-left:15px;
}

.bpTrash {
	width:25px;
	height:36px;
	background:url(/images/trashbp.png) no-repeat 50% 50%;
	position:absolute;
	left:15px;
	top:250px;
}

.bpBtnRow input {
	
	background: linear-gradient(to bottom, rgba(12,96,190,1) 0%,rgba(12,96,190,1) 100%); /* W3C */
	border: 0px solid #fff;
	border-radius: 6px;
	padding: 5px 20px;
	color:#ffffff;
	text-transform: uppercase;
	font-size:14px;
	font-family: roboto_light;
	cursor:pointer;
	
	position:absolute;
	right:290px;
	top:250px;

	padding:10px 30px;
	
}

.bpBtnRow.extend input,
.bpBtnRow.extend .bpTrash {
	top:300px;
}

.bpEszkozHolder {
	position:absolute;
	right:0px;
	top:0px;
	width:265px;
	height:265px;
	background:#ffffff;
	padding-top:35px;
	text-align:center;
}

.bpEszkozHolder.extend {
	margin-top:35px;
}

.bpEszkozHolderInner {
	width:230px;
	height:230px;
	position:absolute;
	top:35px;
	left:19px;
}

.bpEszkozHolderInner div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:1px solid rgba(0,0,0,0);
}


.rutinrow_all {
	color:#ffffff;
	font-size:16px;
	border-bottom:3px solid #8db8dc;
}

.rutinrow_dis {
	color:#000000;
	font-size:16px;
	border-bottom:3px solid #8db8dc;
}

.rutinrow_red {
	color:#ff0000;
}

.rlist_left {
	width:110px;
}

.rlist_right {
	width:435px;
}

.rutinrow_all .listleft,
.rutinrow_all .listright {
	color:#ffffff;
}

.rutinrow_dis .listleft,
.rutinrow_dis .listright {
	color:#000000;
}

.rutinrow_red .listleft,
.rutinrow_red .listright {
	color:#ff0000;
}


.popup_foto {
	width:650px;
	height:480px;
	background:#aed2f1;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:5px solid #ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:20px;
	position:absolute;
	top:50%;
	left:-100%;
	margin-left:-300px;
	margin-top:-240px;
	line-height:20px;
	text-align:left;
	-webkit-transition:left 0.5s ease-in-out;
	transition:left 0.5s ease-in-out;
	z-index:20;
	color:#034ea2;
	font-size:25px;
}

#fotolist {
	font-size:12px;
}

#fotolist table tr td {
	line-height:30px;
	font-size:16px;
	padding-left:7px;
	background:#aacae5;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
}

#ellpoint {
	color:#ff0000;
	text-align:center;
	display:inline-block;
	border:3px solid #ff0000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-family: roboto_cond;
	height:45px;
	line-height:45px;
	margin-top: 3px;
	width:45px;
	margin-left:5px;
	font-size:20px;
	background: #aacae5;
}


.higimain {
	display:inline-block;
	position:relative;
	text-align:center;
	top:60px;
	width:100%;
	max-width:1280px;
	left:0px;
	background:#93bee2;
}

.placeHigiDiv {
	display:inline-block;
	position:absolute;
	top:20px;
	width:24%;
	left:0px;
	background:#66A3DE;
	background: rgba(147,190,226,0.5);
	padding:30px 0px;
	text-align:center;
	border:1px solid #ffffff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.placeHigiDiv .placeRow select {
	width:90%;

}

.rightHigiDiv {
	display:inline-block;
	position:absolute;
	top:20px;
	width:74%;
	left:25%;
	background:#66A3DE;
	background: rgba(147,190,226,0.5);
	padding:30px 0px;
	text-align:left;
	border:1px solid #ffffff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.rightHigiDivInner {
	display:inline-block;
	width:96%;
	margin-left:2%;
}

#higi_y,
#higi_m,
#higi_d,
#higi_ikt {
	height:40px;
	line-height:40px;
	width:25px;
	padding-left:5px;
}

#higi_y {
	width:40px;
}

#higi_ikt {
	width:75%;
	margin-left:15px;
}

.higitr td {
	color:#ffffff;
	border-bottom: 3px solid #8db8dc;
	line-height:30px;
	height:30px;
	background: #aacae5;
}

.higitr td input,
.higitr td select {
	height:25px;
	line-height:25px;
	width:90%;
}

.popup_higienias {
	padding:10px 30px;
	background:#A4CAEA;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}

.higiDate,
.higiIkt,
.higiType,
.higiComment {
	text-align:left;
	padding:10px 0px;
}

.comppopup {
	width:100%;
	height:100%;
	min-width:600px;
	min-height:400px;
	background:#93BEE2;
}

.compPageOut {
	width:96%;
	position:relative;
	top:70px;
	margin-left:2%;
}

.comp_topselect {
	position:absolute;
	top:-35px;
	left:250px;
	color:#ffffff;
}

.comp_topselect span {
	padding-right:10px;
	font-size:18px;
}

.comptblholder {
	overflow-y:scroll;
	height:90%;
}

.compbtnholder {
	height:10%;
	padding:1% 1% 0 1%;
}

.comptbl tr.compheader td,
.comptbl tr.compnew td {
	height:40px;
	line-height:40px;
	background:#A5C9E6;
	text-align:center;
	margin:0px;
	padding:0px;
	min-width:40px;
}

.comptbl tr.compnew td {
	border:1px solid #93bee2;
}

.comptbl tr.compdatarow td {
	height:40px;
	line-height:40px;
	background:#7cadd6;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	vertical-align:top;
	border:1px solid #93bee2;
	margin:0px;
	padding:0px;
	min-width:40px;
}

.comptbl tr.compdatarow td.compnum {
	background:#D0E0ED;
	color:#00478c;
	font-size:24px;
	min-width:40px;
}

.comptbl tr.compdatarow td div {
	max-height:40px;
	overflow-y:hidden;
	min-width:30px;
}

.comptbl tr.compdatarow.opened td div {
	max-height:inherit;
	overflow-y:inherit;
}

.comptbl tr.compnew td.compnum {
	background:#5f99c8;
	color:#ffffff;
	font-size:24px;
	min-width:40px;
}

#btn_ok_new,
#btn_kf_new,
.comptbl tr.compdatarow td.compbigdata {
	font-size:24px;
}

.comptbl tr.compheader td.compinfo,
.comptbl tr.compheader td.addcomptd {
	width:40px;
}

.comptbl tr.compheader td.compinfo a,
.comptbl tr.compheader td.addcomptd a {
	display:block;
	width:40px;
	height:40px;
	font-size:30px;
	text-decoration:none;
}

.comptbl tr.compheader td.compinfo a {
	color:#ffffff;
	background:url(/images/comp_item_info.png) no-repeat 50% 50% #7cadd6;
	
}

.comptbl tr.compheader td.addcomptd a {
	color:#5c9fd7;
}

.comptbl tr.compheader td img {
	display: inline-block;
	height: 20px;
	vertical-align: middle;
	width: 20px;
}

.comptbl tr.compnew td {
	//background:#2872AD;
	background:#88b6dd;
}

#comp_fixtable {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}

#comp_listtable {
	position:relative;
	top:81px;
	left:0px;
}

.compNewDiv {
	//width:100%;
	width:inherit;
	height:40px;
	position:relative;
	top:0px;
	left:0px;
}

.compNewDiv.hidden {
	display:none;
}

.compAddBtn {
	display:inline-block;
	width:100%;
	height:40px;
	background:url(/images/comp_close_lb.png) no-repeat 50% 50% #2872AD;
	text-decoration:none;
	color:#ffffff;
}

.compSaveBtn {
	display:inline-block;
	width:100%;
	height:40px;
	background:url(/images/comp_close_w.png) no-repeat 50% 50% #FF7A7A;
}

.compAddBtn.withdata {
	background:#2872AD;
	owerflow:hidden;
	text-overflow: ellipsis;
}

.compPopData {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:1000;
	min-width:100%;
	border-top:5px solid #2872ad;
	border-bottom:5px solid #2872ad;
}

.compSelect {
	//max-height:305px;
	overflow-y:hidden;
}

.compSelect span {
	padding:0px 10px;
	display:block;
	background:#2872AD;
	white-space: nowrap;
	border-bottom:1px solid #ababab;
}

.compSelect span.subselect {
	background:#5c9fdf;
	border-bottom:1px solid #2872AD;
	-webkit-transition:height 0.5s;
	transition:height 0.5s;
	
}

.compSelect span.selected {
	background:#ACD373;
}

.compSelectOption {
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	width:100%;
}

.compSelectOption img {
	vertical-align:middle;
	display:inline-block;
}

.compSelect span.selected .compSelectOption {
	color:#2872AD;
}

.compDDHolder {
	width:400px;
	height:240px;
	padding:20px;
	background:#A5C9E6;
}

.compDDLeft,
.compDDRight  {
	width:190px;
	height:240px;
	float:left;
}

.compDDRight  {
	margin-left:20px;
}

.compDDTo {
	height:206px;
	border:2px dashed #2872AD;
}

.compDDFinishBtn {
	width:100%;
	height:30px;
	display:inline-block;
	background:url(/images/comp_close_db.png) no-repeat 50% 50% #5c9fdf;
}

.DDRow {
	background:#5c9fdf;
	width:100%;
	height:46px;
	display:inline-block;
	text-align:left;
	margin-bottom:4px;
}

.DDRow img {
	display:inline-block;
	margin:2px 5px 0px 2px;
	vertical-align:middle;
}

.DDRow span {
	display:inline-block;
	line-height:40px;
	height:44px;
	width:135px;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#ffffff;
	vertical-align: middle;
}

.dataOverflow {
	text-overflow:ellipsis;
	overflow:hidden;
	height:inherit;
}

.compTAHolder {
	width:400px;
	height:200px;
	padding:20px;
	background:#A5C9E6;
}

.compTAHolder textarea {
	resize:none;
	width:100%;
}

#compinfo {
	display:none;
}

.compInfoPopup {
	border:1px solid #7cadd6;
	background:#a5c9e6;
	color:#134165;
	position:relative;
	min-width: 600px;
	min-height: 60px;
}

#compScrollable {
	padding: 0px 10px;
	font-size:14px;
	margin:10px 0px;
}

#compScrollable {
	max-height:600px;
	overflow-y:scroll;
}

.compTop {
	background:url(/images/comp_item_info.png) no-repeat 50% 50%;
	width:18px;
	height:28px;
	display:inline-block;
	position:absolute;
	left:50%;
	margin-left:-9px;
	top:-14px;
}

.compCloseW {
	width:21px;
	height:23px;
	background:url(/images/comp_close_w.png) no-repeat 50% 50%;
	display:inline-block;
}

.compCloseLB {
	width:21px;
	height:23px;
	background:url(/images/comp_close_lb.png) no-repeat 50% 50%;
	display:inline-block;
}

.compCloseDB {
	width:21px;
	height:23px;
	background:url(/images/comp_close_wb.png) no-repeat 50% 50%;
	display:inline-block;
}

.addCompPopup {
	width:460px;
	height:330px;
	background:#93BEE2;
	padding:20px;
}

.addCompPopup_holder {
	width:460px;
	overflow:hidden;
	height:300px;
}

.addCompHeader {
	color:#ffffff;
	font-size:16px;
	padding-bottom:20px;
}

.addCompLeft {
	float:left;
	width:49%;
}

.addCompRight {
	float:right;
	width:49%;
}

.addCompLeft select,
.addCompRight select,
.addCompLeft input,
.addCompFull select {
	width:99%;
	font-family: roboto_light;
	cursor:pointer;
}

.addCompLeft select,
.addCompRight select,
.addCompFull select {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	border: 0px solid #fff;
	border-radius: 0px;
	height:40px;
	line-height:40px;
	text-transform: uppercase;
	margin-bottom:20px;
}

.falseTextarea {
	width:99%;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
	height:200px;
}

.compBigBtn {
	width:99%;
	background:#fff;
	line-height:130px;
	border:1px solid #fff;
	font-size:24px;
	cursor:pointer;
}

.compBigBtn.active {
	background:#BED6EB;
	color:#ffffff;
}

.fta_row {
	border: 1px solid #ededed;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	width: 210px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

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

.kh_main {
	display:inline-block;
	position:relative;
	text-align:center;
	top:90px;
	width:100%;
	max-width:1280px;
	left:50%;
}

.kh_otext {
	height:36px;
	background:#ffffff;
	border:2px solid #d8dadc;
	color:#3c75b6;
	cursor:pointer;
	line-height:36px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:0px 10px;
	width:345px;
	//float:left;
	margin:0px;
}

.placeRow .edit_KH_place_btn {
	background:url(/images/edit_place.png) no-repeat 50% 50% #ffffff;
	
	width:40px;
	height:36px;
	line-height:36px;
	vertical-align:top;
	
	border:2px solid #d8dadc;
	margin-left: 6px;
	
	display:inline-block;
	border-radius: 0px;
	text-transform: uppercase;
	cursor:pointer;
}

.kh_osztaly_list {
	margin:30px 0px;
	overflow:hidden;
	height:0px;
	-webkit-transition:height 0.5s;
	transition:height 0.5s;
}

.kh_osztaly_list.opened {
	height:300px;
}

.kh_topright_holder {
	position:absolute;
	top:5px;
	right:5px;
}

.kh_topright_btn {
	background:#ffffff;
	width:20px;
	height:20px;
	color:#00478c;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	line-height:20px;
	text-transform:uppercase;
}

.iframeclose {
	background:#4e9eef;
	width:30px;
	height:30px;
	text-decoration:none;
	display:inline-block;
	line-height:30px;
	position:absolute;
	top:10px;
	right:10px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:22px;
}

.kh_fcsacs {
	position:absolute;
	top:5px;
	height:20px;
	left:230px;
	width:730px;
	text-align:left;
	color:#fff;
	font-size:16px;
}

.kh_headrow {
	height:60px;
	width:100%;
	margin-bottom:5px;
	margin-top:30px;
}

.kh_pcount {
	width:60px;
	height:60px;
	line-height:60px;
	display:inline-block;
	background:#ffffff;
	color:#00478c;
	font-size:36px;
	text-align:center;
	float:left;
}

.kh_countdown {
	color:#ffffff;
	font-size:36px;
	display:inline-block;
	width:160px;
	height:60px;
	line-height:60px;
	overflow:hidden;
	text-overflow:ellipsis;
	float:left;
}

.kh_countdown.warning {
	color:#ff0000;
}

.kh_fcsholder {
	float:left;
	height:60px;
	max-width:280px;
	
}

.kh_fcsholder a,
.kh_acsholder a {
	width:60px;
	height:60px;
	background:#00478c;
	margin-right:5px;
	margin-left:5px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	font-size:36px;
	font-weight:bold;
	color: #fff;
	line-height:60px;
	vertical-align:top;
	position:relative;
}

.kh_fcsholder a img,
.kh_acsholder a img {
	display:inline-block;
}

.kh_fcsholder a span {
	position:absolute;
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	padding-left:40px;
	padding-bottom:40px;
	display:inline-block;
	text-align:center;
	color: #a4caea;
	line-height:24px;
	font-size:12px;
	
}

.kh_acsholder {
	text-align:left;
}

.kh_acsholder a {
	background:#a4caea;
}

.kh_acsholder_scroll {
	
}

.kh_personrow {
	background:#90bbe7;
	height:65px;
	line-height:65px;
	width:100%;
	margin-bottom:3px;
}

.kh_parkrow {
	background:rgba(150,194,237,0.2);
	height:65px;
	line-height:65px;
	width:100%;
	margin-top:5px;
	text-align:left;
}

.kh_parkrow_scrollholder {
	height:65px;
}

.kh_row_ptype {
	float:left;
	display:inline-block;
	height:60px;
	margin-left:3px;
	margin-top:2px;
	width:120px;
}

.kh_row_ptype .kh_ptype_left,
.kh_row_ptype .kh_ptype_right {
	display:inline-block;
	width:60px;
	height:60px;
	background:#00478c;
}

.kh_row_ptype .kh_ptype_right {
	background:#a4caea;
}

.kh_row_pnum {
	width:150px;
	margin:2px 15px 0px 15px;
	height:60px;
	float:left;
	text-align:left;
	line-height:60px;
	position:relative;
}

.kh_row_pnum div {
	width:40px;
	height:40px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:10px;
	left:0px;
}

.kh_row_pnum div.kh_pnum_plus {
	left:105px;
}

.kh_row_pnum span {
	width:60px;
	height:60px;
	text-align:center;
	color:#ffffff;
	font-size:32px;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	position:absolute;
	left:42px;
}

.kh_row_pnum span.kh_longspan {
	width:100px;
	text-align:left;
	font-size:12px;
}

.kh_pnum_user {
	background-image:url(/images/kezh_user.png);
}

.kh_pnum_minus {
	background-image:url(/images/kezh_minus.png);
}

.kh_pnum_plus {
	background-image:url(/images/kezh_plus.png);
}

.khright {
	float:right;
}

.inforow {
	background:rgba(231,238,244,0.22);
	color:#ffffff;
	height:43px;
	margin-bottom:5px;
	width:100%;
	position:relative;
	font-size:18px;
}

.inforow span {
	position:absolute;
	top:10px;
	text-align:left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#orvosnev {
	left:4px;
	width:270px;
}

#tortenes {
	right:4px;
	width:100px;
}

#akcionev {
	right:105px;
}

#indikacionev {
	left:325px;
}

.kh_row_btn,
.kh_row_btn_border {
	width:40px;
	height:40px;	
	margin:9px 5px 0px 2px;
	display:inline-block;
}

.kh_row_btn_border {
	border:3px solid #d3e5e6;
}

.kh_inner_btn {
	background-color:#a4caea;
	border:2px solid #1666b7;
	margin:8px 4px 0px 4px;
}

.kh_inner_btn.selected {
	background-color:#54a4f5;
	border:2px solid #ffffff;
}

.kh_inner_btn.dis,
.kh_row_btn_border.dis {
	opacity:0.5;
}

.kh_btnholder {
	float:right;
	display:inline-block;
	background:#1666b7;
	color:#ffffff;
	height:60px;
	margin-top:2px;
	margin-left:5px;
	margin-right:5px;
}

.kh_btnholder span {
	display: inline-block;
	height:60px;
	line-height:60px;
	vertical-align:top;
	padding:0px 10px;
}

.kh_akc_1 {
	background-image:url(/images/kezh_akc_1.png);
}

.kh_akc_2 {
	background-image:url(/images/kezh_akc_2.png);
}

.kh_akc_3 {
	background-image:url(/images/kezh_akc_3.png);
}

.kh_akc_4 {
	background-image:url(/images/kezh_akc_4.png);
}

.kh_ind_1 {
	background-image:url(/images/kezh_ind_1.png);
}

.kh_ind_2 {
	background-image:url(/images/kezh_ind_2.png);
}

.kh_ind_3 {
	background-image:url(/images/kezh_ind_3.png);
}

.kh_ind_4 {
	background-image:url(/images/kezh_ind_4.png);
}

.kh_ind_5 {
	background-image:url(/images/kezh_ind_5.png);
}

.khAddPerson {
	width:435px;
	height:165px;
	background:#ccddec;
	padding:20px;
}

.khAddPersonText {
	text-align:center;
	color:#00478c;
	height:40px;
	line-height:40px;
	font-size:18px;
}

.khAddPersonInput {
	text-align:center;
	padding:15px 0px;
}

.khAddPersonInput select {
	width:325px;
	height:40px;
	background:#ffffff;
	border:1px solid #ffffff;
}

.khAddBottom {
	text-align:center;
}

.khAddBottom input {
	margin:0px 5px;
}

.kh_bottomrow {
	text-align:left;
	margin-top:5px;
}

.kh_bottomrow span {
	margin-left:10px;
	color:#ffffff;
	font-size:14px;
	line-height:60px;
}

.kh_bottomrow a {
	background-color:#5c9Fd7;
	color:#ffffff;
}

.kh_bottomrow a.KHconfirm {
	height:60px;
	line-height:60px;
	font-size:20px;
	display:inline-block;
	border-left:1px solid #ffffff;
	padding:0px 15px;
}

.kh_person_small_holder {
	width:120px;
	height:65px;
	display:inline-block;
	box-sizing:border-box;
	background:#a4caea;
	margin-right:5px;
}

.kh_person_small_holder.kh_drag {
	position:absolute;
	margin-right:0px;
}

.kh_small_inner {
	position:relative;
	
}

.kh_left_small_img {
	position:absolute;
	left:2px;
	top:2px;
	z-index:1;
	background:#00478c;
	width:30px;
	height:60px;
	overflow:hidden;
}

.kh_right_small_img {
	position:absolute;
	left:32px;
	top:2px;
	z-index:2;
	background:#a4caea;
	width:30px;
	height:60px;
	overflow:hidden;
}

.kh_right_small_img img {
	position:absolute;
	left:-30px;
}


.kh_small_num {
	position:absolute;
	right:2px;
	top:2px;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:32px;
	color:#00478c;
}

.khListDatas {
	width:645px;
	height:460px;
	padding:20px 10px;
	background:#ccddec;	
}

.khListHeader {
	padding-left:110px;
	color:#00478c;
}

.khListHeaderTextL {
	width:260px;
	text-align:center;
	display:inline-block;
}

.khListHeaderTextR {
	width:210px;
	text-align:center;
	display:inline-block;
}

.khListDatas_scrollholder {
	height:400px;
	margin-bottom:25px;
}

.khList_row {
	height:60px;
	line-height:60px;
	background:#A4CAEA;
	margin-bottom:5px;
}

.khList_row_time {
	width:100px;
	display:inline-block;
	height:60px;
	line-height:60px;
	color:#00478c;
	font-size:21px;
	text-align:center;
}