@import 'views/login-view.css';
@import 'components/vaadin-button.css';

@media all and (max-width: 1100px) {

	.list-view.editing .toolbar,
	.list-view.editing .contact-grid {
		display: none;
	}
}

a[highlight] {
	font-weight: bold;
	text-decoration: underline;
}

.baseline {
	font-size: 15px;
}

.formTitle {
	margin-top: 2em;
}

html {
	--lumo-primary-color: #e95d19;
	--lumo-secondary-color: #e95d19;
	--lumo-tertiary-color: #e95d19;
	--lumo-primary-text-color: #e95d19;
}

.pagination-bar > vaadin-text-field, .pagination-bar > vaadin-combo-box {
    width : 100px;
}

.align-right {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: end;

}

.btn-columns {
	position: relative;
	top: 206px;
	z-index: 1;
	right: 19px;
	width: 10px;
	height: 30px;
	background-color: white;

}

.datePicker {
	background-color: #e8ebef;
	height: 38px;
	border-radius: 3px;
}

.dateEnd {
	margin-left: -15px;
}

vaadin-date-picker {
	width: 130px;
	position: relative;
	bottom: 4px;
}

.dateEnd {
	width: 150px;
}

.dateStart::part(toggle-button) {
	display: none
}

vaadin-date-picker::part(input-field) {
	background: none;
}

vaadin-grid-cell-content > vaadin-icon{
    width: 20px;
    margin-left: 25px;
}

.toolbarBottom{
    width: 100%;
}

.btnRefresh {
    margin-left : auto;
}

.btnFormPosition{
    position: absolute;
    top: 18px;
    width: 20px !important;
    z-index: 2;
    right: 19px;
}

/*.btnFormPositionOverlay{
    position: absolute;
    top: 150px;
    z-index: 4;
    right: 400px;
}*/


@media screen and (max-width: 1400px) {

	.toolBarTop {
		display: flex;
		flex-direction: column;
	}



	.toolbarTopInLine>vaadin-text-field,
	.toolbarTopInLine>vaadin-button {
		width: 100px;
	}

	.pagination-bar {
		display: none;
	}

	.btn-columns {
		right: 15px;
	}


}

.hide{
	    visibility: hidden;
	}

.integer-filter{
    width: 120px;
    margin-right: -10px;
}

.boolean-filter{
    width : 120px
}

.clearDate{
    background : none;
    margin-top : 1px;
}

.btnColumns{
    position: absolute;
    top: 221px;
    z-index: 10;
    left:281px;
}

vaadin-time-picker{
    margin-top: -4px;
    width: 50px;
}

a[highlight] {
    font-weight: bold;
    text-decoration: underline;
}
h1 {
    font-weight: inherit;
    color: #e95d19;
    font-size: 35px;
    padding-top: 3px;
}
h2 {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
}
.qrCode{
   margin-bottom: -25px;
}