/*
html, body {
    height: 100%;
	min-height: 100%;
}
*/
body{
	background-color: #F9F9F9;
}
body,a,p,h1,h2,h3,h4,h5,h6,section,div,td, nav{ 
	font-size:14px;
	/*line-height: 20px;*/
	font-family: Arial,Verdana,sans-serif;
	
}

body,a,p,h1,h2,h3,h4,h5,h6,section,div,td, nav, .panel-title{
	color:#777;
}

a{color: #74b6d6; text-decoration:none !important;}
a:hover, a:active {color: #323447; text-decoration: none;}
a:focus{ 
	outline: 0;
} 
a, a:hover {
	-o-transition: color 0.1s ease-in;
	-webkit-transition: color 0.1s ease-in;
	-moz-transition: color 0.1s ease-in;
	transition: color 0.1s ease-in;
}

h1 {
    border-bottom: 1px solid #f2f2f2;
    display: block;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px;
    width: 100%;
	font-weight: normal;
}
h2{
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
form .row h2,
form .row p{
	padding-left: 5px;
}
h3{
    display: inline-block;
    font-size: 14px;
    line-height: 1;
	font-weight: 600;
    margin: 0 0 5px 0;
}
h4, .h4 {
    font-size: 14px;
	font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
}

.bg_white{
	background-color: #ffffff;
}

.cursor_pointer{
	cursor: pointer;
}
.txt_green {
    color: #3c763d !important;
}
.txt_red{
    color: #B23A5A !important;
}
.cursor_move{
	cursor: move;
}

.form-group:first-child{
	padding-top: 15px;
}

img,
embed,
object,
video,
iframe{ 
	max-width: 100%;
	height: auto;
	width: auto;
}



#top-nav a{color: #999; text-decoration:none;}
#top-nav a:hover{color: #555; text-decoration:none;}

#top-nav a.cms_title{color: #fff; text-decoration:none;}
#top-nav a.cms_title:hover {color: #fff; text-decoration:none;}


.bootstrap-select.form-control.open{
	height: 0px;
}

.height_select_thumbnail{height: 140px;}


.display_table{
	display: table;
}
.width100prozent{
	width: 100%;
}
.display_none{
	display: none !important;
}
.display_block, .display{
	display: block !important;
}	
.hideable{
	min-height: 0;
}
.vert-pad{
	padding: 10px 0;
}
.no_pad_lr{
	padding-left: 0;
	padding-right: 0;
}
.mr15{margin-right: 15px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}
.mt10{margin-top: 10px;}
.mt10{margin-top: 15px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}

/**/
.row {
    margin-left: -5px;
    margin-right: -5px;
}

.text_left{
	text-align: left !important;
}
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}

.bg_aside{
	background: #323447;
}

/* ---------- modals ---------- */
/*
.modal-body {
    padding: 15px;
}
*/

.search_box{
	background: #f9f9f9;
	padding: 10px;
}
	.search_box .form-group{
		display: inline-block;
		padding-top: 0;
		margin-bottom: 5px;
	}
	.search_box .control-label,
	.search_box .form-control{
		display: inline-block;
	}	

body.modal-open {
	overflow: visible !important;
}
	.modal-backdrop.in {
		opacity: 0.5;
	}



body.modal-open .main-nav{
	padding-right: 16px;

}


.modal_width_full {
    margin: 30px 2%;
    width: auto;
}


/* ---------------------------- */	

#wrapper{
	position:relative;
	/* overflow:hidden; */
	min-height:400px;
	height: 100%;
}

	#login_box{
		margin: 100px auto 0 auto;
		width: 330px;
	}
		#login_box .form-group{
			padding: 0 10px;
		}
	
	

/* ---------- leiste oben ---------- */	
	
	
#top-nav{
	
	height:45px;
	padding-right: 1em;
	background-color:#EDEDED;	/*  f9f9f9 */
	white-space:nowrap;
	min-width:310px;
	border-bottom:1px solid #f2f2f2;
}
	#top-nav.fixed{
		position:fixed;
		top: 0;
		left:0;
		right:0;
		z-index:1000;
	}

	#top-nav .brand{
		display: block;
		text-align: left;
		padding-left: 10px;
		font-size: 17px;
		line-height: 45px;
		/* width: 255px; */
		color: #999;
		float: left;
		transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition:all .5s ease;
	}

	#top-nav .navbar-toggle{
		margin-top: 5px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		float: left;
		padding: 9px 1em;
		position: relative;		
	}
	#top-nav .navbar-toggle.hide-menu{
		display:block;
		
	}

	#top-nav .navbar-toggle .icon-bar{
		display:block;width:18px;height:2px;margin-bottom:3px;background-color:#999;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px
	}

	#top-nav .navbar-toggle .icon-bar:last-child{margin-bottom:0}

	#top-nav .nav-notification{
		margin-top: 12px;
		float:right;
		white-space:nowrap;
	}
	/*
		#top-nav .nav-notification > li {
			display: block;
			float: left;
			position: relative;
			transition: all 0.2s ease 0s;
		}	
	*/

/* ---------------------------- */	
aside{
	position:absolute;
	display:block;
	float:left;
	/*width:255px;*/
	z-index:100;
	padding-top:45px;
	bottom:0;
	left:0;
	height:100%;
	overflow: auto;
}
	aside::-webkit-scrollbar{width:3px;height:3px}
	aside::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.4)}
	aside.fixed{position:fixed}


/* ---------------------------- */	

#main-container{
	position:relative;
	min-height:600px;
	padding-top:45px;
	/*margin-left:255px;*/
}
	#breadcrumb{
		height: 38px;
		padding: 8px 0 8px 0;
		background: #f3f3f3;	/* FCFCFC */
	}
		#breadcrumb ul{
			list-style: none;
			padding-left: 0px;
		}
			#breadcrumb ul li{
				float: left;
				/* padding-left: 10px; */
			}

				#breadcrumb ul li a.breadcrumb_a:before,
				#breadcrumb ul li span.breadcrumb:before{
					font-family: 'FontAwesome';
					content: "\f105";
					background: none;
					padding-right: 10px;
				}		

#main_content{
	padding: 1em 1em 2em 1em;
}
					

/* ------------------------------------------------------ */	

		
					
					
#main-container.fade-out{
	opacity:0;
	/*
	transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-o-transform:translateX(-50px);transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease
	*/
}

	@media (min-width:768px){
		/* #wrapper.sidebar-hide aside{left:-255px} */
		#wrapper.sidebar-hide #main-container{margin-left:0}

		/*
		#wrapper.sidebar-mini #top-nav .brand .text-toggle{display:none}
		#wrapper.sidebar-mini aside{width:90px}		
		*/
		
		/* #wrapper.sidebar-hide aside{left:-255px} */
		#wrapper.sidebar-hide #main-container{margin-left:0}		
		
		#top-nav .navbar-toggle{display:none;}				
	}
	@media (max-width:767px){
		/*#main-container{left:0;margin-left:0}*/
		
		#wrapper.sidebar-display aside{left:0}
		/*
		#wrapper.sidebar-display #top-nav{left:0;right:-255px}
		#wrapper.sidebar-display #main-container{left:255px;right:-255px}
		*/
		#wrapper.sidebar-display #top-nav .brand{display:block}

		#top-nav .navbar-toggle.hide-menu{display:none}
		#top-nav .brand{display:none}
		/*
		#top-nav{left:-255px}
		aside{left:-255px}		
		*/
		
		
		.nav-tabs-custom > .tab-content{
			padding: 10px 0;
		}
		.box-body{
			padding: 10px 5px;
		}	
		#main_content{
			padding: 1em 5px 2em 5px;

		}
	}




/*
	@media (max-width:480px){
		#top-nav{min-width:310px}
	}
*/


table tr.selected{
	background: #EDEDED !important;
}







/* --------------------------------------------------- */


/*
fieldset {
	background: #ffffff;
}
	legend {
		color: #323447;
	}
*/	
	legend {
		color: #777;
		font-size: 18px;
	}
	
label {
    font-weight: normal;
}
.radio.inline{
	display: inline-block !important;
}

.help-inline{
	font-style: italic;
	width: 100%;
	display: block;
}

.hook_code{
	text-align: center;
	cursor: text !important;
}


.cke_chrome{
	border-radius: 3px !important;
	box-shadow: none !important;
	border: 1px solid #ccc !important;
}
.cke_top{
	box-shadow: none !important;
	border-top-left-radius: 3px !important; 
	border-top-right-radius: 3px !important; 
	border-bottom-right-radius: 3px !important; 
	border-bottom-left-radius: 3px !important;	
}


.input-group-addon i:nth-child(2){
	margin-left: 10px;
}
.input_extension{
	/* border: 1px solid red; */
	margin: 5px 0 0 0;
	padding: 5px;
	background: #F9F9F9;
	border-radius: 5px;
}
#login_box .input-group-addon {
	min-width: 36px;
	padding-left: 5px;
	padding-right: 5px;	
}

/* 
Filemanager
*/
.fm-modal {
    z-index: 10011; /** Because CKEditor image dialog was at 10010 */
    width:80%;
    height:80%;
    top: 10%;
    left:10%;
    border:0;
    position:fixed;
    -moz-box-shadow: 0px 1px 5px 0px #656565;
    -webkit-box-shadow: 0px 1px 5px 0px #656565;
    -o-box-shadow: 0px 1px 5px 0px #656565;
    box-shadow: 0px 1px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}

.ui-widget-header {
    border: 1px solid transparent;
	border-top: 1px solid rgba(0,0,0,.1);

    background: #f8f8f8;
    color: #333333;
    font-weight: bold;
}

.elfinder.dialogelfinder { 
	z-index: 9999999 !important;
}
.dialogelfinder-drag-close .ui-corner-all{
	
}
.ui-widget-header .ui-icon {
  background-image: url("ui-icons_444444_256x240.png");
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("ui-icons_444444_256x240.png");
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-gripsmall-diagonal-se {
	position: absolute;

}

/* 
select chosen
*/
#searchform .select_category{
	width: 50% !important;
}
#searchform .chosen-container{
	margin-top: -3px;
	width: 80% !important;
}
@media (max-width:1100px){
	#searchform .select_category{
		width: 100% !important;
	}
}
@media (max-width:600px){
	#searchform .chosen-container{
		width: 100% !important;
	}
}



.chosen-container .chosen-results li.highlighted {
	background-color: #74b6d6 !important;
}
	.chosen_true_false .chosen-container .chosen-results li.active-result:first-child{
		background: #f2dede !important;
		color: #a94442 !important;
	}
	.chosen_true_false .chosen-container .chosen-results li.active-result:last-child{
		background: #dff0d8 !important;
		color: #3c763d !important;
	}

	.select_category .chosen-container .level_0{
		
	}
		.select_category .chosen-container .level_1{
			padding-left: 30px !important;
		}	
			.select_category .chosen-container .level_2{
				padding-left: 60px !important;
			}	
				.select_category .chosen-container .level_3{
					padding-left: 90px !important;
				}	
					.select_category .chosen-container .level_4{
						padding-left: 120px !important;
					}			
				
.select_category  .chosen-drop .result-selected {
    display: block !important;
	color: #ccc !important;
	cursor: not-allowed;
}
/* 
dataTable
hier ersetzen: zeile 86: plugins/DataTables/dataTables.responsive.css 
*/
/* ########################################################################### 
table.dataTable > tbody > tr.child ul:not(.dropdown-menu){
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
*/
table.dataTable > tbody > tr.child ul.dropdown-menu li:not(.divider) {
	border-bottom: none;
	padding: 0 !important;
}
table.dataTable > tbody > tr.child ul.dropdown-menu li.divider { 
	padding: 0 !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: inherit;
}
table.dataTable thead th, table.dataTable thead td{
    border-bottom: none;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}
/*
table.dataTable > tbody > tr.child ul.dropdown-menu {
   display: none;
}
*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
	margin-left: 2px;
    padding: 0;
}
	.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
		background: none !important;
		border: 1px solid transparent;
	}
/* ########################################################################### */

  .input-group.date .input-group-addon{
	cursor: default !important;
 }
 
 

.totop {
	position: fixed;
	bottom: 5px;
	right: 0px;
	/* text-indent: -10000px; */
	font-size: 14px;
	padding: 5px;
	display: none;
	z-index: 999;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
	background: #74b6d6;
		border-top-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;	
}

.totop:hover {	
	background: #323447;
	color: #fff;
}

.modal-dialog.modal_large{
	width: 90%;
}
#table_tabs th:first-child{
	width: 80% !important;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	margin-bottom: 10px;
}

/* 
########################################################################### 
bootstrap 4
*/
/* d-utils https://getbootstrap.com/docs/4.0/utilities/display/ */
.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.d-print-block{display:none!important}@media print{.d-print-block{display:block!important}}.d-print-inline{display:none!important}@media print{.d-print-inline{display:inline!important}}.d-print-inline-block{display:none!important}@media print{.d-print-inline-block{display:inline-block!important}}@media print{.d-print-none{display:none!important}}
 /* https://getbootstrap.com/docs/4.0/components/card/ */
 .card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}