body{
	background: #fff;
}
@media screen{
	body{
		background: #f9f9f9;
	}
}
body.app{
	overflow-x: hidden;
}
.main .container-fluid{
	overflow: auto;
	min-height: calc(100% - 78px);
	max-height: calc(100vh - 228px);
}
.main .container-fluid .content{
	width: 100% !important;
}
.btn .icon{
	margin-right: 4px;
}
.btn .icon.icon-only{
	margin-right: 0;
}
.btn .icon.icon-left{
	float: left;
	line-height: 1.5;
	margin-top: 0;
}
.btn a {
    color: inherit;
}
.btn-table-row-padding{
	padding: 0 5px;
	font-size: 10px;
}
.btn-dark-blue{
	background: #1a233c !important;
	border-color: #1a233c !important;
}
h1.content-title{
	font-size: 14pt;
}
span.content-subtitle{
	font-style: italic;
	margin-top: -8px;
    margin-bottom: 8px;
    display: block;
}
.subtitle{
	display: block;
	width: 100%;
	clear: both;
	font-size: 10px;
}

.table-striped tbody tr:nth-of-type(even) td{
	background: #f9f9f9;
}
.table-striped tbody tr:nth-of-type(odd) td{
	background-color: #eee
}
.table-striped thead th.is-sticky {
	position: sticky;
	background: #f9f9f9;
	z-index: 1;
}
.data-table tbody td{
	cursor: pointer;
	font-size: 9pt;
	padding: 7px;
}
.data-table tfoot td{
	font-size: 9pt;
	padding: 7px;
}
.data-table tbody td.has-error{
	background: red !important;
}
.data-table tbody td.has-warning{
	background: orange !important;
}
.data-table tbody tr:not(.filters) td{
	border-right: 1px solid #e6e6e6;
}
.data-table tfoot tr{
	position: relative;
	z-index: 0;
}
.data-table tbody tr.filters td {
	overflow: visible !important;
}
select[multiple=multiple].chosen{
	height: 30px;
}
.data-table tbody tr.filters td select.chosen{
	max-width: 100%;
}
form#filter-form .data-table tbody td p{
	margin: 0;
	font-size: 9pt;
}
.has-project-status-message{
	background: #ffecaf !important;
}
span.has-project-status-message{
	border: 2px solid #ffecaf;
}
form#filter-form .data-table:not(.no-max-width) tbody tr:not(.filters) td,
.resizable-table:not(.no-max-width) tbody tr:not(.filters) td{
	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50px;
    overflow: hidden;
}
.custom-resizable-table{
	clear: both;
}
/* form#filter-form .data-table:not(.no-max-width) tbody tr:not(.filters) td:hover{
	max-width: none;
} */
form#filter-form .table-striped tbody tr:nth-of-type(even):not(.filters) td:hover{
	background: #f9f9f9;
}
form#filter-form .table-striped tbody tr:nth-of-type(odd):not(.filters) td:hover:not(.add-table-row){
	background-color: #ececec;
}
form#filter-form [data-column=select] input[type=checkbox]{
	width: 15px;
	height: 15px;
}
.resizable-table thead .select2-container,
.resizable-table thead select,
.resizable-table thead select:not([multiple=multiple]),
.resizable-table thead input:not([type=checkbox]),
.resizable-table tbody .select2-container,
.resizable-table tbody select,
.resizable-table tbody select:not([multiple=multiple]),
.resizable-table tbody input:not([type=checkbox]){
	max-width: 100% !important;
	min-width: 0 !important;
	width: 100% !important;
}
.resizable-table .table-input-icon-container input{
	width: calc(100% - 13px) !important;
}
.resizable-table .fltrow td{
	min-width: 0 !important;
	max-width: none !important;
}
.table thead th{
	border-top: none;
	padding: 5px;
    font-size: 11px;
	font-weight: 600;
    position: relative;
}
.table thead th[data-issortable="true"]{
	cursor: pointer;
}
form#filter-form table thead tr th,
.dialog-container form table thead tr th,
.resizable-table thead tr th{
	position: sticky;
	top: 0;
	background: #f9f9f9;
	z-index: 3 !important;
}
form#filter-form table thead tr th.is-sticky{
	z-index: 4 !important;
}
span.table-draggable-handle {
    width: 4px;
    height: 100%;
    position: absolute;
    float: right;
/*     background: red; */
    top: 0;
    right: 0;
    cursor: ew-resize;
    z-index: 999;
}
.table thead span.order-icon{
	display: inline;
	margin-left: 5px;
}
.table thead span.order-icon.fa-sort{
	color: #a7a7a7;
	opacity: 0;
}
.table thead:hover span.order-icon.fa-sort{
	opacity: 1;
}
.table thead span.sticky-icon{
	display: inline;
	margin-left: 5px;
	opacity: 0;
	cursor: pointer;
}
.table thead:hover span.sticky-icon,
.table thead th.is-sticky span.sticky-icon{
	opacity: 1;
}
.table thead span.sticky-icon.fa-thumbtack{
	color: #a7a7a7;
}
.table thead th.is-sticky span.sticky-icon.fa-thumbtack{
	color: #23282c;
}
.data-table tbody tr td.is-sticky,
.data-table tfoot tr td.is-sticky{
	position: sticky;
	z-index: 1;
	left: 0;
}
.data-table.apply-sticky-filters tbody tr.filters td{
	position: sticky;
	top: 93px;
	z-index: 1;
}
.data-table tbody tr.filters td.is-sticky,
.data-table tfoot tr.filters td.is-sticky{
	z-index: 2;
}
.btn-edit-row-inline{
	display: none;
}
.data-table tbody td:hover .btn-edit-row-inline{
	display: inline-block;
}
tr.edit-row-inline input{
	width: 100%;
}
table.is-editing-inline tr:not(.edit-row-inline){
	pointer-events: none;
	opacity: .5;
}
.mobile-only{
	display: none;
}
.print-only{
	display: none;
}
.disable-user-interaction{
	pointer-events: none;
}
.form-field .select2-container{
	max-width: 200px;
}
.input-group .select2-container{
	max-width: none;
	width: auto !important;
	display: flex;
	flex: 1 1 auto;
}
.input-group .select2-container .selection{
	width: 100%;
}
.input-group .select2-container--default .select2-selection--single{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #e4e7ea;
    height: auto;
}
.select2-container--default .select2-results__option[aria-disabled=true]{
	display: none;
}
.form-field span .select2-container{
	max-width: 220px;
}
.navbar-brand-full{
	height: 100%;
}
.project-status-message-error-message {
	margin-bottom: 20px;
}
.error-messages.project-status-message-error-message .alert:first-child{
	margin-top: 0;
}
.project-switcher{
	margin-left: 30px;
}

/* Defaults */
h1, h2, h3, h4{
	font-weight: normal;
}
h1{
	font-size: 18pt;
}
h2{
	font-size: 16pt;
}
h3{
	font-size: 14pt;
}
h4{
	font-size: 11pt;
}
p{
	font-size: 10pt;
}
a{
	text-decoration: none;
}
a.uncolored{
	color: inherit;
}
textarea{
	border-color: #eee;
}
select:not([multiple=multiple]){
    min-width: 100px !important;
    height: 25px;
    padding: 0 16px 0 4px !important;
    border: 1px solid #dadada;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50% #fff;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat calc(100% - 3px) 50% #fff;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}
select[multiple=multiple]{
	height: 130px;
}
form:not(.no-full-width-form){
	float: left;
	width: 100%;
}
.bold{
	font-weight: bold;
}
.box-shadow{
	-moz-box-shadow: 2px 2px 3px #d6d6d6;
	-webkit-box-shadow: 2px 2px 3px #d6d6d6;
	box-shadow: 2px 2px 3px #d6d6d6;
}
.table-wrapper{
	float: left;
	width: 100%;
	max-height: 500px;
}
table.data-table tbody tr.totals,
table.data-table tfoot tr.totals{
	font-weight: bolder;
}
table.data-table td.is_price,
table.data-table th.is_price{
	text-align: right;
}
table.data-table td.is_date{
	min-width: 84px;
}
table.data-table td.is_negative{
	color: #ff0000;
}
table.data-table.property-value tbody tr td:first-child{
	color: #7b756b;
	width: 50%;
}
.table-show-cell-borders tbody tr td,
.table-show-cell-borders thead tr th{
	border: 1px solid #ccc;
}
.table-no-borders tbody tr td,
.table-no-borders thead tr th,
.table-show-cell-borders tbody tr td.no-borders,
.table-show-cell-borders thead tr th.no-borders{
	border: none;
}
.table-thead-centered thead tr th{
	text-align: center;
}
table.data-table tbody tr td.line-on-top{
	border-top: 2px solid #000 !important;
}
table.data-table select,
div.form-field table.data-table select,
table.data-table input[type=text],
div.form-field table.data-table input[type=text]{
    border: 1px solid #dadada;
}
table.data-table tr.ui-sortable-handle.ui-sortable-helper{
	background: rgba(249, 249, 249, 0.7);
}
table.data-table tr.highlight td{
	background: #1492bd;
}
.table-title{
	font-size: 14px;
}
.clear{
	position: relative;
	clear: both;
	margin-bottom: 10px;
}
.hidden{
	display: none;
}
.force-hidden{
	display: none !important;
	visibility: hidden !important;
}
.back-to-project{
	float: left;
	margin-left: 10px;
}
.progress-thin {
	height: 4px;
}
/*
.col2set{
	float: left;
	width: 100%;
}
.col2set .col-1, .col2set .col-2{
	float: left;
	width: 50%;
}
.col3set{
	float: left;
	width: 100%;
}
.col3set .col-1, .col3set .col-2, .col3set .col-3{
	float: left;
	width: calc(33% - 20px);
	padding: 0 10px;
}
.col4set{
	float: left;
	width: 100%;
}
.col4set .col-1, .col4set .col-2, .col4set .col-3, .col4set .col-4{
	float: left;
	width: 25%;
}
*/
.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}
.align-right{
	text-align: right;
}
body .no-margin{
	margin: 0;
}
.noselect,
.form-action{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.error{
	float: left;
	width: 100%;
	clear: both;
	color: red !important;
	white-space: normal;
}
.error-color-only{
	color: red !important;
}
.warning-color-only{
	color: orange !important;
}
.error-background-color{
	background-color: red !important;
}
.warning-background-color{
	background-color: orange !important;
}
input.error,
input.input-error{
	border: 1px solid red !important;
}
input.success{
	border: 1px solid green !important;
}
.error-messages .alert:first-child{
	margin-top: 1rem;
}
.error-messages .alert:last-child:not(:first-child){
	margin-bottom: 0;
}
.success{
	float: left;
	width: 100%;
	clear: both;
	color: green;
	white-space: normal;
}
.success-color{
	color: green;
}
.warning{
	float: left;
	width: 100%;
	clear: both;
	color: #e9b106;
	white-space: normal;
}
.warning-color{
	color: #e9b106;
}
.uppercase{
	text-transform: uppercase;
}
input.hide-input-field-look{
	background: none !important;
	border: none !important;
	outline: none !important;
}
.no-padding{
	padding: 0 !important;
}
.row-cell-small-padding{
	padding: 2px 7px !important;
}
.cell-padding{
	display: inline-block;
	padding: 5px 0;
}
.animated-effect {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
input.remove-input-styling{
	border: none !important;
	background: none !important;
}
@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-20px);
	}
}
@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
hr.line{
	float: left;
	width: 100%;
	margin-bottom: 10px;
    margin-top: 3px;
}
.subheader{
	float: left;
	width: 100%;
	font-weight: bolder;
	margin-bottom: 3px;
	margin-top: 30px;
}
/* End Defaults */

/* Forms */
div.form-fields{
	float: left;
	width: 100%;
}
div.form-field{
	float: left;
	clear: both;
	width: 100%;
	padding: 4px 0;
}
div.form-field label{
	float: left;
	width: 150px;
	margin-right: 10px;
}
div.form-field > label,
div.form-field > span > label{
	line-height: 0.85rem;
	font-size: 13px;
}
div.form-field > span{
	float: left;
	width: 210px;
}
div.form-field > span.wide{
	width: auto;
}
.form-fields-auto-width div.form-field label,
.form-fields-auto-width div.form-field > span{
	width: auto;
	padding: 3px 8px;
}
.form-fields-auto-width div.form-field label{
	padding: 3px 8px 3px 0px;
	font-weight: bolder;
}
.form-fields-auto-width div.form-field .preview-field[data-field=project_description]{
	white-space: pre;
}
.icon-form-field .fa{
	width: 13px;
}
div.form-field > span .form-field-note{
	display: block;
	width: 100%;
	clear: both;
	font-size: 10px;
}
div.form-field span.icon-form-field select,
div.form-field span.icon-form-field span.select2-container,
div.form-field span.icon-form-field div.ms-parent,
div.form-field span.icon-form-field input:not([type=checkbox]){
	width: calc(100% - 35px) !important;
}
div.form-field span.icon-form-field.icon-form-field-2 select,
div.form-field span.icon-form-field.icon-form-field-2 span.select2-container,
div.form-field span.icon-form-field.icon-form-field-2 div.ms-parent,
div.form-field span.icon-form-field.icon-form-field-2 input:not([type=checkbox]){
	width: calc(100% - 70px) !important;
}
div.form-field span.icon-form-field.icon-form-field-3 select,
div.form-field span.icon-form-field.icon-form-field-3 span.select2-container,
div.form-field span.icon-form-field.icon-form-field-3 div.ms-parent,
div.form-field span.icon-form-field.icon-form-field-3 input:not([type=checkbox]){
	width: calc(100% - 105px) !important;
}
div.form-field span.label{
	width: auto;
}
div.form-field span.required{
	width: auto;
	color: red;
	padding-left:5px;
}
div.form-field-without-styling span.required{
	position: relative;
	clear: both;
	width: 100%;
	color: red;
	padding-left:5px;
}
.required-notice{
	color: red;
}
table tbody tr td .required-notice{
	float: left;
	clear: both;
}
div.form-field input[type=text],
div.form-field input[type=password],
div.form-field textarea,
div.form-field select{
/* 	width: 200px; */
	width: 100%;
	width: calc(100% - 160px);
	padding: 6px 8px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	outline-color: #20a8d8;
	color: #444;
	font-size: 9pt;
}
.grid-edit-page-block div.form-field input[type=text][readonly=readonly],
.grid-edit-page-block div.form-field input[type=password][readonly=readonly],
.grid-edit-page-block div.form-field textarea[readonly=readonly],
.grid-edit-page-block div.form-field select[readonly=readonly]{
	border: none;
	outline: none;
}
.form-field .select2-container--default .select2-selection--single,
.form-field .ms-choice{
	border: 1px solid #d8d8d8;
}
.select2-container--default .select2-selection--single,
div.ms-parent button{
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
}
div.form-field > span input[type=text],
div.form-field > span input[type=password],
div.form-field > span textarea,
div.form-field > span select,
div.form-field > span .select2-container{
	width: 100%;
	max-width: max(100%, 220px);
}
div.form-field .Zebra_DatePicker_Icon_Wrapper{
	width: 100%;
}
div.form-field select{
	width: 208px;
}
div.form-field textarea{
	width: 300px;
	max-width: 100%;
}
div.form-field .delete a{
	color: red;
}
.input-description{
	float: left;
	clear: both;
	font-size: 7pt;
}
.form-actions{
	float: left;
	width: 100%;
}
.form-action{
	margin-bottom: 10px;
	margin-right: 6px;
}
/*
.form-action{
	float: left;
	margin: 5px 5px 5px 0;
	padding: 5px;
	color: #fff;
	background: #20a8d8;
	cursor: pointer;
}
.form-action a{
	color: #fff;
}
*/
.load-more-results, .add-table-row, .table-pager{
	width: 100%;
	text-align: center;
	background: #353b42;
	color: #fff;
	font-size: 11pt;
	cursor: pointer;
	border-top: none !important;
}
.add-table-row{
	background: #353b42 !important;
}
.table-pager{
	background: #b4b4b4;
	text-align: left;
	height: 47px;
	position: relative;
}
.pager-container{
	position: absolute;
	left: 15px;
	z-index: 9;
}
.load-more-results .icon, .add-table-row .icon, .table-pager .icon{
	margin-right: 7px;
}
form#filter-form{
	float: left;
	min-width: 100%;
}
.pager-button{
	font-size: 9pt;
	padding: 5px;
}
.pager-button:hover{
	background: #aaa;
}
.pager-button select{
	background: #ccc;
	color: #5d5d5d;
	border-radius: 5px;
	line-height: 13px;
	min-width: 0 !important;
}
.pager-button.circle-background{
	width: 22px;
	height: 22px;
	background: #ccc;
	color: #5d5d5d;
	border-radius: 5px;
	line-height: 13px;
}
input.current_page {
    background: #ccc;
    border: none;
    padding: 0 4px;
    border-radius: 5px;
    font-size: 10px;
    height: 22px;
}
.pager-button.circle-background:hover{
	background: #5d5d5d;
	color: #fff;
}
.wizard-container .wizard-items .dropdown-item{
	white-space: normal;
	cursor: pointer;
}
.restore-wizard{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}
.restore-wizard-effect{
	
}
.wizard-container .btn{
	float: left;
	width: calc(100% - 6px);
	text-align: left;
	margin: 3px 3px 0 3px;
}
ul.password-helper-text{
	display: block;
	list-style: none;
	padding: 0;
	margin-top: 6px;
	font-size: 12px;
	line-height: 22px;
	color: #808080;
}
.resetpassword_form ul.password-helper-text{
	float: left;
	width: 100%;
	clear: both;
}
ul.password-helper-text li.valid {
	color: #1fd34a;
}
input.password-validation.valid {
	border: 2px solid #1fd34a;
}
/* End Forms */

/* Columns panel */
.form-columns-switcher{
	display: none;
	float: left;
	padding-bottom: 10px;
	width: 100%;
	background: #eee;
	padding: 0 15px 15px 15px;
}
.form-columns-switcher .column-switcher{
	float: left;
	width: auto;
	margin-top: 15px;
	margin-right: 20px;
}
.columns-settings-container .dialog.dialog.dialog-sm{
	max-height: 80vh;
}
.columns-settings-sort-order-container {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 12px;
}
.columns-settings-sort-order-container li {
	margin: 0 3px 3px 3px;
	padding: 0.4em;
	padding-left: 1.5em;
	height: 30px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	cursor: move;
}
.columns-settings-sort-order-container li span {
	position: absolute;
	margin-left: -1.3em;
}
.columns-settings-sort-order-container li label{
	margin-left: 10px;
}
/*
.form-columns-switcher .column-switcher:nth-child(3n + 1){
	clear: both;
}
*/
.form-columns-switcher label{
	margin-left: 5px;
	margin-bottom: 0;
}
/* End Columns panel */

/* Filters and tables */
table.data-table tbody tr.filters, table.data-table tbody tr.filters:hover{
	background: #b4b4b4;
}
.filters div.ms-parent button{
	border-radius: 4px;
	height: 24px;
	line-height: 24px;
}
.filters .ms-choice>div.icon-close:before{
	margin-top: -16px;
}
.input-short{
	min-width: 40px;
	width: 100%;
	width: calc(100% - 13px);
	padding: 0 3px;
	line-height: 21px;
}
	.table-pager .input-short{
	    width: 30px;
	    background: #fff;
	    border: none;
	    border-radius: 5px;
	}
.input-medium{
	min-width: 60px;
	width: 100%;
	width: calc(100% - 13px);
	padding: 0 3px;
	line-height: 21px;
}
.input-long{
	min-width: 250px;
	width: 100%;
	width: calc(100% - 13px);
	padding: 0 3px;
	line-height: 21px;
}
.table-input-icon-container{
	margin-right: 22px;
}
.table-input-icon-container .btn {
    float: left;
    position: relative;
    z-index: 2;
    padding: 3px;
    line-height: 1.2;
    margin-left: -22px;
}
.table-input-icon-container input,
.table-input-icon-container select,
tbody .table-input-icon-container .select2-container{
	float: left;
	width: calc(100% - 13px) !important;
	margin-right: 20px;
}
tbody .table-input-icon-container .select2-container{
	width: 100% !important;
}
.table-input-icon-container .select2-container--default .select2-selection--single{
	min-width: 0;
}
table .select2-container .select2-selection--single,
table .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 23px;
}
table .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 23px;
}
.textarea-oneline{
	padding: 2px 4px;
}
.price-container{
	float: left;
	width: 75px;
}
.ms-parent,
.select2-container{
	min-width: 60px;
	width: 100% !important;
}
.input-file{
	width: 95px;
}
tr.filters .from-to-column{
	min-width: 94px;
}
tr.filters .from-to-column:focus{
	min-width: 134px;
}
tr.filters .from-to-column span,
tr.filters .from-to-column input{
	width: 40px;
	min-width: 40px;
}
tr.filters .Zebra_DatePicker_Icon{
	width: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}
tr.filters .from-to-column input:focus,
tr.filters .from-to-column:focus span,
tr.filters .from-to-column input:not(:placeholder-shown){
	width: 80px;
}
tr.filters input#task_id{
	width: 40px;
}
tr.filters .datepicker{
	width:80px;
	font-size: 7pt;
	float: left;
}
tr.filters .Zebra_DatePicker_Icon_Wrapper{
	float: left;
	width: auto !important;
}
tr.filters span,
tr.filters label,
tr.filters input{
	float: left;
}
tr.filters input[type=text]{
    height: 24px !important;
    padding: 0 5px !important;
    border: 1px solid #aaa !important;
    border-radius: 4px;
    font-size: 9pt;
}
tr.filters td:not(.from-to-column) input[type=text]{
	width: 100% !important;
	min-width: 0;
}
tr.filters .select2-container{
	width: 100% !important;
	max-width: none;
}
tr.filters .select2-container .selection,
tr.filters .select2-container .select2-selection{
	width: 100% !important;
}
tr.filters span,
tr.filters label{
	color: #fff;
}
tr.filters .ms-parent span,
tr.filters .ms-parent label{
	width: 100%;
	white-space: normal;
	color: #000;
}
tr.filters .ms-parent li.hide-radio.selected span,
tr.filters .ms-parent li.hide-radio.selected label{
	font-weight: 600;
}
.quick-view-close-text, .quick-view.active .quick-view-open-text{
	display: none;
}
.quick-view.active .quick-view-close-text{
	display: block;
}
.fixed_asset_display,
.employee_display,
.permanence_display{
	float: left;
	width: 100%;
	margin: 5px 0;
	padding: 3px;
	border-radius: 3px;
	background: #e2e2e2;
}
.fixed_asset_display .value,
.employee_display .value,
.permanence_display .value{
	display: block;
	clear: both;
}
/* End Filters and tables */

/* Media */
.image-preview{
	position:absolute;
	border:1px solid #b4b4b4;
	background:#b4b4b4;
	padding:5px;
	display:none;
	color:#fff;
}
.image-preview img{
	max-width: 300px;
	max-height: 300px;
}
img.small-image-input-preview{
	max-width: 75px;
	max-height: 75px;
	margin: 5px;
}
/* End Media */

/* Dialogs */
.dialog-container{
	display: none;
	position: fixed;
/* 	position: absolute; */
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1020;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.views-dialog-container.dialog-container{
	z-index: 1021;
}
body.active-file-viewer .dialog-container{
	z-index: 999999;
}
.loader-dialog.dialog-container{
	z-index: 9999;
}
.loader-dialog.dialog-container .dialog{
	background: none;
	border: none;
}
.loader-dialog.dialog-container .loading-content{
	display: block;
}
.dialog{
	position: absolute;
	overflow: auto;
	margin: auto;
	height: auto;
	max-width: 50%;
	max-height: 50%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
	z-index: 22;
	padding: 15px;
}
.dialog.dialog-sm{
	max-width: 25%;
	max-height: 35%;
}
.dialog.dialog-md{
	max-width: 70%;
	max-height: 70%;
}
.dialog.dialog-lg{
	max-width: 85%;
	max-height: 85%;
}
.dialog.dialog-extra-lg{
	max-width: 95%;
	max-height: 95%;
}
.dialog.dialog-full{
	max-width: 100%;
	max-height: 100%;
}
.dialog-container.dialog-inline-display{
	position: relative;
	display: block;
	background: none;
	z-index: 0;
    height: auto;
    width: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}
.dialog-container.dialog-inline-display .dialog{
	position: relative;
	max-width: none;
	max-height: none;
	border-radius: none;
	border: none;
}
.dialog-container.dialog-inline-display .dialog h4{
	display: none;
}
.dialog h4{
	color: #20a8d8;
	font-weight: bolder;
    text-transform: uppercase;
    font-size: 14px;
}
.close-dialog{
	float: right;
	padding: 2px 8px;
	font-size: 12pt;
	color: #fff;
	background: #20a8d8;
	border-radius: 5px;
	cursor: pointer;
}
.dialog-save-form{
	margin-right: 7px;
}
.dialog-container ol.breadcrumb{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.loading-content{
	display: none;
	margin: auto;
	position: absolute;
	width: 150px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 150px;
}
.loading-content img{
	width: 150px;
}
.small-loader{
	width: 100px;
	padding: 10px;
	
}
.small-loader img{
	width: 100px;
}
.alert{
	display: none;
}
.alert.show{
	display: block;
}
/* Dialogs */

/* Autocomplete */
.ui-autocomplete{
	background: #fff;
}
.ui-autocomplete li{
	float: left;
	clear: both;
	padding: 3px;
}
.ui-autocomplete li:nth-child(2n){
	background: #eee;
}
.ui-autocomplete .ui-menu-item span{
	float: left;
	width: 150px;
	margin: 3px;
	border: none;
	color: inherit;
    max-height: 45px;
    overflow: hidden;
    font-size: 9pt;
    background: none;
}
.ui-autocomplete .ui-menu-item span.ui-state-active{
	color: #20a8d8;
	font-weight: normal;
}
.ui-autocomplete .ui-menu-item span.autocomplete-small{
	width: 40px;
}
.ui-autocomplete .ui-menu-item span.autocomplete-medium{
	width: 100px;
}
.loader{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}
.loader .loading-content{
	display: block;
}
/* End Autocomplete */

/* Custom */
.main .container-fluid{
	padding: 0 20px;
}
.navbar .page-title {
	max-width: 55%;
	height: 28px;
	overflow: hidden;
    margin-left: 15px;
    font-size: 14pt;
    color: #6d6d6d;
    text-transform: uppercase;
    font-weight: lighter;
}
.app-header .nav-item{
	min-width: 30px;
}
.app-header .navbar-brand{
	height: 54px;
}
.navbar .system-search-container input{
	display: none;
	width: 300px;
    padding: 2px 7px;
}
.relogin.dialog-container{
	display: none;
	z-index: 99999;
}
.breadcrumb{
	margin-bottom: 15px;
}
.breadcrumb-menu{
	float: left;
	width: 100%;
	margin-left: 0;
}
.breadcrumb-menu h4{
	display: none;
}
.breadcrumb-menu ul{
	float: left;
	display: inline-block;
	list-style: none;
	padding: 0;
	margin-top: -3px;
}
.breadcrumb-menu ul:first-child,
.breadcrumb-menu ul.right{
	margin-top: 0;
}
.breadcrumb-menu ul:nth-child(3){
	margin-top: 0px;
}
.breadcrumb-menu ul.right{
	float: right;
}
.breadcrumb-menu ul li{
	float: left;
	display: inline-block;
	margin-right: 7px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.breadcrumb-menu ul li.sidebar-group-header{
	color: #000;
	font-weight: bolder;
	margin-left: 20px;
	display: none;
}
.breadcrumb-menu ul li.sidebar-group-header:first-child{
	margin-left: 0;
}
.breadcrumb-menu ul li .ms-parent{
	width: 200px !important;
}
.breadcrumb-menu ul li a:not(.dropdown-item),
.breadcrumb-menu ul li div.btn:not(.dropdown-item){
	color: #73818f;
	color: #fff !important;
	padding: 5px 11px !important;
}
.breadcrumb-menu ul li a.btn-secondary:not(.dropdown-item),
.breadcrumb-menu ul li div.btn-secondary:not(.dropdown-item),
.breadcrumb-menu ul li div.btn-secondary:not(.dropdown-item) .icon{
	color: #23282c !important;
}
.breadcrumb-menu ul li input.datepicker{
	width: 105px;
}
/*
.breadcrumb-menu ul li:hover a{
	color: #23282c !important;
}
*/
.breadcrumb-menu ul li .icon{
	margin-right: 5px;
}
.breadcrumb-menu ul li ul li{
	margin-top: 0;
}
.sidebar-caption{
	float: left;
	font-size: 7pt;
	text-transform: uppercase;
	line-height: 8px;
	margin-top: 1px;
}
.btn-group .dropdown-menu{
	background: #1a90b5;
}
.btn-group .dropdown-menu.secondary{
	background: #c8ced3;
}
.btn-group .dropdown-menu.dropdown-menu-success{
	background: #4dbd74;
}
.breadcrumb-menu .dropdown-item,
.btn-group .dropdown-item{
	padding: 6px 15px;
	color: #fff;
	cursor: pointer;
}
.breadcrumb-menu .dropdown-item:hover,
.btn-group .dropdown-item:hover{
	background: #127496;
	color: #fff;
}
.btn-group .dropdown-menu.secondary .dropdown-item{
	color: #23282c;
}
.btn-group .dropdown-menu.secondary .dropdown-item:hover{
	color: #23282c;
	background: #acb5bc;
}
.dropdown-menu.dropdown-menu-success .dropdown-item:hover{
	background: #3a9d5d;
}
.sidebar .nav-link i, .sidebar .navbar .dropdown-toggle i, .navbar .sidebar .dropdown-toggle i {
    display: inline-block;
    width: 20px;
    margin: 0 .5rem 0 0;
    font-size: 14px;
    color: #536c79;
    text-align: center;
}
.sidebar-minimized .sidebar .nav-dropdown-toggle{
	font-weight: bolder;
}
.sidebar-minimized .sidebar .nav-dropdown-items .nav-item a{
	padding-left: 10px;
}
.sidebar-minimized .sidebar-minimizer .fixed-open-menu{
	display: none;
}
.fixed-open-menu{
	position: absolute;
	bottom: 0;
	width: 50px;
	height: 50px;
	right: 50px;
	color: #ccc;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	cursor: pointer;
	flex: 0 0 50px;
	border: 0;
	background: none;
	z-index: 2;
	outline: 0;
}
.fixed-open-menu:focus{
	outline: 0 !important;
}
.fixed-open-menu.active{
	background-color: rgba(0, 0, 0, 0.2);
}
.fixed-open-menu:hover{
	background-color: rgba(0, 0, 0, 0.4);
}
main.main.fixed-menu {
	padding-left: 150px;
}
main.hidden-breadcrumbs-bar .container-fluid{
	max-height: calc(100vh - 70px)
}
.login-page .login_form{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../images/login.jpg') no-repeat;
	background-size: cover;
}
.login_form img{
	width: 100%;
}
.login-page .login-right-container,
.relogin .login-right-container,
.twofactor .login-right-container{
	background: #1a233c !important;
	border-color: #1a233c !important;
	border-bottom-right-radius: 15px;
}
.login-page .card-group > .card:first-child,
.relogin .card-group > .card:first-child,
.twofactor .card-group > .card:first-child{
	border-bottom-left-radius: 15px;
}
.relogin .dialog,
.relogin .dialog .col-md-8,
.twofactor .dialog,
.twofactor .dialog .col-md-8{
	width: 750px;
	height: 336px;
	max-width: none;
	max-height: none;
	flex: none;
	overflow: hidden;
}
.wait-for-passkey-result-message{
	display: none;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.send-ticket-container{}
	.send-ticket-container div.form-field input,
	.send-ticket-container div.form-field textarea,
	.send-ticket-container div.form-field label{
		float: left;
		clear: both;
		margin: 0 10px;
		width: calc(100% - 20px);
	}
.table-multi-line-actions tbody tr.active-select td{
	background-color: #d2e6ea !important;
}
body.disableSelections{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
main.main.fullscreen{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}
.main.fullscreen .container-fluid{
	padding: 0;
}
.main.fullscreen .breadcrumb{
	margin-bottom: 0px;
}
.ui-widget{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.ui-autocomplete{
	z-index: 9999 !important;
}
.ui-autocomplete li{
	display: block;
}
.terms-and-conditions{
	float: left;
	clear: both;
	width: 100%;
	text-align: right;
	font-size: 11px;
	/* margin-top: 20px; */
	margin-bottom: 0;
	color: #9c9c9c;
}
.terms-and-conditions a{
	text-decoration: underline;
	color: #9c9c9c;
}
.tab-content{
	float: left;
	width: 100%;
}
.btn-remove-line-style{
	padding: 3px;
    line-height: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 10px;
    color: #23282c !important;
}
.badge-amount-positive-negative{
	margin-right: 7px;
	margin-left: 7px;
	padding: 4px;
	font-size: 10px;
}
.form-fields fieldset,
.grid-edit-page-block fieldset{
    float: left;
    border: 1px groove #fff;
    padding: 10px;
    margin: 10px 0;
    background: #f1f1f1;
}
.form-fields fieldset legend,
.grid-edit-page-block fieldset legend{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 12px;
    padding-right: 12px;
    width: auto;
}
.dropdown-item input[type=checkbox]{
	margin-right: 5px;
}
.dropdown-item label{
	margin-bottom: 0;
	cursor: pointer;
}
html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer{
	margin-left: 50px !important;
}
.btn-reset-column-setings{
	margin-right: 5px;
}
div.form-field.relation-selection-field span.icon-form-field .select2-container{
	width: calc(100% - 70px) !important;
}
.edit-relation-widget .iframe-container{
	width: 100%;
	height: 100%;
}
.edit-relation-widget .iframe-container iframe{
	width: 100%;
	height: 100%;
	border: none;
}
.content .trumbowyg-editor.trumbowyg-reset-css p{
	margin-bottom: 0 !important;
}
.main .ms-drop{
	min-width: 250px;
}
body > .ms-drop{
	z-index: 9999;
}
tr.filters .ms-drop:after{
	content: 'Toepassen';
	float: left;
	margin: 8px 8px;
	padding: 5px 10px;
	border-radius: 7px;
	cursor: pointer;
	background: #1492bd;
	color: #fff;
}
.main .ms-choice > div.icon-close {
	top: 16px;
	right: 13px;
	height: 10px;
}
tr.filters .ms-parent span{
	height: 100%;
	overflow: hidden;
}
tr.filters .ms-parent > button > span{
	width: calc(100% - 30px);
	word-break: break-all;
}
.tooltip{
	pointer-events: none;
}
.combo-box-header{
	font-weight: bolder;
}
.combo-box-column{
	display: table-cell;
	width: 150px;
	margin-right: 7px;
	padding: 6px;
	border-right: 1px solid #ccc;
}
.combo-box-select-column{
	width: 30px;
}
.combo-box-column:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.select2-container--open .select2-dropdown--above.combo-box-container{
	border-bottom: 1px solid #aaa;
}
.combo-box-container .select2-results__option{
	display: table;
	width: 100%;
	padding: 0 6px;
}
/* .combo-box-selection-container .select2-selection--multiple .select2-selection__choice{
	display: none;
} */
.settings-breadcrumb-menu .select2-container .select2-selection--single{
	height: 18px;
}
.settings-breadcrumb-menu .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 18px;
}
.settings-breadcrumb-menu .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 16px;
}
.tab-pane-padding-only{
	float: left;
	width: 100%;
	padding: 1rem;
	box-sizing: content-box;
}
.tab-pane.fullscreen{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1020;
	background: #fff;
}
/* End Custom */

/* Dark mode */
body.dark-mode{
	background-color: #363d43;
	color: #fff;
}
body.dark-mode .app-header,
body.dark-mode .sidebar,
body.dark-mode .columns-settings-sort-order-container li{
	background-color: #242a2b;
	border-color: #7c888e;
}
body.dark-mode .dialog,
body.dark-mode .ms-drop{
	background: #333a3d;
	color: #fff;
	border-color: #434c54;
}
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode div.form-field input[type=text],
body.dark-mode div.form-field input[type=password],
body.dark-mode div.form-field textarea,
body.dark-mode div.form-field select{
	background: #25292b;
	color: #fff;
	border-color: #25292b;
}
body.dark-mode .navbar .page-title{
	color: #c5c5c5;
}
body.dark-mode .breadcrumb{
	background-color: #25292b;
}
body.dark-mode .grid-container-header{
	border-color: #434c54;
}
body.dark-mode .grid-container{
	border: 1px solid #434c54;
}
body.dark-mode .tab-content,
body.dark-mode .form-fields fieldset,
body.dark-mode .grid-edit-page-block fieldset{
	background: #363d43;
	border-color: #434c54;
}
body.dark-mode h1.content-title{
	color: #fff;
}
body.dark-mode .navbar-nav .nav-link:hover,
body.dark-mode .navbar-nav .nav-link:focus{
	color: #fff;
}
body.dark-mode .btn-primary,
body.dark-mode .btn-group .dropdown-menu,
body.dark-mode .show > .btn-primary.dropdown-toggle{
	background-color: #105872;
}
body.dark-mode .dashboard-column .btn-primary,
body.dark-mode .dashboard-column .btn-group .dropdown-menu,
body.dark-mode .dashboard-column .show > .btn-primary.dropdown-toggle,
body.dark-mode .dashboard .card .card-body > i{
	background-color: #25292b !important;
	border-color: #434c54;
}
body.dark-mode .select2-container .select2-selection,
body.dark-mode .company-switcher .select2-container .select2-selection,
body.dark-mode tr.filters input[type=text],
body.dark-mode .ms-choice,
body.dark-mode .select2-dropdown{
	background: #242a2b;
	color: #fff;
	border-color: #242a2b;
}
body.dark-mode input.current_page,
body.dark-mode .pager-button.circle-background,
body.dark-mode .pager-button select{
	background: #394244;
	color: #a6bdc8;
}
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode tr.filters .ms-parent span,
body.dark-mode .btn-group .dropdown-menu.secondary .dropdown-item{
	color: #fff;
}
body.dark-mode .aside-menu,
body.dark-mode .list-group-item{
	background-color: #363d43;
	color: #c5c5c5;
}
body.dark-mode form#filter-form table thead tr th,
body.dark-mode .dialog-container form table thead tr th,
body.dark-mode .resizable-table thead tr th{
	background: #1c1c1c;
	color: #c5c5c5;
}
body.dark-mode .table thead th.is-sticky span.sticky-icon.fa-thumbtack{
	color: #c5c5c5;
}
body.dark-mode .data-table tbody tr:not(.filters) td{
	border-color: #434c54;
}
body.dark-mode .table-striped tbody tr:nth-of-type(odd) td{
	background: #2d3436;
	color: #fff;
}
body.dark-mode .table-striped tbody tr:nth-of-type(even) td{
	background: #262c2e;
	color: #fff;
}
body.dark-mode form#filter-form .table-striped tbody tr:nth-of-type(odd):not(.filters) td:hover:not(.add-table-row){
	background: #3f494b;
}
body.dark-mode form#filter-form .table-striped tbody tr:nth-of-type(even):not(.filters) td:hover:not(.add-table-row){
	background: #333a3d;
}
body.dark-mode .table-pager{
	background: #252b2d;
	border-top: 1px solid #434c54 !important;
}
body.dark-mode .action-icon,
body.dark-mode .action-icon .icon{
	color: #c5c5c5;
}
body.dark-mode .action-icon:hover,
body.dark-mode .action-icon.active{
	background: #262c2f;
	border-color: #434c54;
}
body.dark-mode .action-icon .icon-text{
	color: #c5c5c5;
}
body.dark-mode .nav-tabs{
	border-bottom: 1px solid #434c54;
}
body.dark-mode .card{
	background: #262c2f;
	border-color: #434c54;
}
body.dark-mode .table thead.tableFloatingHeaderOriginal,
body.dark-mode .card-header{
	background: #252b2d;
}
body.dark-mode .ui-widget-content .ui-state-default,
body.dark-mode .ui-widget-header .ui-state-default{
	background: #2d3436;
	border-color: #2d3436;
}
body.dark-mode .ui-widget-content .ui-state-active,
body.dark-mode .ui-widget-header .ui-state-active{
	background: #262b2d;
	border-color: #262b2d;
}
body.dark-mode .ui-state-default a,
body.dark-mode .ui-state-default a:link,
body.dark-mode .ui-state-default a:visited,
body.dark-mode .ui-state-active a,
body.dark-mode .ui-state-active a:link,
body.dark-mode .ui-state-active a:visited,
body.dark-mode .ct-label,
body.dark-mode .nav-tabs .nav-link{
	color: #fff;
}
body.dark-mode .ui-widget-content,
body.dark-mode .ui-widget-header{
	border-color: #434c54;
	color: #fff;
}
body.dark-mode #tabs{
	background: #262c2f;
}
body.dark-mode .nav-tabs .nav-link.active{
	background: #262b2d;
	border-color: #262b2d;
}
body.dark-mode .notes-timeline-filters,
body.dark-mode .open-note,
body.dark-mode .file-tool,
body.dark-mode .file-tool .files-tree-menu,
body.dark-mode .file-tool-breadcrumbs{
	background: #242a2b;
}
body.dark-mode .files-storage-display,
body.dark-mode .files-table thead tr th,
body.dark-mode .files-table tbody tr:hover,
body.dark-mode .jstree-default .jstree-clicked{
	background: #333a3d;
}
.ag-header-cell-text{
	color: #404040;
}
/* End Dark mode */

.dialog-presets{
	margin-right: 7px;
}


@media screen and (max-width: 667px){
	html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main,
	html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer{
		margin-left: 0 !important;
	}
	.navbar .page-title{
		display: none;
	}
	.company-switcher .select2-container,
	.company-switcher .select2-container--default .select2-selection--single,
	.project-switcher .select2-container,
	.project-switcher .select2-container--default .select2-selection--single{
		min-width: 0 !important;
		width: 50px;
	}
	.main .container-fluid{
		padding: 0 10px;
	}
	.mobile-only{
		display: block;
	}
	.app-body{
		overflow: hidden;
	}
	.main .container-fluid{
		min-height: calc(100% - 88px);
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.sidebar .nav{
		padding-bottom: 60px;
	}
	.navbar-toggler{
		margin-right: 0 !important;
	}
	.app-header .navbar-brand{
		display: none;
	}
	.navbar .page-title{
		font-size: 10pt;
		margin-left: 5px;
		max-width: 110px;
		overflow: hidden;
	}
	body.system-search-active .page-title,
	body.system-search-active .company-switcher{
		display: none;
	}
	body.system-search-active .system-search-container{
	    width: calc(100% - 140px);
	    position: absolute;
	    left: 50px;
	}
	.navbar .system-search-container input{
		width: 100%;
	}
	.breadcrumb{
		padding-bottom: 0;
	}
	.breadcrumb-menu{
		margin-left: 0;
	}
	.breadcrumb-menu ul{
		clear: both;
	}
	.breadcrumb-menu ul.right{
		float: left;
	}
	.breadcrumb-menu ul li{
		padding-bottom: 1rem;
	}
	.breadcrumb-menu ul li.sidebar-group-header{
		margin-left: 0;
		display: none;
		clear: both;
	}
	.ajax-upload-dragdrop{
		max-width: 100%;
	}
	.sidebar-minimized .sidebar .nav-dropdown-toggle{
		font-weight: normal;
	}
}

@media screen and (min-width: 992px){
	.sidebar-minimized .sidebar .nav-link i, .sidebar-minimized .sidebar .navbar .dropdown-toggle i, .navbar .sidebar-minimized .sidebar .dropdown-toggle i {
	    display: block;
	    float: left;
	    width: 50px;
	    font-size: 18px;
	}
	.form-actions:not(.disable-sticky).sticky{
	    position: fixed;
	    top: 55px;
	    margin-left: -30px;
	    padding-left: 10px;
	    padding-top: 10px;
	    background: #2f353a;
	    z-index: 9;
	}
	.brand-minimized .app-header .navbar-brand{
		width: 125px;
	}
}

@media print{
	@page {
		size: inherit;
	}
	.print-only{
		display: block;
	}
}