body {
	height: 95%;
	font-family: 'Open Sans', sans-serif;
	font-size:12px !important;
	background-color:#444;
	}
#canvas{
	height:100%;
	margin: 8px;
	padding: 0px;
	}

#container{padding:10px;}

#cegvalaszto{width:100%;}

.k-block>.k-header {min-height:2.3em;}
/*.k-upload {float:left;}*/

#main-alert-group{
	display:none;
	position: relative;
	margin-bottom:0px;
	z-index:1;
	top:0;
	width:100%;
}

.alert-danger{
    color: #f9f9f9;
    background-color: #ff4f4f;
    border-color: #863844;
}

.alert-warning{
	color: #f9f9f9;
    background-color: #ffa31a;
    border-color: #af8a40;
}

.alert-success{
	color: #f9f9f9;
    background-color: #279e1f;
    border-color: #388647;
}

.invalid-input{
	background: #ff8686 !important;
}

.cover-image{
	width:102%;
	background-color:#4e4e4e;
	background-position:top center;
	background-repeat:no-repeat;
	margin:-1%;
	border-color:#555555;
}

/** Info button */
span.info-link {
    padding-left: 10px;
    font-size: 17px;
    vertical-align: super;
    cursor: pointer;
}

.word-break{
	word-break: break-word;
}
.pre-line{
	white-space: pre-line;
}

.color-hungaro{
	color: #f4af03;
}

#editor{width:800px;min-height:600px;float:left;}
#tools{width:300px;min-height:300px;float:left;}
#editor .k-header div{padding-top:8px;padding-left:8px;}
#tools .k-header div{padding-top:8px;padding-left:8px;}

.editTextarea{font-family: 'Open Sans', sans-serif;font-size:12px;}

.headerCim{padding-left:7px;padding-top:7px;font-weight:bold;}
.innerPanel{padding:15px;}
.dataGrid {width:100%;}
.dataGrid td{vertical-align:top;padding:3px;}

.no-pointer{
	pointer-events: none;
}

/* MENU */

.k-scheduler-times-all-day, .k-scheduler-fullday{display:none !important;}

#login-bg{
	width: 100%;
    padding-top: 44%;
	background-image: url("../img/login_picture.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}

.loginForm{
    margin-top: -30%;
}


@media (max-width: 980px){
	.loginForm{	
    	width: 60%;
	}
}

@media (min-width: 981px){
	.loginForm{	
    	width: 400px;
	}
}

.loginForm{	
    margin-left: auto;
    margin-right: auto;
	padding:10px 5px 10px 5px;
	font-size:14px;
	text-align:center;
	transition:opacity 0.5s linear;
	opacity:1;
	border-radius:2px;
}

.form-control{
	font-size:14px;
}

.input-group{
	margin:1rem;	
}

.login-button{
	padding: 4px 12px 4px 12px;
}

.errorBox{
	width:100%;
	padding:8px;
	background:#ff5858;
	text-align:center;
	font-weight:bold;
	color:white;
}
.okBox{
	width:100%;
	padding:8px;
	background:#7db571;
	text-align:center;
	font-weight:bold;
	color:white;
}

#searchPanel{
    position:absolute;
    top:3px;
    width:740px;
    padding:30px;
    left:50%;
    margin-left: -400px;

    -webkit-box-shadow: 0 0 30px 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 30px 20px rgba(0,0,0,0.4);
    z-index:70000;
}

.searchRow{border:1px solid #aaaaaa;padding:10px;display:block;margin-top:3px;text-decoration: none;color:#222222;}
.searchRow:hover{background:#aaaaaa;}
.searchRow p {margin:0px;}
.searchRow h3 {margin:0px;}

.hsButton, .tsButton, .esButton, .searchButton {border-radius:0px; border-color:#444;}
.hsButton:hover, .tsButton:hover, .esButton:hover, .searchButton:hover { border-color:#444; }
.hsButton:active{background:#f35800; border-color:#f35800; -webkit-box-shadow: none !important;  box-shadow:none !important;}
.tsButton:active{background:#ec2227; border-color:#ec2227; -webkit-box-shadow: none !important;  box-shadow:none !important;}
.esButton:active{background:#005393; border-color:#005393; -webkit-box-shadow: none !important;  box-shadow:none !important;}

#ajanlatDetails{display:none;}
#newUgyfel{display:none;}
#ajanlatDetails2{display:none;}
#potmunka{display:none;}
#teljesitesiLista{display:none;}
#fileBrowser{display:none;}
#timeline{display:none;}
#projektAllapot{display:none;}
#docs{display:none;}
#megjegyzesek{display:none;}
#szerzodesDetails{display:none;}
#epitesiNaplok{display:none;}
#alvallalkozok{display:none;}
#anyagok{display:none;}
#anyagRendelesek{display:none;}
#ajanlatDocs{display:none;}
#ajanlatDocs1{display:none;}
#ajanlatDocs2{display:none;}
#ajanlatDocs3{display:none;}
#window{display:none;}
#fotok{display:none;}
#browser{background:#ffffff;padding:20px}
.fileTable {width:100%;}
.fileTable td {padding:3px;}
.fileTable .bt-style {border-top: solid 1px rgba(109,109,109,0.4);}

.selectAjanlatSorszam{width:140px;}
.selectRendelesSorszam{width:140px;}
.selectSzerzodesSorszam{width:140px;}
.formTextArea{width:100%;height:80px;font-family: 'Open Sans', sans-serif;font-size:12px;border:none;}
.aloneTextArea{width:100%;height:600px;font-family: 'Open Sans', sans-serif;font-size:12px;border:none;}

.buttonSpace{height:40px;}

.special-event{background:#0167cc !important; color:#ffffff !important;}

.k-sprite {
    background-image: url("../img/coloricons-sprite.png");
}

/* ----------  main menu, notification ---------- */
#canvas>nav.main-menu{
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
    margin-bottom: 0px;
    min-height: 30px;
    border: none;
}

#canvas>nav.main-menu .container-fluid{
	padding: 0px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	border-radius: 3px;
}

#canvas .navbar-toggler{
	font-size: 22px;
    padding: 0px 9px 1px 9px;
    margin-top: 7px;
    margin-left: 7px;
}

.main-menu > .container-fluid > ul > li > a{
	padding: 13px;
}

.main-menu > .container-fluid > ul > li > ul > li > a{
	padding: 7px;
}

#notification-menu{
	display: inline-block;
	text-align:center;
	border-left:0px;
	margin: 6px 11px;
}

#company-image{
	width: 25px;
	height: 30px;
	display: inline-block;
}

#company-image i{
	cursor: pointer;
	font-size: 26px;
    vertical-align: -8px;
}

#company-image-window embed{
	width: 96%;
	height: 700px;
}

div#notification-counter{
	position: absolute;
    color: white;
    width: 100%;
    left: 0%;
    font-size: 14px;
    top: 7px;
}

#notification{
	padding:2px;
	font-size:20px;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
	position:relative;
	}

#notification:hover{
	background:#333333;
	color:#ffffff;
	}

#notification.notification-alert{
  color: red;
}

#notificationList{
	display:none;
	z-index:10;
	padding:10px;
	min-height:300px;
	width: 710px;
	right: 24px;
	position:absolute;
	-webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}

@media (min-width: 768px){
	.navbar-nav>li.lg-float-right{
		float: right;
	}
	
	.navbar.main-menu .navbar-toggler{
	display: none;
	}
}

@media (max-width: 767px){
	#canvas>nav.main-menu.container-fluid{
		padding-left: 12px;
	}
	
	#canvas>nav.main-menu .container-fluid .navbar-nav{
		margin: 0px;
	}
	
	#notificationList{
		right: auto;
		left: 0;
		width: 100%;
	}
}

#notificationList #tabstrip{
	text-align:left;
	overflow:scroll;
	position: relative;
}

#notificationList #tabstrip .refresh-button{
	position: absolute;
	top: 6px;
	right: 6px;
}

#notificationList #tabstrip-1,
#notificationList #tabstrip-2{
	padding:0px;
}

#notificationList tbody{
	font-size:12px;
	white-space:normal;
}

#notificationContainer td .k-button{
	margin:0px;
}

#notification-message-counter{
	position: relative;
	left: -50%;
	color: white;
	font-size: 16px;
	top: 4px;
}

#notificationList td{
	vertical-align: baseline;
}

#theme-form{
	padding:4px 3px 0px 3px;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
	}
    
#theme-button{
	background:none;
	border:none;
	display:contents; }
	
#theme-icon{
	font-size:24px;
	border-radius:10px; }
	
#alert-message{ font-weight: bold; }

.isNotification{background:#ff0000;color:#ffffff;}

.tooltip{
	font-size:13px;
}

/* --------- some trashy styling --------- */

.pdf {background-position: 0 -32px;}
.image {background-position: 0 -64px;}

.redRow{background:#efb2b2 !important;}
.greenRow{background:#caec8c !important;}
.greyBgRow{background:#999999 !important;}
.greyRow{color:#999999 !important;}

html .k-upload{position:static;}

div.k-edit-buttons.k-state-default{
	text-align:center;
}

/*termekek multi-filter */
.k-reset.k-multicheck-wrap{
	max-height: 420px;
    overflow: auto;
    border: solid 1px #ddd;
    margin-top: 5px;
    margin-bottom: 5px;
}

.photo {
    float: left;
    position: relative;
    overflow:hidden;
    width: 100px;
    height: 70px;
    margin: 0px;
    padding: 0px;
    border:1px solid #ffffff;
}

.k-listview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.k-grid-header{
	
}

div.k-grid-header th.k-header a.k-link{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
     min-width:20px;
}

.k-scheduler-monthview .k-scheduler-table td {height:140px;}

.hideRow { display:none !important; }

.k-scheduler-monthview .k-scheduler-table td {
    height:200px !important;
}

#scheduler{height:600px;}

/* floating window */
div.floating-window{
	display:none;
	resize: both;
  	overflow: auto;
  	position: absolute;
  	z-index: 100;
  	width: 70%;
  	left: 15%;
  	height: 75%;
  	top:10%;
}

div.floating-window.static-small{
	width: 300px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    resize: none;
    top: 21%;
}

div.floating-window.filing-attachments-fullscreen{
	resize:none;
  	width: 100%;
  	left: 0%;
  	height: 100%;
  	top:0%;
}

div.floating-window .k-window-title{
	padding-top:1px;
}

div.floating-window .k-window-actions{
	float: right;
	padding-top: 0.2em;
}

div.floating-window .k-window-content{
	text-align:center;
}

div.floating-window #attachment-viewer-big{
	height: 88%;
    margin: 0.5%;
    background-color: #8198ad82;
}

div.floating-window embed#attachment-viewer-big{
	width: 99%;
	height: 83%;
	border: 1px solid black;
}

/* -------- mah custom bootstap-like classes -------- */
.color-magenta { color: magenta; }

.color-dodgerblue { color: dodgerblue; }

.font-14{ font-size:14px; }

.font-16{ font-size:16px; }

/* - margin -*/
.m-0{ margin:0px;}

.mb-05{ margin-bottom: 0.5rem;}
.mb-1{ margin-bottom: 1rem;}
.mb-2{ margin-bottom: 2rem;}
.mb-5{ margin-bottom: 5rem;}

.ml-1{ margin-left: 1rem;}

.ml-10pe{ margin-left:10% !important;}

.mt-1{ margin-top:1rem;}
.mt-2{ margin-top:2rem;}
.mt-4{ margin-top:4rem;}

.mr-1{margin-right:1rem;}


/* - padding -*/
.pr-1{ padding-right: 1rem;}
.pl-1{ padding-left: 1rem;}

.p-05{ padding: 0.5rem;}

.pl-05{ padding-left: 0.5rem;}

td.pt-8px{ padding-top:8px;}

.p-02-0-0-1{ padding: 0.2rem 0rem 0rem 1rem;}

.vertical-align-baseline{
	vertical-align:baseline;
}

.font-italic{
	font-style:italic;
}

/* - width -*/
.w-33{ width: 33% !important;}
.w-67{ width: 67% !important;}
.w-40{ width: 40% !important;}
.w-80{ width: 80% !important;}
.w-100{ width: 100% !important;}

.w-22rem{ width:22rem; }

.float-left{ float:left};

.modal-layer{
	position:absolute;
	width:100%;
	display:block;
}

.modal-widget{
	margin:0 auto;
	display: block;
	position: relative;
	width: 400px;
	z-index:10002;
	border: none;
	/*border-style: solid;*/
    /*border-width: 1px;*/
    padding-top: 2em;
    border-radius: 4px;
    padding-bottom: 3px;
}

.modal-widget-header{
	margin-top: -4rem;
}

.k-customPopup{
	padding-top: 28.36px;
	min-width: 90px;
	min-height: 50px;
	display: block;
	top: 20%;
	left: 39%;
	z-index: 10003;
	opacity: 1;
	transform: scale(1);
}

.input-msg-margin{
	margin: 0.5rem 0rem 0rem 10rem;
}

#weekend-rent-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 30%;
  text-align: center;
  font-size:14px;
}

#weekend-rent-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#printFrame{
	border-width:0px;
}