body,html {height:100%;}

body, .btn, .form-control, .control-sidebar-subheading, .sidebar-menu .treeview-menu > li > a { font-size: 12px; }
.panel-title { font-size: 14px; }
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { font-size: 16px; }

.form-control {height: 31px; padding: 5px;}

a[data-href] {
	cursor: pointer;
}

.subform-repeatable .btn {padding: 0 6px; font-size: 9.75px;}

.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {width: 380px;}
.navbar-btn form {display: inline-block;}

.login-box, .register-box {
	width: 440px;
}

.yadcf-filter-wrapper .btn {
	border-radius: 0;
}

.note-editor div.note-editable,
.note-editor textarea.note-codable {max-height: 500px !important;}

.phpobject {
	white-space: -moz-pre-wrap !important;
	white-space: pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-y: scroll;
	max-height: 250px;
	font-family: monospace;
	font-size: 12px;
	display: block;
}

.CodeMirror {
	font-size: 12px;
}

.main-header {
	position: fixed;
	width: 100%;
}

.main-sidebar {
	/*	position: fixed;*/
	min-height: initial;
	bottom: 37px;
}

.main-header .logo, .main-sidebar {width: 200px;}
.content-wrapper, .right-side, .main-header .navbar { margin-left: 200px; }
.main-footer {margin-left: 0; position: fixed; bottom:0;width: 100%;padding: 0;}
.main-footer #toolbar-modal {padding: 5px;}
.main-footer #logout {border-left: 1px solid #d2d6de;padding: 10px 15px;}

.content-wrapper {
	position: relative;
	/*	margin-top: 50px;*/
}

/*.content-wrapper > section.content-header {
	margin-top: 50px;
}*/

.content-wrapper > section.content {
	/*margin-top: 30px;*/
	margin-bottom: 37px;
}

.navbar-center {
	text-align: center;
	padding: 5px 0;
	color: #fff;
	font-weight: 600;
}

.navbar-center clock label {margin-bottom: 0;}
.navbar-center clock label[for=calendarweek] {margin-left: 10px;}

.table>tbody>tr>td {
	vertical-align: middle;
}
.table>tbody>tr.inactive_row>td {opacity: .5;}
.table>tbody>tr.collapse_ajax>td{cursor: pointer;}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	/*line-height: 20px; Neu Testen, da Teilweise die Felder zu hoch waren */
	line-height: inherit;
}

.neuerkunde-btn {
	line-height: 20px !important;
}

.avatar-small {
	width: 25px !important;
	height: 25px !important;
}

.avatar-middle {
	width: 45px !important;
	height: 45px !important;
}

.avatar-big {
	width: 90px !important;
	height: 90px !important;
}

.modal-body.lizenz_uebersicht .modal-body {
	padding: 15px 0;
}

/*.modal-body form { margin: -15px; }*/
/*.modal-body form.no-margin { margin: 0; }*/

.bootstrap-dialog .modal-header {
	border-radius: 0;
}

body > .modal-backdrop {display: none !important;}

#toolbar-modal .modal.dialog-minimized {position: relative !important;margin-right: 10px;}
#toolbar-modal .modal.dialog-minimized > .modal-dialog {left:0 !important;top: 0!important;width:100%;}
.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {cursor: move;}
.bootstrap-dialog.dialog-minimized .modal-header.bootstrap-dialog-draggable {cursor: pointer;}
.bootstrap-dialog .bootstrap-dialog-maximize-button, .bootstrap-dialog .bootstrap-dialog-minimize-button {float: right;margin-right:5px;opacity: .9;}
.bootstrap-dialog .bootstrap-dialog-maximize-button:hover, .bootstrap-dialog .bootstrap-dialog-minimize-button:hover {cursor: pointer;filter: alpha(opacity=50);opacity: .5;}
.bootstrap-dialog .bootstrap-dialog-maximize-button i, .bootstrap-dialog .bootstrap-dialog-minimize-button i {font-size: 12px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}

.bootstrap-dialog.dialog-minimized {
	width: auto;
	max-width: 250px;
	height: 27px;
	overflow: hidden !important;
	padding: 0px !important;
	margin: 0px;
	float: left;
	position: fixed !important;
	top: auto;
}

.bootstrap-dialog.dialog-minimized .modal-dialog, .bootstrap-dialog.dialog-minimized .modal-content{
	height: 100%;
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
}

.bootstrap-dialog.dialog-minimized .modal-header{
	height: 100%;
	width: 100%;
	margin: 0px !important;
	padding: 2px 5px !important;
}

.bootstrap-dialog.dialog-minimized .modal-body, .bootstrap-dialog.dialog-minimized .modal-footer {display: none}
.bootstrap-dialog.dialog-minimized .bootstrap-dialog-title {margin-right: 10px;font-size: 14px !important;}
.bootstrap-dialog .nav-tabs {
	margin: -16px -15px -15px -15px;
	background-color: #f1f1f1;
}

.bootstrap-dialog .nav-tabs > li > a {
	border-radius: 0px;
	color: #000;
	margin-right: 0;
}

.form-horizontal div > span {
	/*Deaktiviert wegen Select2*/
	/*display: inline-block;
	padding-top: 7px;*/
}

.pointer { cursor: pointer; }

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #1a2226;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 3px;
}

/*.pace-running {
	opacity: .67;
	background-color: #2E2E2E;
}

.pace-running * {
	cursor: wait;
}*/

.pace-running > .pace-overflow {
	display: block;
}

body > .pace-overflow {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1999;
	background:rgb(33,33,33);
	opacity: .47;
	cursor: wait;
}

.checkbox>label {
	padding-left: 0;
}

.alert {
	z-index: 1060 !important; /* Setze es vor das Modal Fenster */
	margin-top: 20px;
}

.ajax_loader:after {
	position: absolute;
	content:'';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #000;
	opacity: 0.4;

}

.ajax_loader {
	width: 100%;
	height: 100%;
	position: absolute;
}

.ajax_loader i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9999;
}

/*.select2-container--default.select2-container--disabled .select2-selection--single {
	cursor: not-allowed;
}*/

a.btn.disabled, fieldset[disabled] a.btn {
	pointer-events: auto;
}

.selectize-input,
.selectize-input.dropdown-active {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.selectize-input.focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.selectize-input > input {margin-right: 20px !important;position: relative !important;}

.selectize-input .kundennr:before {content: '(';}
.selectize-input .kundennr:after {content: ')';}
.selectize-input .firma {font-weight: bold;}
.selectize-input .email {color: #999;}
.selectize-input div > span {margin-right: 5px;}

.input-group .form-control.selectize-control {
	/*z-index: 3;*/
	z-index: auto; /* Fehler, wenn sich 2 Select Felder überlagern */
}

.form-control.selectize-control {
	height: 34px;
}

.selectize-dropdown, .selectize-dropdown.form-control {
	position: absolute;
}

.selectize-dropdown .KundenSelectOption {padding: 0 20px;border-bottom:1px solid #d2d2d2;}
.selectize-dropdown .KundenSelectOption > div {margin: 0;padding: 0;}
.selectize-dropdown .KundenSelectOption .anschrift {font-size: 10px;font-weight: bold;}
.selectize-dropdown .KundenSelectOption .firma {font-weight: bold;margin:0 3px;}
.selectize-dropdown .KundenSelectOption .kundennr:before {content: '(';}
.selectize-dropdown .KundenSelectOption .kundennr:after  {content: ')';}
.selectize-dropdown .KundenSelectOption .anschrift {font-size: 10px;font-weight: bold;}
.selectize-dropdown .KundenSelectOption .kontakt {font-size: 10px;color: #7d7d7d;}

/* Wegen Selectfeld in Pluginuebersicht deaktiviert
.input-group-btn>.btn {
	border-radius: 0;
}*/

.input-group>.selectize-control {border-radius: 3px;border: 1px solid #cccccc;}
.input-group>.selectize-control .selectize-input {border-width: 0px;min-height:32px;max-height:32px;}
.input-group>.selectize-control .selectize-dropdown {width: auto !important;}

.modal-open .datepicker.dropdown-menu {
	z-index:9999 !important;
}

.datepicker,
.bootstrap-touchspin .btn {
	border-radius: 0;
}

.kv-avatar .file-preview {
	border-radius: 0;
	border: 0 solid #ddd;
	padding: 0;
}

/* TO-DO WIDGET */
.todo-list ul>li {
	overflow: hidden;
}
.todo-list ul .row > div {
	padding-left: 0;
	padding-right: 0;
}
.todo-list ul .row > div:first-child {
	padding-left: 15px;
}
.todo-list ul .row > div:last-child {
	padding-right: 15px;
}
.todo-list ul .handle {
	vertical-align: middle;
}

.todo-list ul>li input[type=text] {
	background-color: transparent;
	border-width: 0;
	margin: 2px 0 0 0;
	padding: 0 5px;
	height: auto;
	font-weight: bold;
}

.todo-list ul>li input[type=text]:hover,
.todo-list ul>li input[type=text]:focus {
	border-bottom: 1px solid #ddd;;
	outline: inherit;
	font-weight: normal;
}

.todo-list ul > li.done {
	background: #f9f9f9;
}

.todo-list ul > li.done input[type=text] {
	text-decoration: line-through;
	font-style: italic;
	font-weight: 500;
}

.perm_list {margin: 15px;}

.perm_list .panel {
	border: 1px solid #ddd;
	margin: 15px 0;
}

.perm_list label.perm {margin-left: 15px; margin-top: 5px;}

.control-sidebar {
	position: fixed;
	height: 100%;
    overflow: visible !important;
	/*right: -330px;
	width: 300px;*/
	width: 400px;
	right: -430px;
}

.control-sidebar .close-btn {
	position: absolute;
	top: 100px;
	left: -30px;
	height: 30px;
	width: 30px;
	background: #f9fafc;
	border: 1px solid #d2d6de;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	cursor: pointer;
}

.control-sidebar .close-btn i {
	vertical-align: -webkit-baseline-middle;
}

.control-sidebar .control-sidebar-heading {
	margin: 0;
}

.control-sidebar ul.control-sidebar-menu {
	clear: both;
}

.control-sidebar ul.control-sidebar-menu li {
	display: block;
	padding: 10px 15px;
	min-height: 55px;
}

.control-sidebar ul.control-sidebar-menu li p, .control-sidebar ul.control-sidebar-menu li .menu-info > div {margin: 4px; line-height:15px; font-size: 10px;}
.control-sidebar ul.control-sidebar-menu .table>tbody>tr>td, .control-sidebar ul.control-sidebar-menu .table>tbody>tr>th, .control-sidebar ul.control-sidebar-menu .table>tfoot>tr>td, .control-sidebar ul.control-sidebar-menu .table>tfoot>tr>th, .control-sidebar ul.control-sidebar-menu .table>thead>tr>td, .control-sidebar ul.control-sidebar-menu .table>thead>tr>th {font-size: 10px;padding: 4px;}
.control-sidebar ul.control-sidebar-menu li p i { width: 20px; }
.control-sidebar ul.control-sidebar-menu > li > a.btn-app { display: inline-block; }
.control-sidebar ul.control-sidebar-menu li .menu-info label {margin-bottom: 0;}

.control-sidebar .nav-tabs {
	margin: 0 -15px;
	background-color: #f1f1f1;
	clear: both;
}

.control-sidebar .nav-tabs > li > a {
	border-radius: 0px;
	color: #000;
	margin-right: 0;
}

.control-sidebar .nav-tabs>li.active>a, .control-sidebar .nav-tabs>li.active>a:focus, .control-sidebar .nav-tabs>li.active>a:hover {
	background-color: #f9fafc;
}

.control-sidebar .nav-tabs>li:first-child>a {
    border-left-width: 0px;
}

.connectedSortable {
	min-height: inherit;
	/*	min-height: 100px; */
}
.connectedSortable.activate {
	min-height: 100px;
	background: #f9f9f9;
	border: 1px dashed #e3e3e3;
	margin-bottom: 10px;
}

.DataTable tr.isClickable:hover {
	background-color: #e8e8e8;
	cursor: pointer;
}

div.dataTables_wrapper div.dataTables_processing {z-index: 1;}

/*.form-inline .DataTable .form-control {width: 100%;}  Deaktiviert, wegen der Sortiermoeglichkeit in Tabelle */
.form-inline .DataTable .input-group {width: 100%;}
.form-inline .DataTable .input-group .input-group-addon {background-color:#f4f4f4; width: 1%;}

.tab-content>.tab-pane { margin: 15px 0; }

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header, .selectize-dropdown .option {padding: 3px 12px; color: #858585;}
.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {color: #333;}


#phpinfo pre {margin: 0; font-family: monospace;}
#phpinfo a:link {color: #009; text-decoration: none; background-color: #fff;}
#phpinfo a:hover {text-decoration: underline;}
#phpinfo table {border-collapse: collapse; border: 0; width: 934px; box-shadow: 1px 2px 3px #ccc;}
#phpinfo .center {text-align: center;}
#phpinfo .center table {margin: 1em auto; text-align: left;}
#phpinfo .center th {text-align: center !important;}
#phpinfo td, #phpinfo th {border: 1px solid #666; vertical-align: baseline; padding: 4px 5px;}
#phpinfo h1 {font-size: 150%;}
#phpinfo h2 {font-size: 125%;}
#phpinfo .p {text-align: left;}
#phpinfo .e {background-color: #ccf; width: 300px; font-weight: bold;}
#phpinfo .h {background-color: #99c; font-weight: bold;}
#phpinfo .v {background-color: #ddd; max-width: 300px; overflow-x: auto; word-wrap: break-word;}
#phpinfo .v i {color: #999;}
#phpinfo img {float: right; border: 0;}
#phpinfo hr {width: 934px; background-color: #ccc; border: 0; height: 1px;}

.panel-collapse .panel-heading span.pointer {
	margin-top: -20px;
	font-size: 15px;
}
#datatable_filter_accordion .panel-heading .panel-title > span {cursor: pointer;}
#datatable_filter_accordion .panel-heading .panel-title > span:after {font-family:'Glyphicons Halflings';content:"\e114";float: right;color: #fff;}
#datatable_filter_accordion .panel-heading .panel-title > span.collapsed:after {content:"\e080";}
#datatable_filter_accordion .panel-body {position: relative;padding:0;}
#datatable_filter_accordion .panel-body .utilities {display: none;position: absolute;right:15px;top:15px;}
#datatable_filter_accordion .panel-body:hover .utilities, #datatable_filter_accordion .panel-body.edit .utilities {display: block;}
#datatable_filter_accordion .panel-body .utilities .more {display: none}
#datatable_filter_accordion .panel-body.edit .utilities .more {display: inline-block}

#datatable_filter_accordion .panel-body .filter-wrapper > .glyphicon-remove {cursor:pointer;display: none;position: absolute;right:5px;top:5px;color:#adadad;}
#datatable_filter_accordion .panel-body.edit .filter-wrapper > .glyphicon-remove {display: block;}

#datatable_filter_accordion .grid .placeholder {
	border: 1px dashed #e7e7e7;
	background-color: #f5f5f5;
	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
	display: inline-block;
	margin: 10px;
}
#filterExternWrapper .filter-outer-wrapper .filter-wrapper {
	 display: inline-block;
	 margin: 5px;
	 vertical-align: top;
 }
#filterExternWrapper .panel-body .filter-outer-wrapper .filter-wrapper {border:1px solid transparent;padding: 5px;position: relative}
#filterExternWrapper .panel-body.edit .filter-outer-wrapper .filter-wrapper {border: 1px dashed #e7e7e7;}
#filterExternWrapper .utilities .add-dropdown {}
#filterExternWrapper .utilities .add-dropdown > div {}
#filterExternWrapper .utilities .add-dropdown > .filter-wrapper {display: block;padding: 5px 10px;border-bottom:1px solid #eee;}
#filterExternWrapper .utilities .add-dropdown > .filter-wrapper:last-child {border-bottom-width:0px;padding-bottom:0px;}
#filterExternWrapper .utilities .add-dropdown > .filter-wrapper > label {font-weight: inherit;}
#filterExternWrapper .utilities .add-dropdown > .filter-wrapper > .glyphicon-remove, #filterExternWrapper .utilities .add-dropdown > .filter-wrapper > div {display: none;}

#datatable_filter_accordion .panel-body .filter-wrapper.range_date .yadcf-filter-wrapper.form-control {padding:0;border-width: 0px;}
#datatable_filter_accordion .panel-body .filter-wrapper.range_date .input-daterange {display: inline}
#datatable_filter_accordion .panel-body .filter-wrapper.range_date input {height:31px;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#datatable_filter_accordion .panel-body .filter-wrapper.range_date .btn {vertical-align: baseline}

.ui-autocomplete {z-index: 999;}

.col-xs-2-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 20%;
}

/* Eigene Felder */

.FeldGruppe .feld_wrapper .edit { display: none; }
.FeldGruppe .feld_wrapper:hover .edit { display: block; }

.plugin-download-wrapper {display: inline-block;}

.top15 {padding-top:15px;}
.modal.size-large > .modal-dialog {width: 90%;}

.bootstrap-dialog.size-large .bootstrap-dialog-message {font-size: 14px;}
.bootstrap-dialog.size-large .bootstrap-dialog-title {font-size: 16px;}

@media (max-width: 767px) {
	.content-wrapper {
		margin-top: 100px;
	}
}

@media (min-width: 1600px) {
	.todo-list ul li .row > .col-xs-2 {
		width: 8.33333333%;
	}

	.todo-list ul li .row > .col-xs-9 {
		width: 83.33333333%;
	}
}