/************************************************
*   COLORS
*************************************************/
/**/
	:root {
		--main_textcolor:#3d4854;
		--main_backgrd:#fff;
		--main_color:#bd650d;
		--main_color_hover:#dd760f;
		--main_bordercolor:#e7e0da;
		--main_backgrd_hover:#eaeaea;
		
		--disabled_color:#888888;
		--disabled_textcolor:#c0c0c0;

		--box_grey:#55595c; 
		--boxshade:#cccccc;
		
		--menu_color: #fff;
		--menu_color_inactive:rgba(255, 255, 255, 0.5);
		--menu_color_hover: #fff;

		--content_backgrd: #f9faf6;

		--sidebar_selected:#2b311c;
		--sidebar_color:#25281c;
		--placeholder:#d7dde4;
		
		--error_backgrd:#be2626;
		--error_backgrd_bottom:#a92222;
		--error_textcolor: #fff;

		--subtitle_textcolor:#7e8e9f;

		--btn_type2_backgrd:#f3f4ef;
		--btn_type3_backgrd:#fe974b;
		--btn_type3_backgrd_hover:#fe7a18;
		--btn_type4_backgrd: #7867A7;
		--btn_type4_backgrd_hover: #8973c7;
		--btn_type5_backgrd: #FF4444;
		--btn_type5_backgrd_hover: #ff1111;

		--waitfor_color:#DEB887;

		--calendar_event_backgrd:#3a87ad;
	}
/*	ok: #4f5f6f - 2 előfordulás - row 446, 1319, 1467 - mindenhol ez a text color Chrome-ban/éles rendszer/, nem a main_textcolor
	ok: #d7dde4 - 2 előfordulás - 511, 516 - változóban, placeholder
	ok: #c8d0da - 1 előfordulás - 558
	ok: #969696 - egyetlen előfordulás - 565
	ok: dropzone komponens-ben placeholder-re cserélve rgba(255, 255, 255, 0.9) - egy előfordulás - 639, 931
	ok: rgba(0, 0, 0, 0.3) - egy előfordulás - 684 - fekete, áttetszőség -> szürke
	most maradt: #999 #eee, #ddd - egy előfordulás - 746
	ok: rgba(0, 0, 0, 0.9) - két előfordulás - 797, 1010
	most maradt: rgba(200, 200, 200, 0.8) - két előfordulás - 813, 1027
	most maradt: rgba(255, 255, 255, 0.8) - két előfordulás - 814, 1028
	most maradt: rgba(255, 255, 255, 0.4) - két előfordulás - 829, 1042
	most maradt: #333, #666, #444 - két előfordulás - 939, 1152
	ok: #373a3c - 2 előfordulás - 1349, 1310 
	ok: #000 - egy előfordulás - 1288
	ok: rgba(0, 0, 0, 0.15) - egy előfordulás - 1317
	ok: #e5e5e5 - egyetlen előfordulás - 1370
	ok: #f5f5f5 - egyetlen előfordulás - 1376
	ok: #eaece3 - egyetlen előfordulás - 1412
	ok:  - egyetlen előfordulás - 1456
	ok: #7e8e9f - egyetlen előfordulás - 1460, 1573
	*/

/************************************************
*   BASE HTML ELEMENTS
*************************************************/
	html {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-ms-overflow-style: scrollbar;
		-webkit-tap-highlight-color: transparent;
	}

	html, body {
		padding: 0;
		margin: 0;
		height: 100%;
		min-height: 100%;
		font-family: Calibri, sans-serif;
		color: var(--main_textcolor);
		overflow-x: hidden; 
		font-size:14px;
		line-height: 1.15;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

	article, aside,	details, figcaption, figure, footer, header, main, menu, nav, section, summary {
		display: block;
	}

	button,	html [type="button"], [type="reset"], [type="submit"] {
		-webkit-appearance:	button;
	}

	input, textarea {
		outline: none; 
	}

	textarea{
		overflow: auto;
	}

	.form-group, td{
		position:relative;
		margin:0;
		padding:0;
	}

	.card-content  .form-group{
		display:inline-block;
		float:none;
		margin-top:10px;
	}
		
	*, *::before, *::after {
	  -webkit-box-sizing: inherit;
		box-sizing: inherit;
	}


	label {
		display: inline-block;
		/*margin-bottom: 0.5rem;*/
	}

	pre {
		margin-top: 0;
		margin-bottom: 1rem;
		overflow: auto;
		padding: 0;
		border: none;
		background: none; 
	}


	[type="checkbox"],[type="radio"] {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		position: absolute;
	}


	.radio,	.checkbox {
		opacity: 0;
	}

	.radio.squared + span:before {
	  content: "\f0c8"; }

	.radio.squared:checked + span:before {
	  content: "\f14a"; }

	input, button, select, textarea	{
		line-height: inherit;
	}

	a {
		background-color: transparent;
		-webkit-text-decoration-skip: objects;
		color: #0275d8;
		text-decoration: none;
	}

	a:focus, a:hover {
		color: #014c8c;
		text-decoration: underline;
	}

	a:focus {
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

	a:active, a:hover {
		outline-width: 0;
	}


	a, area, button, input, label,	select,	summary, textarea {
		-ms-touch-action: manipulation;
		touch-action: manipulation;
	}

	b, strong {
		font-weight: bolder;
	}

	p {
		margin-top: 0;
		margin-bottom: 1rem;
	}


	input[type="text"], input[type="password"], input[type="number"], select{
		box-sizing: border-box;
		position: relative;
		display: block;
		overflow: hidden;
		padding: 0 0 0 8px;
		height: 30px;
		border: 1px solid var(--placeholder);
		border-radius: 0px;
		background-color: white;
		background-clip: padding-box;
		color: #444;
		text-decoration: none;
		white-space: nowrap;
		line-height: 30px;
		width: 100%;
	}

	input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, select:hover{
		border: 1px solid var(--main_color);
	}

	label, .label{
		line-height:30px;
	}

	.complexsearch label{
		line-height: 1em;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-top: 0;
		margin-bottom: 0;
		font-family: inherit;
		font-weight: 500;
		line-height: 1.1;
		color: inherit;
	}

	h1, .h1 {
	  font-size: 2.5rem;
	}

	h2, .h2 {
	  font-size: 2rem;
	}

	h3, .h3 {
	  font-size: 1.75rem;
	}

	h4, .h4 {
	  font-size: 1.25rem;
	}

	h5, .h5 {
	  font-size: 1.25rem;
	}

	h6, .h6 {
	  font-size: 1rem;
	}

	hr {
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		height: 0;
		overflow: visible;
		margin-top: 1rem;
		margin-bottom: 1rem;
		border: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.checkbox +	span {
		padding: 0;
		padding-right: 10px; 
	}
		

	label, .control-label, .label {
		font-weight: 600;
	}



	input, select, textarea{
		box-sizing:	border-box;
		position: relative;
		display: block;
		overflow: hidden;
		padding: 0 0 0 8px;
		border:	1px	solid var(--main_bordercolor);
		border-radius: 0px;
		background-color: var(--main_backgrd);
		background-clip: padding-box;
		text-decoration: none;
		line-height: 31px;
		width: 100%;
	}

	input,select{
		height:	40px;
		white-space: nowrap;
	}

	button,	input {
		overflow: visible;
	}

	button, input, optgroup, select, textarea {
		font: inherit;
		margin: 0;
	}

	input, textarea {
		outline: none; 
	}

	.nav {
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}

	ol, ul, dl {
		margin-top: 0;
		margin-bottom: 1rem;
	}

	ol ol, ul ul, ol ul, ul ol {
		margin-bottom: 0;
	}

	img {
	  vertical-align: middle;
	}

	.chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices {
		background-color: var(--main_backgrd);
		border-color: var(--placeholder);
	}
	.chosen-container-single .chosen-single:hover, .chosen-container-multi .chosen-choices:hover {
		border-color: var(--main_color);
	}

	.chosen-container-multi .chosen-choices li.search-field input[type="text"]{
		color:var(--main_textcolor);
	}

	.chosen-container-multi .chosen-choices li.search-choice{
		border-radius:0px;
		color: var(--main_textcolor);
		background-color: var(--main_backgrd);
		border-color: var(--placeholder);
		background-image: none;
	}

	.chosen-container-single .chosen-single div b:after{
		color: var(--main_color);
		top:-2px;
	}
	.chosen-container-multi:after{
		color: var(--main_color);
	}
	.chosen-container .chosen-results li.highlighted {
	  background-color: var(--main_color);
	}
/************************************************
*   BUTTONS
*************************************************/
	button, html [type="button"], [type="reset"], [type="submit"] {
		-webkit-appearance: button;
	}

	button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}

	button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
		outline: 1px dotted ButtonText;
	}

	.btn {
		display: inline-block;
		background-image: none;
		border-radius: 0;
		margin-bottom: 0px; 
		font-weight: normal;
		line-height: 20px;
		text-align:	center;
		white-space: nowrap;
		vertical-align:	middle;
		cursor:	pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border:	1px	solid transparent;
		padding: 5px 7px 5px 7px;
		font-size: 14px;
	}
	 
	.btn.yesno{
		border:2px solid var(--main_color);
	}
	.btn.yesno:not(:first-of-type){
		margin-left:-2px;
	}
	.btn.yesno.active{
		background: var(--main_color);
		color: var(--main_backgrd);
	}

	.btn.btn-sm{
		padding: 2px 4px;
	}

	.btn-block {
	  display: block;
	  width: 100%;
	}

	.btn.type1, .btn-primary {
		color: var(--main_backgrd);
		background-color: var(--main_color);
		border-color: var(--main_color); 
	}
	.btn.type1:hover, .footable .btn-primary.active, .footable .btn-primary.focus, .footable .btn-primary:active, .footable .btn-primary:focus, .footable .btn-primary:hover, .footable .open>.dropdown-toggle.btn-primary {
		color: var(--main_backgrd);
		background-color: var(--main_color_hover);
		border-color: var(--placeholder); 
	}

	.btn.type2 {
		color: var(--main_color);
		background-color: var(--btn_type2_backgrd);
		border-color: var(--placeholder); 
	}
	.btn.type2:hover {
		color: var(--main_backgrd);
		background-color: var(--box_grey);
	}

	.btn.type3 {
		color: var(--main_backgrd);
		background-color: var(--btn_type3_backgrd);
		border-color: var(--placeholder);
	}
	.btn.type3:hover {
		color: var(--main_backgrd);
		background-color: var(--btn_type3_backgrd_hover);
	}

	.btn.type4 {
		color: var(--main_backgrd);
		background-color: var(--btn_type4_backgrd);
		border-color: var(--placeholder);
	}
	.btn.type4:hover {
		color: var(--main_backgrd);
		background-color: var(--btn_type4_backgrd_hover);
	}

	.btn.type5 {
		color: var(--main_backgrd);
		background-color: var(--btn_type5_backgrd);
		border-color: var(--placeholder);
	}
	.btn.type5:hover {
		color: var(--main_backgrd);
		background-color: var(--btn_type5_backgrd_hover);
	}

	.btn.type6{
		background-color:var(--sidebar_color);/*#26281b;*/
		color: var(--main_backgrd);
	}
	.btn.type6:hover {
		color: var(--main_backgrd);
		background-color: var(--box_grey);
		border-color: var(--box_grey); 
	}
	.btn.type6 i{
		color: var(--main_color);
	}

	.backbtn{
		background-color:var(--main_backgrd);
		color:var(--main_color);
		margin-right:20px;
		margin-bottom:20px;
		min-width:100px;
		border-color: var(--main_color);
	}
	.backbtn:hover {
		color: var(--main_backgrd);
		background-color: var(--box_grey);
		border-color: var(--box_grey);
	}

	.searchfield_btn {
		display: block;
		position: absolute;
		right: 10px;
		width: 60px;
		bottom: 0px;
		height: 40px;
		text-align: center;
		cursor: pointer;
	}

	.btn.disabled, .btn.disabled:focus, .btn.disabled.focus, .btn:disabled:focus, .btn:disabled.focus, .btn.disabled:hover, .btn:disabled:hover {
		background-color: var(--disabled_color);
		border-color: var(--disabled_color);
		color:var(--disabled_textcolor);
		cursor:default;
	}
	.command-btn-group button{
		margin-right:20px;
		margin-bottom:20px;
		min-width:100px;
	}
	.command-btn-group button:last-of-type{
		margin-right:0px;
	}
	.leftbtn{
		text-align:left;
		position:relative;
	}
	.rightbtn{
		right:0px;
		bottom:0px;
		position:absolute;
	}

	/*.leftbtn i{
		position:absolute;
		right:10px;
		top:0px;
		width:20px;
		height:40px;
		line-height:40px;
	}*/


/************************************************
*   APP
*************************************************/
	.main-wrapper {
		width: 100%;
		position: absolute;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden; 
	}
	.htmlmain-wrapper {
		width: 100%;
		position: absolute;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden; 
	}

	.app {
		position: relative;
		width: 100%;
		padding-left: 230px;
		min-height: 100vh;
		margin: 0 auto;
		left: 0;
		background-color: var(--content_backgrd);
		box-shadow: 0 0 3px var(--boxshade);
		-webkit-transition: left 0.3s ease, padding-left 0.3s ease;
		transition: left 0.3s ease, padding-left 0.3s ease;
		overflow: hidden; 
	}

	.app .content {
		/*padding: 74px 20px 75px 20px;*/
		min-height: 100vh;
	}

	.fullview .app{
		padding-left:20px;
	}

	.fullview .app .content{
		padding-left: 100px;
		left: 0px;
	}


/************************************************
*   MAIN ELEMENTS
*************************************************/
	.nopadding{
		padding-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

	.minpadding{
		padding-left: 0px;
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 0px;
	}

	.row .col {
		padding-left: 15px;
		padding-right: 15px;
		float: left; 
	}

	.row{
		width:100%;
	}

	.form-group .row {
		margin-left: -10px;
		margin-right: -10px; 
	}

	.form-group .row [class^='col'] {
		padding-left: 10px;
		padding-right: 10px; 
	}

	.card {
		/*position: relative;
		display: block;*/
		margin-bottom: 0.75rem;
		background-color: var(--main_backgrd);
		box-shadow:	var(--boxshade);
		margin-bottom: 10px;
		border-radius: 0;
		border:	none;
	}

	.card .card-header {
		background-image: none;
		background-color: var(--main_backgrd);
		height:50px;
		width:100%;
		margin:0;
		padding:0;
		border-bottom:1px solid var(--placeholder);
		position:relative;
		display: flex;
	}

	.card .card-header::after {
		content: "";
		display: table;
		clear: both; 
	}

	.card .card-header .header-block {
		padding: 0.5rem 15px; 
	}

	@media (min-width: 1200px) {
		.card .card-header .header-block {
			padding: 0.5rem 20px; 
		} 
	}

	@media (max-width: 767px) {
		.card .card-header .header-block {
			padding: 0.5rem 10px; 
		} 
	}

	.card .card-header .title {
		color: var(--main_textcolor);
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex; 
	}

	.card .card-header .btn {
		margin: 0; 
	}

	.card .card-content{
		padding: 10px 28px 28px 28px;
	}

	.card-block {
	  padding: 0 0 20px 0;
	  margin-bottom:20px;
	  border:1px solid var(--main_bordercolor);
	}

	.card-block::after {
	  content: "";
	  display: table;
	  clear: both;
	}

	/*.card-block.popup {
		overflow-y:auto;
	}*/

	.card .card-header .btn-group{
		height:100%;
	}
	.card .card-header .btn-group button{
		height:100%;
		padding:10px 14px;
		font-size:20px;
		border-left:0;
		border-top:0;
		border-bottom:0;
		border-right:2px solid var(--placeholder);
		border-radius:0;
		background-color: var(--main_backgrd);
		color: var(--main_textcolor);
	}
	.card .card-header .btn-group button.active{
		background-color:var(--btn_type2_backgrd);
		color: var(--main_color);
	}

	.form-group > label.nopadding{
		padding:0px;
	}

	label {
		display: inline-block;
		/*margin-bottom: 0.5rem;*/
	}
	
	.rightlabel{
		text-align:right;
		padding-right:10px;
	}
	  
	.form-control.boxed {
	  border-radius: 0;
	  box-shadow: none; 
	}

	.form-control.boxed:focus {
		border: 1px solid var(--main_color); 

	}


	.form-control:not(.checkbox) {
		display: block;
		width: 100%;
		padding: 0.5rem 0.75rem;
		font-size: 1rem;
		line-height: 1.25;
		background-color: var(--main_backgrd);
		background-image: none;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border-radius: 0;
	}

	.form-control::-moz-placeholder {
		/* Firefox 19+ */
		font-style: italic;
		color: var(--placeholder); 
	}

	.form-control:-ms-input-placeholder {
		font-style: italic;
		color: var(--placeholder); 
	}


	.checkbox + span:before {
		content: "\f0c8";
	}

	.checkbox:checked + span:before {
		content: "\f14a";
	}

	.radio{
		cursor:pointer;
	}

	.radio + span:before {
		content: "\f111"; 
	}

	.radio:checked + span:before {
		content: "\f192"; 
	}

	.radio + span:before, .checkbox + span:before {
		font-family: "Font Awesome 6 Free";
		font-size: 21px;
		display: inline-block;
		vertical-align: middle;
		letter-spacing: 10px;
		color: var(--placeholder);
	}

	.radio:checked + span:before, .checkbox:checked + span:before {
		color: var(--main_color);
	}

	.radio:disabled + span:before,
	.checkbox:disabled + span:before {
		opacity: 0.5;
		cursor: not-allowed; 
	}

	.radio:checked:disabled + span:before,
	.checkbox:checked:disabled + span:before {
		color: var(--disabled_textcolor); 
	}

	a:not(.btn) {
		-webkit-transition: initial;
		transition: initial;
		text-decoration: underline;
		color: var(--main_color);
	}

	span a {
		vertical-align: text-bottom; 
	}

	.errormsg{
		color: var(--error_backgrd);
		font-weight: 600;
		line-height:40px;
	}

	.fa {
	  display: inline-block;
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  transform: translate(0, 0);
	}

	.section {
		display: block;
		margin-bottom: 15px; 
	}

	@media (min-width: 1200px) {
		.section {
			margin-bottom: 25px; 
		} 
	}

	@media (min-width: 1365px) and (max-width: 1199px) {
		.section {
			margin-bottom: 20px; 
		} 
	}

	@media (min-width: 768px) and (max-width: 1364px) {
		.section {
			margin-bottom: 15px; 
		} 
	}
	@media (max-width: 767px) {
		.section {
			margin-bottom: 10px; 
		} 
	}
	.section:last-of-type {
		margin-bottom: 0; 
	}
/************************************************
*POPUP
*************************************************/
	.popup .title{
		padding: 15px;
		font-size: 16pt;
		font-weight: lighter;
		color: #000;
		width: 100%;
		background-color: #eaece3;
		text-transform: uppercase;
	}

/************************************************
*   DATEICON
*************************************************/
	.dateicon{
		position:absolute;
		right:0px;
		top:0px;
		width:30px;
		height:100%;
		background-color:var(--main_color);
		z-index:9;
		color:var(--main_backgrd);
	}

	.complexsearch .dateicon{
		right:0px;
	}

	.dateicon:after{
		content:"\f073";
		width:15px;
		height:15px;
		font-size:18px;
		font-family: FontAwesome;
		font-weight:400;
		position:relative;
		left:8px;
		top:4px;
	}

	.popup .form-control + .dateicon:after{
		top:8px;
	}

	.complexsearch .form-control + .dateicon:after{
		top:0px;
	}
/************************************************
*   TABLE
*************************************************/
	table {
	  border-collapse: collapse;
	  background-color: transparent;
	}
	
	.table .checkbox + span:before {
    line-height: 20px;
}

	th {
	  text-align: left;
	}


/************************************************
*   DROPZONE
*************************************************/
	.dropzone, .dropzone *, .fileupload, .fileupload * {
		box-sizing: border-box; 
	}

	.dropzone, .fileupload {
		min-height: 150px;
		border: 2px solid var(--placeholder);
		background: var(--main_backgrd);
		/*padding: 20px 20px; */
	}

	.dropzone.dz-clickable, .fileupload .dz-clickable {
		cursor: pointer; 
	}

	.dropzone.dz-clickable *,.fileupload.dz-clickable * {
		cursor: default; 
	}

	.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *,
	.fileupload.dz-clickable .dz-message, .fileupload.dz-clickable .dz-message *{
		cursor: pointer; 
	}

	.dropzone.dz-started .dz-message,
	.fileupload.dz-started .dz-message{
		display: none; 
	}

	.dropzone.dz-drag-hover,
	.fileupload.dz-drag-hover{
		border-style: solid; 
	}

	.dropzone.dz-drag-hover .dz-message,
	.fileupload.dz-drag-hover .dz-message{
		opacity: 0.5; 
	}

	.dropzone .dz-message,
	.fileupload .dz-message{
		text-align: center;
		margin: 40px 0; 
	}

	.dropzone .dz-preview,
	.fileupload .dz-preview{
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin: 16px;
		min-height: 100px; 
	}

	.dropzone .dz-preview:hover,
	.fileupload .dz-preview:hover{
		z-index: 1000; 
	}

	.dropzone .dz-preview:hover .dz-details,
	.fileupload .dz-preview:hover .dz-details{
		opacity: 1; 
	}

	.dropzone .dz-preview.dz-file-preview .dz-image,
	.fileupload .dz-preview.dz-file-preview .dz-image{
		border-radius: 20px;
		background: #999;
		background: linear-gradient(to bottom, #eee, #ddd); 
	}

	.dropzone .dz-preview.dz-file-preview .dz-details,
	.fileupload .dz-preview.dz-file-preview .dz-details{
		opacity: 1; 
	}

	.dropzone .dz-preview.dz-image-preview,
	.fileupload .dz-preview.dz-image-preview{
		background: var(--main_backgrd); 
	}

	.dropzone .dz-preview.dz-image-preview .dz-details,
	.fileupload .dz-preview.dz-image-preview .dz-details{
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-ms-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear; 
	}

	.dropzone .dz-preview .dz-remove,
	.fileupload .dz-preview .dz-remove{
		font-size: 14px;
		text-align: center;
		display: block;
		cursor: pointer;
		border: none; 
	}

	.dropzone .dz-preview .dz-remove:hover {
		text-decoration: underline; 
	}
	.dropzone .dz-preview:hover .dz-details {
		opacity: 1; 
	}
	.dropzone .dz-preview .dz-details {
		z-index: 20;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		font-size: 13px;
		min-width: 100%;
		max-width: 100%;
		padding: 2em 1em;
		text-align: center;
		color: rgba(0, 0, 0, 0.9);
		line-height: 150%; 
	}

	.dropzone .dz-preview .dz-details .dz-size {
		margin-bottom: 1em;
		font-size: 16px; 
	}

	.dropzone .dz-preview .dz-details .dz-filename {
		white-space: nowrap; 
	}

	.dropzone .dz-preview .dz-details .dz-filename:hover span {
		border: 1px solid rgba(200, 200, 200, 0.8);
		background-color: rgba(255, 255, 255, 0.8); 
	}

	.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
		overflow: hidden;
		text-overflow: ellipsis; 
	}

	.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
		border: 1px solid transparent; 
	}

	.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
		background-color: rgba(255, 255, 255, 0.4);
		padding: 0 0.4em;
		border-radius: 3px; 
	}

	.dropzone .dz-preview:hover .dz-image img {
		-webkit-transform: scale(1.05, 1.05);
		-moz-transform: scale(1.05, 1.05);
		-ms-transform: scale(1.05, 1.05);
		-o-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05);
		-webkit-filter: blur(8px);
		filter: blur(8px); 
	}

	.dropzone .dz-preview .dz-image {
		border-radius: 20px;
		overflow: hidden;
		width: 120px;
		height: 120px;
		position: relative;
		display: block;
		z-index: 10; 
	}

	.dropzone .dz-preview .dz-image img {
		display: block; 
	}

	.dropzone .dz-preview.dz-success .dz-success-mark {
		-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 
	}

	.dropzone .dz-preview.dz-error .dz-error-mark {
		opacity: 1;
		-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 
	}

	.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
		pointer-events: none;
		opacity: 0;
		z-index: 500;
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin-left: -27px;
		margin-top: -27px; 
	}

	.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
		display: block;
		width: 54px;
		height: 54px; 
	}

	.dropzone .dz-preview.dz-processing .dz-progress {
		opacity: 1;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear; 
	}

	.dropzone .dz-preview.dz-complete .dz-progress {
		opacity: 0;
		-webkit-transition: opacity 0.4s ease-in;
		-moz-transition: opacity 0.4s ease-in;
		-ms-transition: opacity 0.4s ease-in;
		-o-transition: opacity 0.4s ease-in;
		transition: opacity 0.4s ease-in; 
	}

	.dropzone .dz-preview:not(.dz-processing) .dz-progress {
		-webkit-animation: pulse 6s ease infinite;
		-moz-animation: pulse 6s ease infinite;
		-ms-animation: pulse 6s ease infinite;
		-o-animation: pulse 6s ease infinite;
		animation: pulse 6s ease infinite; 
	}

	.dropzone .dz-preview .dz-progress {
		opacity: 1;
		z-index: 1000;
		pointer-events: none;
		position: absolute;
		height: 16px;
		left: 50%;
		top: 50%;
		margin-top: -8px;
		width: 80px;
		margin-left: -40px;
		background: var(--placeholder);
		-webkit-transform: scale(1);
		border-radius: 8px;
		overflow: hidden; 
	}

	.dropzone .dz-preview .dz-progress .dz-upload {
		background: #333;
		background: linear-gradient(to bottom, #666, #444);
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 0;
		-webkit-transition: width 300ms ease-in-out;
		-moz-transition: width 300ms ease-in-out;
		-ms-transition: width 300ms ease-in-out;
		-o-transition: width 300ms ease-in-out;
		transition: width 300ms ease-in-out; 
	}

	.dropzone .dz-preview.dz-error .dz-error-message {
		display: block; 
	}

	.dropzone .dz-preview.dz-error:hover .dz-error-message {
		opacity: 1;
		pointer-events: auto; 
	}

	.dropzone .dz-preview .dz-error-message {
		pointer-events: none;
		z-index: 1000;
		position: absolute;
		display: block;
		display: none;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		border-radius: 8px;
		font-size: 13px;
		top: 130px;
		left: -10px;
		width: 140px;
		background: #be2626;
		background: linear-gradient(to bottom, #a92222, #fff);
		padding: 0.5em 1.2em;
		color: #fff; 
	}

	.dropzone .dz-preview .dz-error-message:after {
		content: '';
		position: absolute;
		top: -6px;
		left: 64px;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid var(--error_backgrd); 
	}

	.fileupload .dz-preview .dz-remove:hover {
		text-decoration: underline; 
	}

	.fileupload .dz-preview:hover .dz-details {
		opacity: 1; 
	}

	.fileupload .dz-preview .dz-details {
		z-index: 20;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		font-size: 13px;
		min-width: 100%;
		max-width: 100%;
		padding: 2em 1em;
		text-align: center;
		color: rgba(0, 0, 0, 0.9);
		line-height: 150%; 
	}

	.fileupload .dz-preview .dz-details .dz-size {
		margin-bottom: 1em;
		font-size: 16px; 
	}

	.fileupload .dz-preview .dz-details .dz-filename {
		white-space: nowrap; 
	}

	.fileupload .dz-preview .dz-details .dz-filename:hover span {
		border: 1px solid rgba(200, 200, 200, 0.8);
		background-color: rgba(255, 255, 255, 0.8); 
	}

	.fileupload .dz-preview .dz-details .dz-filename:not(:hover) {
		overflow: hidden;
		text-overflow: ellipsis; 
	}

	.fileupload .dz-preview .dz-details .dz-filename:not(:hover) span {
		border: 1px solid transparent; 
	}

	.fileupload .dz-preview .dz-details .dz-filename span, .fileupload .dz-preview .dz-details .dz-size span {
		background-color: rgba(255, 255, 255, 0.4);
		padding: 0 0.4em;
		border-radius: 3px; 
	}

	.fileupload .dz-preview:hover .dz-image img {
		-webkit-transform: scale(1.05, 1.05);
		-moz-transform: scale(1.05, 1.05);
		-ms-transform: scale(1.05, 1.05);
		-o-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05);
		-webkit-filter: blur(8px);
		filter: blur(8px); 
	}

	.fileupload .dz-preview .dz-image {
		border-radius: 20px;
		overflow: hidden;
		width: 120px;
		height: 120px;
		position: relative;
		display: block;
		z-index: 10; 
	}

	.fileupload .dz-preview .dz-image img {
		display: block; 
	}

	.fileupload .dz-preview.dz-success .dz-success-mark {
		-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 
	}

	.fileupload .dz-preview.dz-error .dz-error-mark {
		opacity: 1;
		-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
		animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 
	}

	.fileupload .dz-preview .dz-success-mark, .fileupload .dz-preview .dz-error-mark {
		pointer-events: none;
		opacity: 0;
		z-index: 500;
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin-left: -27px;
		margin-top: -27px; 
	}

	.fileupload .dz-preview .dz-success-mark svg, .fileupload .dz-preview .dz-error-mark svg{
		display: block;
		width: 54px;
		height: 54px; 
	}

	.fileupload .dz-preview.dz-processing .dz-progress {
		opacity: 1;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear; 
	}

	.fileupload .dz-preview.dz-complete .dz-progress {
		opacity: 0;
		-webkit-transition: opacity 0.4s ease-in;
		-moz-transition: opacity 0.4s ease-in;
		-ms-transition: opacity 0.4s ease-in;
		-o-transition: opacity 0.4s ease-in;
		transition: opacity 0.4s ease-in; 
	}

	.fileupload .dz-preview:not(.dz-processing) .dz-progress {
		-webkit-animation: pulse 6s ease infinite;
		-moz-animation: pulse 6s ease infinite;
		-ms-animation: pulse 6s ease infinite;
		-o-animation: pulse 6s ease infinite;
		animation: pulse 6s ease infinite; 
	}

	.fileupload .dz-preview .dz-progress {
		opacity: 1;
		z-index: 1000;
		pointer-events: none;
		position: absolute;
		height: 16px;
		left: 50%;
		top: 50%;
		margin-top: -8px;
		width: 80px;
		margin-left: -40px;
		background: var(--placeholder);
		-webkit-transform: scale(1);
		border-radius: 8px;
		overflow: hidden; 
	}

	.fileupload .dz-preview .dz-progress .dz-upload {
		background: #333;
		background: linear-gradient(to bottom, #666, #444);
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 0;
		-webkit-transition: width 300ms ease-in-out;
		-moz-transition: width 300ms ease-in-out;
		-ms-transition: width 300ms ease-in-out;
		-o-transition: width 300ms ease-in-out;
		transition: width 300ms ease-in-out; 
	}

	.fileupload .dz-preview.dz-error .dz-error-message {
		display: block; 
	}

	.fileupload .dz-preview.dz-error:hover .dz-error-message {
		opacity: 1;
		pointer-events: auto; 
	}

	.fileupload .dz-preview .dz-error-message {
		pointer-events: none;
		z-index: 1000;
		position: absolute;
		display: block;
		display: none;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		border-radius: 8px;
		font-size: 13px;
		top: 130px;
		left: -10px;
		width: 140px;
		background: var(--error_backgrd);
		background: linear-gradient(to bottom, #be2626, #a92222);
		padding: 0.5em 1.2em;
		color: #fff; 
	}

	.fileupload .dz-preview .dz-error-message:after {
		content: '';
		position: absolute;
		top: -6px;
		left: 64px;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid var(--error_backgrd); 
	}





/********************************************
*   DROPDOWN MENU
*********************************************/
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 10rem;
		padding: 0.5rem 0;
		margin: 0.125rem 0 0;
		font-size: 1rem;
		color: var(--main_textcolor); 
		text-align: left;
		list-style: none;
		background-color: var(--main_backgrd);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid var(--placeholder);
		/*border-radius: 0.25rem;*/
	}

	.dropdown-toggle::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 0.3em;
		vertical-align: middle;
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-left: 0.3em solid transparent;
	}

	.dropdown-menu .dropdown-item {
		display: block;
		padding: 5px 15px;
		clear: both;
		font-weight: normal;
		color: var(--main_textcolor); 
		white-space: nowrap;
		-webkit-transition: none;
		transition: none;
	}

	.dropdown-item {
		display: block;
		width: 100%;
		padding: 3px 1.5rem;
		clear: both;
		font-weight: normal;
		color: var(--main_textcolor); 
		text-align: inherit;
		white-space: nowrap;
		background: none;
		border: 0;
	}

	.open .dropdown-menu {
		display: block;
	}

	.header .header-block-nav .profile-dropdown-menu .dropdown-divider {
		margin: 0;
	}
	.dropdown-divider {
		height: 1px;
		margin: 0.5rem 0;
		overflow: hidden;
		background-color: var(--placeholder);
	}

	.dropdown-menu .dropdown-item:hover {
		color: var(--main_color) !important;
		background: none;
		background-color: var(--main_backgrd_hover);
	}


/************************************************
*   HEADER
*************************************************/
	.logo {
		margin-left: 0px;
		display: inline-block;
		width: 200px;
		height:	50px;
		vertical-align:	middle;
		margin-right: 5px;
		position: relative;
		background-image: url(/images/logo.png);
		background-size: contain;
		background-repeat: no-repeat;
	}

	.brand {
		font-variant: small-caps;
		font-weight: 200;
		font-size: 40px;
		letter-spacing: -2px;
	}

	.header-fixed .header {
		position: fixed;
	}
	.header {
		background-color: var(--main_backgrd);
		height: 68px;
		border-bottom: 2px solid var(--placeholder);
		position: absolute;
		left: 0px;
		right: 0;
		-webkit-transition: left 0.3s ease;
		transition: left 0.3s ease;
		z-index: 10;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	@media (max-width: 1364px) {
		.header {
			left: 0; 
		} 
	}

	@media (max-width: 767px) {
		.header {
			left: 0;
			height: 50px; 
		} 
	}
	.header-fixed .header {
		position: fixed; 
	}
	@media (max-width: 767px) {
		.header .header-block {
			padding: 5px; 
		} 
	}

	.fullview .header {
		left: 0px;
	}

	.header .header-block-search .input-container {
		background-color: var(--main_backgrd);
		border-color: var(--placeholder);
		position: relative;
		color: var(--main_textcolor); 
		padding-left: 5px;
	}

	.header .header-block-search .input-container i {
		position: absolute;
		pointer-events: none;
		display: block;
		height: 40px;
		line-height: 40px;
		left: 10px;
	}

	.header .header-block-nav {
		margin-left: auto;
		white-space: nowrap;
		padding-right: 15px;
	}

	.header .header-block-nav > ul {
		display: table;
	}
	.header .header-block-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.header .header-block-nav > ul > li {
		display: table-cell;
		position: relative;
	}
	.header .header-block-nav > ul > li > a {
		padding: 0 15px;
		color: var(--main_textcolor); 
	}


	.header .header-block-nav .profile .name {
		display: inline-block;
		margin-right: 9px;
		font-weight: bold;
	}

	.header .header-block-nav .dropdown-menu {
		margin-top: 15px;
	}

	.header .header-block-nav .notifications {
		font-size: 16px;
	}

	.header .header-block-nav .notifications a {
		padding-right: 10px;
	}

	.header .header-block-nav .profile-dropdown-menu a {
		padding: 10px 15px;
	}
	.header .header-block-nav a {
		text-decoration: none;
	}

	.header .header-block-nav .profile-dropdown-menu a .icon {
		color: var(--main_color);
		text-align: center;
		width: 16px;
	}


	.header .header-block-nav .profile-dropdown-menu a {
		padding: 10px 15px;
	}

	.header .header-block-nav .profile-dropdown-menu {
		left: auto;
		right: 0;
		min-width: 180px;
		white-space: normal;
	}


/************************************************
*   TITLE
*************************************************/
	.title-block{
		margin-top: 23px;
		margin-bottom: 27px;
		height: 40px;
	}

	.title-block .title {
		font-size: 24px;
		line-height: 30px;
		font-weight: 400;
	}

	 .title-block::after {
		content: "";
		display: table;
		clear: both; 
	}

	.title-block .titleicon{
		width:40px;
		height:40px;
		font-size:30px;
		display:inline-block;
		color: var(--main_color);
		vertical-align: middle;
	}

	.subtitle {
		font-size: 1.2rem;
		margin: 0;
		color: var(--subtitle_textcolor);
	}


/************************************************
*   FOOTABLE SPECIAL STYLES
*************************************************/

	.footable .checkbox{
		display: none;
	}

	.footable .dropdown-toggle::after{
		display:none;
	}

	.footable tbody tr:hover, .footable tbody tr.selected{
		background-color: var(--main_backgrd_hover);
	}
	/*.footable tbody tr.selected{
		border: 2px dashed #000;
	}*/

	.footable .form-inline .form-group{
		margin-top:-10px;
	}
	.footable .dropdown-menu label{
		line-height: 20px;
	}
	.footable .fooicon-search{
		line-height: 20px;
	}
	
	.footable-header{
		background-color: var(--btn_type2_backgrd);
	}

	.footable-pagination-wrapper span.label{
		position: absolute;
		right: 0px;
		top: 29px;
		padding: 12px;
	}
/************************************************
*   TABLE SPECIAL STYLES
*************************************************/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

.table tbody + tbody {
  border-top: 2px solid #eceeef;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #eceeef;
}



/************************************************
*   CALENDAR
*************************************************/
	.fc-event{
		background-color:white !important;
	}

	.fc-event .partner{
		display:none;
	}

	.fc-event.lejart .fc-time {
		background-color: var(--btn_type5_backgrd);
		color: var(--main_backgrd);
	}
	.fc-event .fc-time {
		background-color: var(--calendar_event_backgrd);
		color: var(--main_backgrd);
	}

	.inner{
		padding:10px;
	}

/************************************************
*   FORM CONTROL
*************************************************/
	.form-control:not(.checkbox) {
	  display: block;
	  width: 100%;
	  padding: 0.5rem 0.75rem;
	  font-size: 1rem;
	  line-height: 1.25;
	  color: #55595c;
	  background-color: #fff;
	  background-image: none;
	  -webkit-background-clip: padding-box;
			  background-clip: padding-box;
	  border-radius: 0;
	}

	.form-control::-ms-expand {
	  background-color: transparent;
	  border: 0;
	}

	.form-control:focus {
	  color: #55595c;
	  background-color: #fff;
	  border-color: #66afe9;
	  outline: none;
	}

	.form-control::-webkit-input-placeholder {
	  color: #999;
	  opacity: 1;
	}

	.form-control::-moz-placeholder {
	  color: #999;
	  opacity: 1;
	}

	.form-control:-ms-input-placeholder {
	  color: #999;
	  opacity: 1;
	}

	.form-control::placeholder {
	  color: #999;
	  opacity: 1;
	}

	.form-control:disabled, .form-control[readonly] {
	  background-color: #eceeef;
	  opacity: 1;
	}

	.form-control:disabled {
	  cursor: not-allowed;
	}


	select.form-control:focus::-ms-value {
	  color: #55595c;
	  background-color: #fff;
	}

	.form-control-file,
	.form-control-range {
	  display: block;
	}

/************************************************
*		SEARCHBOX
************************************************/
	.searchbox{
		position:relative;
		width:100%;
	}

	.searchbox .searchopen{
		display:inline-block;
		position:relative;
		width:100%;
		text-align:center;
	}

	.searchbox .complexsearch{
		display:none;
	}
	.searchbox .searchopen .form-group{
		display:block;
		width:100%;
	}

	.searchbox.opened .searchopen{
		display:none;
	}
	.searchbox.opened .complexsearch{
		display:block;
	}

	.searchbox .closebtn , .searchbox .closesearchbtn{
		display:none;
	}

	.searchbox.opened .closebtn , .searchbox.opened .closesearchbtn{
		display:block;
		position:absolute;
		right:0px;
		top:0px;
		font-size:22px;
		z-index:9;
		color:#95bc0d;
	}

	.searchbox.opened .closebtn:hover , .searchbox.opened .closesearchbtn:hover{
		background-color:#fff;
		border:1px solid #cacaca;
	}

	.searchbox label > span:first-child{
		display: block;
	}

/************************************************
*		SLIDER
************************************************/
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 40px;
	  height: 24px;
	}

	.switch input {
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
		height: 16px;
		margin: 0px;
	}

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 20px;
	  width: 20px;
	  left:0px;
	  top: -2px;
	  background-color: white;
	  border:6px solid var(--main_color);
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.slider:after {
	  position: absolute;
	  content: "";
	  height: 20px;
	  width: 20px;
	  left:0px;
	  top: -2px;
	  border:1px solid black;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	input:checked + .slider {
	  background-color: var(--main_color);
	  /*border:1px solid black;*/
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}

	input:checked + .slider:before, input:checked + .slider:after {
	  -webkit-transform: translateX(20px);
	  -ms-transform: translateX(20px);
	  transform: translateX(20px);
	}

	.slider.round {
	  border-radius: 12px;
	}

	.slider.round:before, .slider.round:after {
	  border-radius: 50%;
	}

/************************************************
*   RESULTEQ STYLES
*************************************************/
	.hide{
		display:none;
	}

	.vip{
		position:absolute;
		left:0px;
		top:0px;
		width:5px;
		height:100%;
		background-color:var(--btn_type5_backgrd_hover);
	}

	.unread{
		padding-left:10px;
		color:orange;
	}

	.waitfor{
		padding-left: 10px;
		color: var(--waitfor_color);
		font-size: 18px;
	}

	.lineheight label{
		line-height: 20px;
	}

	.form-inline{
		padding-top: 12px;
	}
	
	.propertycolor{
		width: 8px;
		height:100%;
		display:block;
		border: 1px solid var(--placeholder);
		top: 1px;
		position:absolute;
		background-color:var(--placeholder);
	}

/************************************************
*   msgBox STYLES
*************************************************/
	div.msgBox
	{
		padding: 0;
		position: fixed;
		z-index: 1000;
		width: 600px;
		min-height:200px;
		color: var(--main_textcolor	);
		background-color: var(--main_backgrd);
	}
	div.msgBoxBackGround
	{
		top:0;
		left:0;
		position:absolute;
		padding:0;
		margin:0;
		width:100%;
		height:100%;
		background-color:#000000;
		opacity:0.9;
		z-index:999;
	}
	div.msgBoxTitle
	{
		padding:15px;
		font-size:16pt;
		font-weight:lighter;
		color:#fff;
		width:100%;
		background-color: #25281c;
		text-transform: uppercase;
	}
	div.msgBoxImage
	{
		
		margin:20px 5px 0 5px;
		display:inline-block;
		float:left;
		height:75px;
		width:75px;
		display: none;
	}
	div.msgBoxImage img
	{
		height:75px;
		width:75px;
	}
	div.msgBoxContent
	{
		font-size:16px;
		padding: 10px;
		display:block;
		float:left;
		height:90px;
		width:100%;
		box-sizing: border-box;
		color: #4f5f6f;
	}
	div.msgBoxContent p
	{
		padding:0;
		margin:0;
		display: table;
		height: 100%;
		width: 100%;
	}

	div.msgBoxContent span 
	{
		display: table-cell;
		vertical-align: middle;
		color: #00335e;
	}

	div.msgBoxButtons
	{
		display:inline-block;
		width:100%;
		text-align:right;
		box-sizing:border-box;
		padding-right: 10px;
		padding-top:15px;
		padding-bottom:15px;
		border-top: 1px solid #e5e5e5;
	}
	div.msgBoxButtons input[type='button']
	{
		cursor:pointer;
		padding: 8px 16px;  
		margin-left: 10px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		width: auto;
		display: inline-block;
		
	}

	div.msgBoxButtons input[type='button'].btn_no{
		border:1px solid #d7dde4;
		color: #4f5f6f;
		background-color: #fff;
	}

	div.msgBoxButtons input[type='button'].btn_no:hover{
		border:1px solid #b2becb;
		color: #4f5f6f;
		background-color: #e6e6e6;
	}

	div.msgBoxButtons input[type='button'].btn_yes{
		border:1px solid #95bc0d;
		color: #fff;
		background-color: #95bc0d;
		
	}

	div.msgBoxButtons input[type='button'].btn_yes:hover{
		border:1px solid #fff;
		color: #fff;
		background-color: #aedd0f;
	}

	/*div.msgBoxButtons input[type='button']:hover
	{
		background-color:#00549c;
		color:White;
	}*/
	div.msgBoxButtons input[type='button']:active
	{
		background-color:#AAAAAA;
		color:White;
	}

	div.msgBoxInputs
	{
		margin:0 auto;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:5px;
		width:195px;
	}
	div.msgInput input[type='text'],div.msgInput input[type='password']
	{
		padding:4px;
		border:1px solid #DFDFDF;
		color:#2f2f2f;
		width:180px;
	}
	div.msgInput text
	{
		color:#2f2f2f;
		font-size:10pt;
	}

/************************************************
*	nagy bpopup message
************************************************/
	.messagebox{
		display: none;
		width: 600px;
		height:190px;
		background-color: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-align:center;
	}

	.messagebox .messagbox_title{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		color: #2d323e;
		font-size: 18px;
		text-align: center;
	   height: 50px;
	   line-height: 50px;
		background-color: #95bc0d;
		color: #fff;
		
	}

	.messagebox .messagebox_message{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		color: #515151;
		font-size: 14px;
		text-align: center;
		margin-top:20px;
		box-sizing: border-box;
		padding: 0 30px;
	}

	.messagebox .btn{
		margin-top:30px;
		width:100px;
	}

/************************************************
*	lista nézet közös design
************************************************/
	.coloredname{
		padding-left:15px;
	}

	.complexsearch .label{
		line-height:1em;
		padding:15px 0px 5px 0px;
	}

	.searchbox.opened .complexsearch.flex-container_row{
		display:flex;
	}



.card-tab{
	display:none
}
.card-tab.visible{
	display:block;
}


#title-block{
	top:15px;
}