body{
	background-color:#fdfdfd;
}
body.frozen{
	overflow:hidden;
}

.loading{
	position: fixed;
	z-index: 11;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(255,255,255,0.9);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.loading img{
	width:50px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
}

.no-results{
	font-style: italic;
	color:#888;
	font-size:1rem;
	padding:1rem;
}

.header{
	padding:1rem 0.5rem;
	border-bottom:solid 1px #eee;
	background-color:#fff;
	position: fixed;
	width:100%;
	z-index:2;
	-webkit-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
}
.header .container-fluid{
	max-width: 1400px;
}
.header .btn-row{
	position: relative;
}
.header .btn-row a{
	display:inline-block;
	color:#888;
	font-size:1.4rem;
	line-height: 1;
	text-decoration: none;
	padding:0 0.5rem;
	position: relative;
}
.header-alert-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.25rem;
	line-height:1;
	padding:0 0.35rem;
	cursor:pointer;
}
.header .btn-row a.header-alert-icon{
	color:#dc3545;
}
.header .btn-row a.header-alert-icon:hover{
	color:#b02a37;
}
.header .btn-row a:hover{
	color:#555;
}
.header .btn-row a.btn-popup-header{
	position: relative;
}
.header .btn-row .popup-header{
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	top:calc(100% + 10px);
	right:0;
	width:300px;
	border:solid 1px #f5f5f5;
	-webkit-box-shadow: 0px 9px 11px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 9px 11px -4px rgba(0,0,0,0.3);
	box-shadow: 0px 9px 11px -4px rgba(0,0,0,0.3);
	display: none;
}
.header .btn-row #popup-header-user{
	width:200px;
}
.header .btn-row .popup-header a{
	font-size:0.9rem;
	color:#555;
	background-color:#fff;
	display: block;
	padding:1rem 0.7rem;
	border-bottom:solid 1px #f5f5f5;
	text-align:left;
	line-height: 1.4;
}
.header .btn-row .popup-header a:hover{
	color:#ef761f;
	background-color:#fafafa;
}
.header .btn-row .popup-header a.btn-all{
	color:#ef761f;
	text-align:center;
	border:none;
	font-weight:normal;
}
.header .btn-row .popup-header a.btn-all:hover{
	color:#151515;
}
.header .btn-row a.btn-open-sidebar{
	padding:0 0 0 0.5rem;
}
.header .btn-row a span.count{
	position: absolute;
	top:-5px;
	left:0;
	width:18px;
	height:18px;
	background-color:#ef761f;
	color:#fff;
	border-radius: 50%;
	font-size:11px;
	line-height: 20px;
	text-align:center;
}
@media(min-width:768px){
	.header{
		padding:1rem;
	}
	.header .btn-row a{
		padding:0 0.6rem;
	}
}
@media(min-width:992px){
	.header{
		padding:1rem 2rem;
	}
	.header .logo img{
		max-width:200px;
	}
	.header .customer-details a{
		display: block;
		color:#777;
		text-transform: uppercase;
		text-decoration: none;
		font-size:0.8rem;
		line-height: 1.4;
	}
	.header .btn-row a{
		padding:0 0.8rem;
	}
	.header .customer-details a:hover{
		color:#555;
	}
}

/* Tooltip styling for documents icon */
.garwig-tooltip{
	background-color:#ef761f;
	border:none;
	border-radius:6px;
	color:#fff;
	padding:0.4rem 0.8rem;
	font-size:0.8rem;
	text-transform:none;
	box-shadow:0 8px 20px rgba(0,0,0,0.2);
	position:relative;
	z-index:20;
	pointer-events:none;
}
.garwig-tooltip::after{
	content:'';
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-6px;
	border-width:6px;
	border-style:solid;
	border-color:transparent transparent #ef761f transparent;
}

.darken{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	z-index: 3;
	display:none;
}
.sidebar{
	position: fixed;
	right:-320px;
	top:0;
	bottom:0;
	width:300px;
	background-color:#fff;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
}
.sidebar.open{
	right:0;
}
.btn-close-sidebar{
	position: absolute;
	top:0;
	right:0;
	padding:0.8rem 1rem;
	color:#888;
	font-size:1.8rem;
	line-height: 1;
}
.btn-close-sidebar:hover{
	color:#222;
}
.sidebar .customer-details a{
	display: block;
	text-align:center;
	color:#777;
	text-transform: uppercase;
	padding:3.5rem 1.5rem 0 1.5rem;
	text-decoration: none;
	font-size:0.8rem;
	line-height: 1.4;
}
.sidebar .items{
	padding:1rem 0;
}
.sidebar .items a{
	display: block;
	color:#777;
	text-decoration: none;
	padding:1rem 1.5rem;
	border-bottom:solid 1px #eee;
	font-size:1rem;
}
.sidebar .items a:hover{
	color:#222;
}
.sidebar .items a i{
	display: inline-block;
	width:30px;
	color:#ef761f;
}
.sidebar .items a span{
	display:inline-block;
}
@media(min-width:1200px){
	.sidebar .items a{
		display: block;
		color:#555;
		text-decoration: none;
		padding:1.2rem 1.5rem;
		border-bottom:solid 1px #eee;
		font-size:1rem;
	}
}

.work-space{
	padding:90px 0.7rem 2rem 0.7rem;
}
.work-space-no-padding{
	padding-left:0;
	padding-right:0;
}
.work-space .container-fluid{
	max-width: 1400px;
}
@media(min-width:768px){
	.work-space{
		padding-top:120px;
	}
}
@media(min-width:992px){
	.work-space{
		padding-top:140px;
	}
}

/*

	EXTRA CUSTOMER HEADER

------------------------- */
.extra-customer-sticky{
	background-color:#ef761f;
	position: sticky;
	top:0;
	z-index:2;
	padding:0.4rem 1rem;
	box-shadow:0 20px 35px -22px rgba(0,0,0,0.6);
	margin:0;
	color:#fff;
}
.extra-customer-sticky .container-fluid{
	max-width:1400px;
}
.extra-customer-sticky__content{
	display:flex;
	align-items:center;
	gap:1rem;
	flex-wrap:wrap;
	justify-content:space-between;
}
.extra-customer-sticky__field{
	flex:1 1 260px;
	min-width:220px;
}
.extra-customer-sticky__field label{
	display:block;
	font-size:0.65rem;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin:0 0 0.2rem 0;
	color:rgba(255,255,255,0.85);
}
.extra-customer-sticky__select{
	border:none;
	border-radius:999px;
	padding:0.4rem 1rem;
	font-weight:500;
}
.extra-customer-sticky__select:focus{
	box-shadow:0 0 0 .25rem rgba(255,255,255,0.35);
	border-color:transparent;
}
.extra-customer-sticky__info{
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-size:0.65rem;
	color:rgba(255,255,255,0.85);
}
.extra-customer-sticky__info strong{
	display:block;
	font-size:0.95rem;
	letter-spacing:0;
	text-transform:none;
	color:#fff;
}
.extra-customer-sticky__btn{
	border:1px solid rgba(255,255,255,0.85);
	background-color:transparent;
	color:#fff;
	border-radius:999px;
	padding:0.35rem 1.2rem;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
.extra-customer-sticky__btn:hover,
.extra-customer-sticky__btn:focus{
	background-color:rgba(255,255,255,0.15);
	color:#fff;
}
@media(min-width:768px){
	.extra-customer-sticky{
		top:0;
		padding:0.5rem 1.2rem;
	}
	.extra-customer-sticky__content{
		gap:1.5rem;
	}
}
@media(min-width:992px){
	.extra-customer-sticky{
		top:0;
	}
}

.calendar-debug{
	background:#fff;
	border:1px solid #eee;
	border-radius:8px;
	padding:1rem;
	font-size:0.85rem;
	color:#555;
	box-shadow:0 5px 15px -10px rgba(0,0,0,0.2);
}
.calendar-debug__header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-weight:600;
	font-size:0.9rem;
	margin-bottom:0.5rem;
}
.calendar-debug__header i{
	margin-right:0.5rem;
	color:#ef761f;
}
.calendar-debug__clear{
	font-size:0.75rem;
	padding:0.1rem 0.6rem;
	border-radius:999px;
}
.calendar-debug__list{
	list-style:none;
	margin:0;
	padding:0;
	max-height:180px;
	overflow:auto;
}
.calendar-debug__list li{
	border-bottom:1px dashed #eee;
	padding:0.25rem 0;
}
.calendar-debug__list li:last-child{
	border-bottom:none;
}

.calendar-doc{
	display:flex;
	flex-direction:column;
	gap:0.8rem;
	background:#fff;
	border:1px solid #eee;
	border-radius:8px;
	padding:0.8rem 1rem;
	margin-bottom:0.6rem;
	box-shadow:0 8px 20px -18px rgba(0,0,0,0.4);
}
.calendar-doc__header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
}
.calendar-doc__info{
	display:flex;
	align-items:center;
	gap:0.6rem;
	font-weight:600;
	color:#555;
	text-transform:uppercase;
	font-size:0.85rem;
}
.calendar-doc__info i{
	font-size:1.2rem;
	color:#ef761f;
}
.calendar-doc__actions{
	display:flex;
	justify-content:flex-end;
}
.calendar-doc__btn{
	min-width:140px;
}
.calendar-doc__preview iframe{
 width:100%;
 min-height:785px;
 height:785px;
 border:1px solid #eee;
 border-radius:6px;
}
.calendar-column{
	transition:flex-basis 0.25s ease, max-width 0.25s ease;
}
.calendar-column.calendar-col-expanded{
	flex:0 0 100% !important;
	max-width:100% !important;
}
.calendar-docs--inline{
	margin-top:1rem;
}
.calendar-docs--inline .calendar-placeholder{
	margin:0;
}

.main-btns{
	margin:1rem 0 0 0;
	background-color:#fff;
	padding:2rem 1rem;
	-webkit-box-shadow: -1px -7px 18px -7px rgba(0,0,0,0.05);
	-moz-box-shadow: -1px -7px 18px -7px rgba(0,0,0,0.05);
	box-shadow: -1px -7px 18px -7px rgba(0,0,0,0.05);
	border-top:solid 1px #eee;
	background-image: url('../img/logo-element-sm-grey.png');
    background-repeat: repeat;
}
.main-btns .container-fluid{
	max-width: 1400px;
}
.main-btns .btn-main{
	background-color:#fff;
	width:100%;
	display: block;
	margin:0 0 0 0;
	padding:1rem;
	text-align:center;
	text-decoration: none;
	border:solid 1px #f5f5f5;
	color:#888;
	border-radius: 10px;
	-webkit-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
}
.main-btns .btn-main i{
	display: block;
	font-size:1.5rem;
	margin:0 0 0.5rem 0;
	color:#ef761f;
}
.main-btns .btn-main span{
	display:block;
	text-transform: uppercase;
	font-size:0.7rem;
	font-weight: bold;
}
.main-btns .btn-main:hover{
	border-color:#eee;
	color:#555;
	background-color: #fafafa;
}
.main-btns .btn-main:hover i{
	color:#ef761f;
}
.admin-main-btns{
	background-image: none;
	background-color:#fdfdfd;
}
@media(min-width:1200px){
	.main-btns{
		padding:4rem 0;
		margin-top:1.5rem;
	}
	.main-btns .btn-main{
		padding:1.5rem;
	}
		.main-btns .btn-main i{
			font-size:2rem;
			margin:0 0 1rem 0;
		}
		.main-btns .btn-main span{
			font-size:1rem;
	}
}

.home-intro{
	padding:1rem 0 1.5rem 0;
}
.home-intro__card{
	background-color:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:1.5rem;
	box-shadow:0 20px 35px -25px rgba(0,0,0,0.3);
}
.home-intro__title{
	font-size:1.1rem;
	font-weight:600;
	color:#151515;
	margin:0 0 0.75rem 0;
}
.home-intro__grid{
	margin-top:0.5rem;
}
.home-intro__block{
	height:100%;
	padding:0.75rem;
	border-radius:10px;
	background-color:#fdf4ec;
	border:1px solid #f7d9bf;
}
.home-intro__block h4{
	font-size:0.95rem;
	font-weight:700;
	color:#ef761f;
	margin:0 0 0.4rem 0;
}
.home-intro__block p{
	font-size:0.9rem;
	color:#555;
	margin:0;
}
.home-intro__row{
	margin-top:0.4rem;
}
.home-intro__link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:50%;
	border:1px solid #ef761f;
	color:#ef761f;
	text-decoration:none;
	transition:background-color 0.15s, color 0.15s, box-shadow 0.15s;
	flex-shrink:0;
}
.home-intro__link i{
	font-size:0.9rem;
}
.home-intro__link:hover{
	background-color:#ef761f;
	color:#fff;
	box-shadow:0 6px 15px -8px rgba(239,118,31,0.8);
}
.home-intro__note{
	margin:1.25rem 0 0 0;
	font-size:0.95rem;
	font-weight:500;
	color:#555;
}
@media(min-width:768px){
	.home-intro__card{
		padding:2rem;
	}
	.home-intro__title{
		font-size:1.2rem;
	}
	.home-intro__block p{
		font-size:0.92rem;
	}
	.home-intro__row{
		margin-top:0.25rem;
	}
}

.vlarema-intro{
	padding:1rem 0 0 0;
}
.vlarema-intro__card{
	background-color:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:1.5rem;
	box-shadow:0 15px 30px -25px rgba(0,0,0,0.35);
}
.vlarema-intro__title{
	font-size:1.2rem;
	color:#ef761f;
	font-weight:600;
	margin-bottom:0.75rem;
}
.vlarema-intro__card p{
	color:#555;
	font-size:0.95rem;
	margin-bottom:0.8rem;
}
.vlarema-intro__card p:last-child{
	margin-bottom:0;
}
@media(min-width:768px){
	.vlarema-intro__card{
		padding:2rem;
	}
	.vlarema-intro__card p{
		font-size:1rem;
	}
}

.vlarema-blank .docs-title{
	margin-bottom:0.5rem;
}
.vlarema-blank__paper{
	background-color:#fff;
	border-radius:18px;
	border:1px solid #f0f0f0;
	padding:2rem;
	box-shadow:0 35px 60px -45px rgba(0,0,0,0.45);
}
.vlarema-blank__header{
	display:flex;
	gap:1.5rem;
	align-items:flex-start;
	border-bottom:1px solid #e7e7e7;
	padding-bottom:1.5rem;
	margin-bottom:1.5rem;
}
.vlarema-blank__header img{
	width:70px;
	height:auto;
	opacity:0.7;
}
.vlarema-blank__label{
	text-transform:uppercase;
	font-size:0.75rem;
	letter-spacing:0.08em;
	color:#ef761f;
	font-weight:700;
	margin-bottom:0.3rem;
}
.vlarema-blank__muted{
	color:#6c757d;
	font-size:0.9rem;
	margin:0.4rem 0 0 0;
}
.vlarema-blank__section{
	margin-bottom:1.8rem;
}
.vlarema-blank__section:last-child{
	margin-bottom:0;
}
.vlarema-blank__section-title{
	font-size:1.05rem;
	font-weight:600;
	color:#1a1a1a;
	margin-bottom:0.75rem;
	display:flex;
	align-items:center;
	gap:0.5rem;
}
.vlarema-blank__grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:0.9rem 1.5rem;
}
.vlarema-blank__field label{
	display:block;
	font-size:0.8rem;
	text-transform:uppercase;
	color:#888;
	margin-bottom:0.25rem;
	letter-spacing:0.04em;
}
.vlarema-blank__field span,
.vlarema-blank__signature-field span{
	display:block;
	font-family:'Times New Roman','Cormorant Garamond',serif;
	font-size:1rem;
	color:#444;
}
.vlarema-blank__table{
	width:100%;
	border-collapse:collapse;
	font-size:0.9rem;
}
.vlarema-blank__table th{
	background-color:#fdf4ec;
	color:#ef761f;
	font-weight:600;
	padding:0.8rem;
	text-align:left;
	border-bottom:1px solid #f4d7c0;
}
.vlarema-blank__table td{
	padding:0.7rem 0.8rem;
	border-bottom:1px solid #f1f1f1;
	vertical-align:top;
}
.vlarema-blank__table tr:last-child td{
	border-bottom:none;
}
.vlarema-blank__checkbox{
	width:18px;
	height:18px;
	border:1px solid #bbb;
	display:inline-block;
	border-radius:4px;
}
.vlarema-blank__line{
	display:block;
	width:100%;
	border-bottom:1px solid #d9d9d9;
	min-height:20px;
}
.vlarema-blank__signature{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:1rem 1.5rem;
}
.vlarema-blank__signature-field label{
	display:block;
	font-size:0.78rem;
	text-transform:uppercase;
	color:#888;
	margin-bottom:0.4rem;
	letter-spacing:0.04em;
}
.vlarema-blank__signature-line{
	display:block;
	border-bottom:1px solid #1a1a1a;
	height:28px;
}
.vlarema-blank__footnote{
	font-size:0.85rem;
	color:#6c757d;
	margin-top:1rem;
}
@media(max-width:767px){
	.vlarema-blank__paper{
		padding:1.5rem;
	}
	.vlarema-blank__header{
		flex-direction:column;
		align-items:flex-start;
	}
}


.home-locations{
	margin:-0.5rem 0 1rem 0;
}
.home-locations__toggle{
	width:100%;
	border:1px solid #e8e8e8;
	background-color:#fff;
	border-radius:10px;
	padding:0.9rem 1.2rem;
	font-size:0.95rem;
	font-weight:600;
	color:#555;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	transition:background-color 0.2s, border-color 0.2s, color 0.2s;
	box-shadow:0 12px 25px -20px rgba(0,0,0,0.4);
}
.home-locations__toggle:hover{
	background-color:#fff6ee;
	border-color:#ef761f;
	color:#ef761f;
}
.home-locations__toggle i{
	transition:transform 0.2s;
}
.home-locations__toggle.is-open{
	border-color:#ef761f;
	color:#ef761f;
	background-color:#fff6ee;
}
.home-locations__toggle.is-open i{
	transform:rotate(180deg);
}
.home-locations__list{
	display:none;
}
.home-locations__list .table-grid{
	margin-top:0;
}

.crumbs{
	text-align: center;
	margin:0 0 1rem 0;
	color:#777;
	font-size:0.9rem;
}
.crumbs a{
	color:#777;
	text-decoration: none;
}
.crumbs a,
.crumbs span,
.crumbs i{
	display: inline-block;
	margin:0 0.2rem;
}

.main-title{
	font-weight:bold;
	text-align: center;
	font-size:1.5rem;
	padding:0 0 0.8rem 0;
	line-height: 1.2;
}
.main-title i{
	display:inline;
	color:#ef761f;
	margin:0 0.5rem 0 0;
	font-size:1.5rem;
}
.main-title span{
	display: inline;
	color:#777;
}
@media(min-width:768px){
	.main-title{
		font-size:1.8rem;
		padding:0 0 1rem 0;
	}
	.main-title i{
		font-size:1.8rem;
	}
}
@media(min-width:1200px){
	.main-title{
		font-size:2rem;
		padding:0 0 1.2rem 0;
	}
	.main-title i{
		font-size:2rem;
	}
}

.sub-title {
    font-weight: bold;
    font-size: 1.2rem;
    padding: 1.5rem 0 0.5rem 0;
    line-height: 1.2;
    border-bottom: solid 2px #eee;
    margin: 0 0 1rem 0;
    display: flex;
    justify-content: left; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
}
.sub-title i {
    width: 2rem;
    line-height: 1.2;
    color: #ccc;
    text-align: center;
    align-self:flex-start;
}
.sub-title span {
    color: #777;
    margin-left: 0.5rem;
    align-self:flex-start;
    line-height: 1.2;
}
@media(min-width:768px){
	.sub-title{
		font-size:1.4rem;
		padding:2rem 0 0.5rem 0;
	}
}
@media(min-width:1200px){
	.sub-title{
		font-size:1.5rem;
		padding:4rem 0 0.5rem 0;
	}
}

.last-seen{
	color:#888;
	font-size:1rem;
	font-style: italic;
	margin:0 0 1rem 0;
	text-align: center;
}

.table-row{
	background-color:#fff;
	border:solid 1px #eee;
	color:#777;
	font-size:0.9rem;
	line-height: 1.3;
	border-radius: 5px;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    margin:0 0 0.5rem 0;
}
.table-row:hover{
	/*background-color:#eee;*/
}
.table-grid-closed{
	display:none;
}
.table-grid .table-td-container{
	padding:0.7rem;
}
.table-row .table-td{
	line-height: 1.2;
}
.table-row .table-td a{
	color:#777;
	text-decoration: none;
	display: inline-block;
}
.table-row .table-td a:hover{
	color:#222;
}
.unread .table-td{
	font-weight:bold;
}
.table-td-btns{
	padding:0.7rem;
	border-top:solid 1px #f5f5f5;
	line-height: 1;
}
.table-td-btns a{
	color:#ef761f;
	text-decoration: none;
	margin:0 0 0 1rem;
}
.table-td-btns a:hover{
	color:#555;
}
.table-td-btns a i,
.table-td-btns a span{
	display: inline-block;
}
.table-td-btns a i{
	margin:0 0.2rem 0 0;
}
.table-accordeon-title{
	background-color:#eee;
	color:#777;
	padding:1rem;
	border-radius: 5px;
	margin:0 0 0.5rem;
	font-weight:bold;
	font-size:1.5rem;
	cursor:pointer;
}
.table-accordeon-title:hover{
	background-color:#ddd;
	color:#151515;
}
@media(min-width:768px){
	.table-grid{
		border-radius: 5px;
		border:solid 1px #eee;
		overflow:hidden;
	}
	.table-row{
		margin:0;
		border:none;
		border-bottom:solid 1px #eee;
		border-radius: 0;
	}
	.table-grid .row:last-child .table-row{
		border:none;
	}
	.table-row{
		font-size:1rem;
	}
	.table-grid .table-td-container,
	.table-td-btns{
		padding:1.2rem 1rem;
	}
	.table-td-btns{
		border:none;
		position: relative;
	}
	.table-td-btns a{
		font-size:0.9rem;
	}
	.table-td-btns::before{
		content:'';
		position: absolute;
		width:1px;
		height:30px;
		background-color:#ddd;
		left:0;
		top:50%;
		margin-top:-15px;
	}
}
@media(min-width:1200px){
	.table-grid .table-td-container,
	.table-td-btns{
		padding:1.4rem 1.2rem;
	}
}

.block-container{
	background-color:#f5f5f5;
	padding:1rem;
	border-radius: 5px;
	border:solid 1px #eee;
}
.block{
	padding:1rem;
	background-color:#fff;
	border-radius: 5px;
	border:solid 1px #eee;
	line-height: 1;
	color:#777;
	height:100%;
}
.block .details{
	line-height: 1.4;
}
.block .btn-row{
	margin:1rem 0 0 0;
	padding:0.5rem 0 0 0;
	border-top:solid 1px #f5f5f5;
	text-align: right;
}
.block .btn-row a{
	display: inline-block;
	color:#ef761f;
	text-decoration: none;
	font-size: 0.9rem;
}
.block .btn-row a:hover{
	color:#222;
}
.block .btn-row a i{
	display:inline;
	margin:0 5px 0 0;
}
.block .btn-row a span{
	display:inline;
}

footer{
	margin:0;
	padding:2rem 1rem;
	background: rgb(136,136,136);
	background: -moz-linear-gradient(54deg, rgba(136,136,136,1) 0%, rgba(85,85,85,1) 100%);
	background: -webkit-linear-gradient(54deg, rgba(136,136,136,1) 0%, rgba(85,85,85,1) 100%);
	background: linear-gradient(54deg, rgba(136,136,136,1) 0%, rgba(85,85,85,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#888888",endColorstr="#555555",GradientType=1);
}
footer .container-fluid{
	max-width: 1400px;
}
footer .title{
	font-size:1.2rem;
	color:#fff;
	font-weight:bold;
	margin:0 0 1rem 0;
}
footer .details{
	color:#fff;
	font-size:1rem;
	line-height: 1.8;
}
footer .details a{
	color:#fff;
	text-decoration:none;
	display: inline-block;
}
footer .details a i{
	width:20px;
	font-size:0.9rem;
}
@media(min-width:992px){
	footer{
		padding:2rem;
	}
}

.bottom{
	padding:1.5rem 0;
}
.bottom .container-fluid{
	max-width: 1400px;
}
.nav-bottom a{
	font-size:0.8rem;
	color:#555;
	padding:0 0.2rem;
	text-decoration: none;
}
.nav-bottom a:hover{
	color:#111;
}
.bottom .socials{
	margin:1rem 0 0 0;
}
.bottom .socials .title{
	font-size:0.8rem;
	margin:0 0 0.5rem 0;
}
.bottom .socials a{
	display:inline-block;
	text-align:center;
	background-color:#ef761f;
	color:#fff;
	width:30px;
	height:30px;
	line-height: 32px;
	border-radius: 50%;
	text-decoration: none;
	font-size:1rem;
}
.bottom .socials a:hover{
	background-color:#555;
}
@media(min-width:768px){
	.nav-bottom a{
		font-size:0.9rem;
		padding:0 0.3rem;
	}
	.bottom .socials .title{
		font-size:0.9rem;
	}
	.bottom .socials .title,
	.bottom .socials{
		margin:0;
	}
}
@media(min-width:992px){
	.bottom{
		padding:1.5rem 2rem;
	}
}

.popup-container{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 99;
	background-color:rgba(0,0,0,0.6);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: none;
}
.btn-close-popup{
	position: absolute;
	top:0;
	right:0;
	padding:1rem;
	color:#555;
	font-size:2rem;
	line-height: 1;
}
.btn-close-popup:hover{
	color:#222;
}
.popup-content{
	position: absolute;
	top:4rem;
	width:340px;
	left:50%;
	margin-left:-170px;
	background-color:#fff;
	padding:1.4rem;
	border:solid 1px #f5f5f5;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
	font-size:1rem;
	line-height: 1.4;
	color:#777;
}
.popup-content .title{
	font-weight:bold;
	font-size:1.5rem;
	padding:0 0 0.5rem 0;
	border-bottom:solid 1px #eee;
	margin:0 0 1.5rem 0;
}
.popup-content .title i{
	display:inline-block;
	margin:0 0.5rem 0 0;
	color:#ef761f;
}
.popup-content .title span{
	display: inline-block;
}
.popup-content .details{
}
.popup-content .actions{
	margin:1.5rem 0 0 0;
	border-top:solid 1px #eee;
	padding:1rem 0 0 0;
	text-align: right;
}
.popup-content .actions a{
	display:inline-block;
	text-decoration: none;
	font-size:0.9rem;
	color:#ef761f;
}
.popup-content .actions a:hover{
	color:#555;
}
.btn-close-popup-2{
	position: absolute;
	top:-25px;
	left:0;
	right:0;
	text-align: right;
	color:#eee;
	font-size:0.9rem;
	text-decoration: none;
	line-height: 1;
}
.btn-close-popup-2:hover{
	color:#fff;
}
.btn-close-popup-2 i{
	display:inline-block;
	margin:0 0.2rem 0 0;
}
.btn-close-popup-2 span{
	display: inline-block;
}
.popup-loading{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
}
.popup-loading i{
	position: absolute;
	top:50%;
	left:50%;
	font-size:20px;
	line-height: 1;
	margin-top:-10px;
	margin-left:-10px;
}
@media(min-width:768px){
	.popup-content{
		width:500px;
		margin-left:-250px;
		padding:1.5rem;
	}
	.btn-close-popup{
		padding:2rem;
		font-size:3rem;
	}
}

.btn-tab{
	background-color:#fff;
	display: block;
	padding:1.5rem 1rem;
	border-radius: 5px;
	border:solid 1px #eee;
	text-decoration:none;
	text-align:center;
	color:#777;
	-webkit-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	font-weight:bold;
}
.btn-tab:hover{
	color:#555;
	background-color:#fafafa;
}
.btn-tab.current{
	background-color:#ef761f;
	border-color:#ef761f;
	color:#fff;
}
.faq-item{
	padding:1rem 0;
	border-top:solid 1px #eee;
	font-size:0.9rem;
	color:#777;
}
.faq-item .question{
	font-weight:bold;
	display:flex;
	font-size:1rem;
	line-height: 1.2;
	cursor: pointer;
}
.faq-item .question i{
	width:2rem;
}
.faq-item .answer{
	padding:0.5rem 0;
	display: none;
}
.faq-container{
	position: relative;
}
.faq-loading{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
}
.faq-loading i{
	position: absolute;
	top:50%;
	left:50%;
	font-size:20px;
	line-height: 1;
	margin-top:-10px;
	margin-left:-10px;
}
@media(min-width:768px){
	.faq-item .answer{
		padding:0.5rem 0 0.5rem 2rem;
		font-size:1rem;
	}
}

.summary{
	background-color:#f5f5f5;
	padding:0 1rem;
	border:solid 1px #eee;
	border-radius: 5px;
}
.summary p{
	margin:0;
}
.summary .row{
	padding:1rem 0;
	border-bottom:solid 1px #e5e5e5;
}
.summary .row:last-child{
	border:none;
}
.btn-summary{
	display:block;
	color:#ef761f;
	text-decoration: none;
	padding:0.5rem 0 0 0;
	border-top:solid 1px #eee;
	font-size:0.9rem;
	margin-top:0.5rem;
}
.btn-summary:hover{
	color:#151515;
}
@media(min-width:992px){
	.btn-summary{
		padding:0;
		margin:0;
		border:none;
		font-size:1rem;
	}
}

.docs-workspace{
	margin-top:1rem;
	border-radius: 5px;
	overflow-x:hidden;
}
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}
.table-responsive table {
    min-width: 1000px;
    border-collapse: collapse;
}
.table-responsive th,
.table-responsive td {
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
}
.col-waste {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
.col-month,
.col-total {
    width: auto;
}
.form-filter{
	margin:0 0 30px 0;
}
.form-filter button.btn-type{
	background-color:#fff;
	margin:5px 5px 5px 0;
	display: inline-block;
	padding:0.5rem 1rem;
	border-radius: 5px;
	border:solid 1px #eee;
	text-decoration:none;
	text-align:center;
	color:#777;
	-webkit-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	box-shadow: 0px 9px 18px -14px rgba(0,0,0,0.25);
	font-weight:bold;
}
.form-filter label.label-main{
	font-weight:bold;
	padding:5px 10px;
	background-color:#f5f5f5;
	width: 100%;
	margin:0 0 10px 0;
}
.form-filter .checkbox-group{
	margin:0 0 20px 0;
}
.form-filter button.btn-type:hover{
	color:#555;
	background-color:#fafafa;
}
.form-filter button.btn-type.current{
	background-color:#ef761f;
	border-color:#ef761f;
	color:#fff;
}
.form-filter button.btn-primary{
	border:none;
	padding:0.7rem 2rem;
	border-radius:5px;
	font-weight:bold;
}
.form-filter button.btn-primary:hover{
	opacity: 0.9;
}
@media(min-width:768px){
	.col-waste {
		width: 300px;
		min-width: 300px;
		max-width: 300px;
	}
}
@media(min-width:1200px){
	.col-waste {
		width: 400px;
		min-width: 400px;
		max-width: 400px;
	}
}
#calendars{
	display: none;
}
.btn-download{
	display:inline-block;
	color:#777;
	text-decoration: none;
	text-align:center;
	max-width:150px;
	padding:0.5rem;
}
.btn-download i{
	display:block;
	font-size:2.5rem;
}
.btn-download span{
	margin-top:1rem;
	display: block;
	font-size:0.8rem;
	line-height: 1.2;
}
.btn-download:hover{
	color:#151515;
}

.btn-go-back{
	display:flex;
	text-decoration: none;
	align-items: center;
	color:#777;
}
.btn-go-back:hover{
	color:#151515;
}
.btn-go-back i{
	display: block;
	margin:0 0.5rem 0 0;
}
.btn-go-back span{
	display:block;
}

.notification-message-container{
	float:left;
	width: 100%;
	margin:0 0 1rem 0;
	color:#777;
}
.notification-message{
	display: block;
	padding:1rem;
	background-color:#e9f4fb;
	border-radius: 5px;
	width:90%;
	float:left;
}
.notification-message.garwig{
	float: right;
	background-color: #fbf3e9;
}
.notification-sent-info{
	float:left;
	display: block;
	font-size:0.8rem;
	margin-top:0.2rem;
	font-style: italic;
	color:#777;
}
.notification-sent-info.garwig{
	float:right;
}
.search-messages{
	position: relative;
	margin-top:1rem;
	margin-bottom:1rem;
}
.search-messages input{
	height:50px;
	width:100%;
	border-radius: 25px;
	border:solid 1px #e5e5e5;
	padding:0 1rem;
	line-height: 50px;
	font-size:1rem;
	font-weight: normal;
}
.search-messages input::placeholder{
	color:#aaa;
	font-style: italic;
	margin:0;
	padding:0;
}
.search-messages button{
	color:#ef761f;
	border:none;
	background-color:transparent;
	position: absolute;
	font-size:1.5rem;
	right:5px;
	top:10px;
	position: absolute;
}
.search-messages .btn-reset-search{
	position: absolute;
	top:13px;
	right:60px;
	text-decoration: none;
	font-size:1rem;
	color:#aaa;
	line-height: 20px;
	width:20px;
	height:20px;
	border:solid 1px #ccc;
	border-radius: 50%;
	text-align:center;
	display: none;
}
.search-messages .btn-reset-search i{
	color:#aaa;
	font-size:1rem;
	margin:0;
	display: inline-block;
}

.confirmation-container{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index: 100;
	display: none;
}
.confirmation{
	position: absolute;
	background-color: #fcd1d1;
	color: #602a2a;
	width:300px;
	top:30px;
	left:50%;
	margin-left:-150px;
	padding:30px;
	border-radius: 10px;
	text-align:center;
}
.confirmation p{
	color: #602a2a;
}
.confirmation .btns{
	margin-top:15px;
}
.confirmation .btns a{
	display:inline-block;
	padding:15px 20px; 
	color:#602a2a;
	text-decoration: none;
	border-radius: 5px;
	margin:0 2px;
	border:solid 1px #602a2a;
	font-size:14px;
	line-height: 1;
}
.confirmation .btns a.btn-cancel{
}
.confirmation .btns a.btn-ok{
	background-color:#602a2a;
	color:#fff;
}
@media(min-width:768px){
	.confirmation{
		width:400px;
		margin-left:-200px;
	}
	.confirmation .btns{
		margin-top:20px;
	}
}

.section-report{
	margin:0 0 15px 0;
}
.section-report h3{
	font-size:1.2rem;
}
.section-report h3 i{
	cursor:pointer;
}
.section-report table td,
.section-report table th{
	padding:5px;
	border:solid 1px #eee;
	font-size:1rem;
}
.section-report table td:not(:first-child), 
.section-report table th:not(:first-child) {
    text-align: right;
}
table.totals td,
table.totals th{
	padding:5px;
	border:solid 1px #eee;
	font-size:1rem;
	background-color:#fafafa;
}

/*

	FILTERS

----------- */
.filters{
	margin:0 0 1rem 0;
}
.filter-title{
	font-size:18px;
	font-weight:bold;
	padding:0 0 5px 0;
	border-bottom:solid 1px #eee;
	margin:0 0 15px 0;
	color:##555;
}

.missing-item{
	color:#ccc;
}
@media(min-width:1200px){
	/* .filter-reports {
		position: sticky;
		top: 90px;
		z-index: 1;
	} */
}

.filter-reports{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:320px;
	overflow-y:scroll;
	z-index: 10;
	padding:1rem;
	background-color:#fff;
	display:none;
}
.btn-close-form-filter{
	position: fixed;
	top:5px;
	left:325px;
	padding:0.75rem 1rem;
	font-size:1.5rem;
	line-height:1;
	display:block;
	background-color:#333;
	color:#fff;
	border-radius:50%;
}
.btn-filter-reports{
	position: fixed;
	background-color:rgba(0,0,0,0.8);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	padding:1rem;
	z-index:2;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
}
@media(min-width:1200px){
	.filter-reports{
		position: relative;
		top:auto;
		left:auto;
		bottom:auto;
		width:auto;
		padding:0;
		background-color:transparent;
		z-index: 1;
		display:block;
	}
	.btn-close-form-filter{
		display:none;
	}
	.btn-filter-reports{
		display:none;
	}
}

/*

	TABS

-------- */
.tab{
	display:none;
}
.tab-graph h3{
	font-size:1.2rem;
	color:#555;
}
.tabs-reports{
	padding:0 0 5px 0;
	border-bottom:solid 1px #eee;
}
.tabs-reports a{
	display:inline-block;
	text-decoration:none;
	color:#aaa;
	font-size:18px;
	padding:0 10px;
}
.tabs-reports a:hover{
	color:#999;
}
.tabs-reports a.active{
	color:#555;
	font-weight:bold;
}
.vlarema-form .vlarema-table{
	background:#fff;
	font-size:0.9rem;
	width:100%;
	table-layout:fixed;
}
.vlarema-form .vlarema-table th{
	background:#f8f9fa;
	text-transform:uppercase;
	font-size:0.8rem;
	letter-spacing:0.05em;
	text-align:center;
}
.vlarema-form .vlarema-table td{
	vertical-align:middle;
}
.vlarema-stream-name{
	font-weight:600;
	font-size:0.9rem;
	width:32%;
	max-width:32%;
	word-break:normal;
	white-space:normal;
}
.vlarema-form input[type="checkbox"]{
	width:18px;
	height:18px;
}
.vlarema-col-available,
.vlarema-col-sorted{
	width:4%;
	text-align:center;
}
.vlarema-col-supplier{
	width:28%;
	word-break:break-word;
	white-space:normal;
}
.vlarema-col-comments{
	width:32%;
	word-break:break-word;
	white-space:normal;
}
.vlarema-form textarea{
	min-height:80px;
}

/* === VLAREMA modern grid === */
.vlarema-modern-grid{
	border:1px solid #ececec;
	border-radius:14px;
	overflow:hidden;
	background:#fff;
}

.vlarema-modern-header,
.vlarema-modern-row{
	display:grid;
	grid-template-columns:82px minmax(120px,0.8fr) 82px minmax(260px,1.2fr);
	align-items:center;
	padding:0.75rem 1rem;
	gap:0.5rem;
}

.vlarema-modern-header{
	background:#f7f7f7;
	font-size:0.85rem;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:600;
	color:#6c757d;
}

.vlarema-modern-row:nth-child(even){
	background:#fcfcfc;
}

.vlarema-modern-row+.vlarema-modern-row{
	border-top:1px solid #f1f1f1;
}

.vlarema-modern-row.is-locked{
	opacity:0.8;
}

.vlarema-modern-row.vlarema-row-error{
	box-shadow:0 0 0 2px #dc3545 inset;
}

.vlarema-modern-row.vlarema-row-error .vlarema-col-other .form-control{
	border-color:#dc3545;
}

.vlarema-col-name span{
	font-weight:500;
}

.vlarema-col-other .form-control{
	min-width:180px;
}

.vlarema-header-icon{
	width:44px;
	height:44px;
	border-radius:50%;
	border:1px solid #dadada;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.vlarema-header-icon img{
	max-height:24px;
	width:auto;
	height:auto;
}


.vlarema-modern-legends{
	display:grid;
	grid-template-columns:82px minmax(120px,0.8fr) 82px minmax(260px,1.2fr);
	align-items:start;
	column-gap:0.75rem;
	margin-bottom:-0.35rem;
	pointer-events:none;
}

.vlarema-legend-arrow-slot{
	display:flex;
	justify-content:center;
	align-items:flex-start;
}

.vlarema-legend-arrow-slot:first-of-type{
	justify-content:flex-start;
	padding-left:15px;
}

.vlarema-legend-arrow-slot--right{
	justify-content:center;
}

.vlarema-legend-text-slot{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	text-align:left;
}

.vlarema-legend-text-slot--right{
	justify-content:flex-start;
}

.vlarema-legend-text{
	font-size:0.78rem;
	font-weight:600;
	color:#f27c24;
	text-transform:uppercase;
	letter-spacing:0.04em;
}


.vlarema-legend-arrow{
	display:inline-block;
	max-width:100%;
	margin-left:15px;
}

.vlarema-legend-arrow img{
	display:block;
	max-width:30px;
	width:100%;
}

.vlarema-legend-arrow--mirror{
	transform:none;
}

.visually-hidden{
	position:absolute !important;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

.vlarema-toggle-input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.vlarema-toggle{
	width:44px;
	height:44px;
	border-radius:50%;
	border:1px solid #dadada;
	background:#fff;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:border-color .2s ease,box-shadow .2s ease;
	cursor:pointer;
}


.vlarema-toggle img{
	max-height:22px;
	width:auto;
	height:auto;
	filter:grayscale(1) brightness(0.7);
	transition:filter .2s ease;
}

.vlarema-icon-available{
	max-height:18px;
	width:auto;
}

.vlarema-toggle-input:checked+.vlarema-toggle{
	border-color:#f27c24;
	box-shadow:0 0 0 3px rgba(242,124,36,.15);
}

.vlarema-toggle-input:checked+.vlarema-toggle img{
	filter:none;
}

.vlarema-toggle.is-disabled{
	cursor:default;
	opacity:0.6;
}

@media (max-width:991.98px){
	.vlarema-modern-header{
		font-size:0.75rem;
	}
	.vlarema-modern-header,
	.vlarema-modern-row{
		grid-template-columns:70px minmax(100px,0.8fr) 70px minmax(210px,1.2fr);
	}
}

@media (max-width:767.98px){
	.vlarema-modern-legends{
		grid-template-columns:60px auto 60px auto;
		margin-bottom:0.25rem;
	}
	.vlarema-modern-header{
		display:none;
	}
	.vlarema-modern-row{
		grid-template-columns:60px auto 60px;
		grid-template-areas:
			"avail name sorted"
			"other other other";
		row-gap:0.65rem;
	}
	.vlarema-modern-row .vlarema-col-icon-available{
		grid-area:avail;
	}
	.vlarema-modern-row .vlarema-col-name{
		grid-area:name;
	}
	.vlarema-modern-row .vlarema-col-icon-sorted{
		grid-area:sorted;
	}
	.vlarema-modern-row .vlarema-col-other{
		grid-area:other;
	}
	.vlarema-col-other .form-control{
		min-width:100%;
	}
}