/*@import "zlayout-container.css";*/
/*@import "custom-breadcrumb.css";*/

/* BEG: Sticky Footer - https://css-tricks.com/couple-takes-sticky-footer/#there-is-flexbox */
html, body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
}

.content-container {
	flex: 1 0 auto;
}

.footer-container {
	flex-shrink: 0;
}
/*END: Sticky Footer */

.hidden {
	display: none;
}

/* override the default style */
#tile-layout .k-card-title {
	cursor: pointer;
}
/* for tile-grid */
#tile-layout .k-grid {
	border-style: none !important;
}

#tile-layout .k-grid-header {
	border-color: white !important;
	background-color: white !important;
}

#tile-layout .k-grid-pager {
	color: #292b2c;
	background-color: white !important;
}
/* end tile-grid */

#tile-layout .k-card-header {
	background-color: #005598;
	color: white;
}

#tile-layout .k-grid, #equipment-grid.k-grid {
	font-size: 13px;
}

#window {
	display: inline-block !important;
}

#assessment {
	position: relative;
	top: -1px;
}

#assessmentdetails {
	position: relative;
	top: 7px;
}

#Material {
	width: 186px;
}

#unit {
	width: 186px;
}

#AssessmentDesc {
	width: 186px;
	height: 105px;
}

#add_btn {
	top: 11px;
	width: 181px;
	left: 68px;
}

#card {
	font-size: 13px;
}

/*.span{
position:fixed !important;
display:inline;
}*/
/*.header-container {
    position: relative !important;
}*/
/*.page {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
}*/
/*.header-container .header-main-nav {
    margin: 10px !important;
}

.header-container .limit-max-width {
    max-width: 100% !important;
}
*/

/*.btn-reject {
    background-image: none;
    background-color: rgb(230 76 76) !important;
    color: white !important;
    border-color: black !important;
}

.btn-accept {
    background-image: none;
    background-color: rgb(16 156 15) !important;
    color: white !important;
    border-color: black !important;
}*/

/* The popup form - hidden by default */
.form-popup {
	display: none;
	border: 1px solid #f0f1f4;
	z-index: 9;
	background-color: white;
	padding: 20px;
}

.open-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid #f0f1f4;
	border-radius: 100px;
	background-color: #f8f9fa;
	transition: 0.2s ease-in-out;
}

	.open-button:hover {
		background-color: #f0f1f4;
		transition: 0.2s ease-in-out;
	}