/*

web.css

Handles styles for elements on all public, employer, sb, and state NewHire sites, 
including custom sites 

Do not include styles, such as navigation and layout styles, as those styles may 
produce unintended results

Please include usage comments for each style


*/

/* Employer dashboard 
Boxes on employer dashboard
*/
.summary.dashboard {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	max-width: 90%;
	gap: 20px;
}
.summary.dashboard .dashboard_box {
	border: 1px solid #e7e7e7;
	box-shadow: 1px 1px 2px 0 rgba(3,3,3,.1);
	border-color: #d5cec3 #aea8a0 #7c7b77 #bab8b2;
	border-radius: 0.75rem;
    margin: 0px 15px 15px 0px;
	padding: 20px 15px 25px 15px;
    min-width: 200px;
    width: 330px;
    vertical-align: top;
	min-height: 100px;
	max-height: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	justify-content: space-between;
	gap: 15px;
	background: white;
	max-height: 275px;
}
.summary.dashboard .dashboard_box .dash_subtitle {
	display: block;
	padding: 0 0 10px 0;
	margin: 0;
	width: 95%;
	text-align: center;
	letter-spacing: -0.5px;
	font-size: 21px;
	font-style: normal;
	font-weight: 800;
	line-height: 2rem;
	text-rendering: optimizeLegibility;	
	border-bottom: 1pt solid #e1e1e1;
  	order: 1;
}
.summary.dashboard .dashboard_box .dash_description {
	flex-grow: 1;
	order: 2;
}
.summary.dashboard .dashboard_box .dash_status {
	display: block;
	font-weight: bold;
	order: 3;
}
.summary.dashboard .dashboard_box .buttons {
	margin: 0;
	padding: 0 !important;
	order: 4;
}
.summary.dashboard .dashboard_box .buttons input[type="button"] {
	margin: 0 !important;
}
.summary.dashboard fieldset p,
.summary.dashboard .dashboard_box p {
	margin: 0px;
	text-align: center;
}
.summary.dashboard fieldset .buttons,
.summary.dashboard .dashboard_box .buttons {
	padding: 0px 0px 8px 0px;
}
.summary.dashboard .dash_status {
	display: none;
}
@media screen and (max-width: 600px) {
	.summary.dashboard fieldset {
		max-height: unset;
	}
}

div.datatable span.wrap_dataitem {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	padding-bottom: 10px;
}

/* form */
.field input[readonly], .field select[readonly] {
	background: #f1f1f1;
	color: #686868;
}

.error-message {
    color: red;
    display: none; 
}
/* confidential */
.classification_container {
	position: relative;
}
.classification {
	position: absolute;
	top: 0;
	right: 10px;
	text-transform: uppercase;
	font-size: inherit;
	font-weight: bold;
	color: #df0000;
}