#disability_law_wrap {
	 position: relative;
}
 #disability-law-clinic>fieldset {
	 display: grid;
	 grid-template-columns: repeat(6, 120px);
	 grid-column-gap: 2.5rem;
	 grid-row-gap: 1.5rem;
}
 #disability-law-clinic>fieldset {
	 margin-bottom: 1.5rem;
}
 #disability-law-clinic>fieldset h2 {
	 grid-column: 1 / -1;
	 text-transform: capitalize;
}
 #disability-law-clinic label {
	 font-size: 1.5rem;
	 grid-column: span 2;
}
 #disability-law-clinic input, #disability-law-clinic select {
	 width: 100%;
	 height: 3.5rem;
	 font-weight: 400;
	 float: none;
	 padding: 0px 0.7rem;
}
 #disability-law-clinic textarea {
	 width: 100%;
	 min-height: 10rem;
	 font-weight: normal;
}
 #disability-law-clinic fieldset legend {
	 margin-bottom: 0.5rem;
	 font-weight: bold;
}
 #disability-law-clinic fieldset.sub-field legend {
	 font-size: 1.5rem;
}
 #disability-law-clinic input[type=radio], #disability-law-clinic input[type=checkbox] {
	 height: 1.5rem;
	 width: auto;
}
 #disability-law-clinic fieldset.sub-field {
	 display: flex;
	 flex-wrap: wrap;
}
 #disability-law-clinic fieldset.sub-field-column {
	 display: flex;
	 flex-direction: column;
}
 #disability-law-clinic fieldset.sub-field label {
	 line-height: 1.5rem;
	 display: flex;
	 align-items: center;
}
 #disability-law-clinic fieldset fieldset.sub-field label {
	 margin-left: 1rem;
	 height: max-content;
	 padding-top: 0.8rem;
}
 #disability-law-clinic fieldset.sub-field label input {
	 margin: 0px 0.5rem;
}
 #disability-law-clinic .double {
	 grid-column: auto / span 4;
}
 #disability-law-clinic .half {
	 grid-column: auto / span 3;
}
 #disability-law-clinic .full-row {
	 grid-column: 1 / -1;
}
 #disability-law-clinic .full-row textarea {
	 width: 100%;
	 min-height: 15rem;
	 font-weight: normal;
}
 #disability-law-clinic label.full-row {
	 display: flex;
	 flex-direction: column;
	/* grid-template-columns: repeat(2, 1fr);
	 */
	/* grid-column-gap: 10px;
	 */
}
 #disability-law-clinic label.full-row .validation_error-msg, #disability-law-clinic label.full-row .max--counter {
	 grid-column: 2;
}
 #disability-law-clinic label .max--counter {
	 text-align: right;
	 padding-right: 1rem;
	 font-size: 1.4rem;
	 font-weight: 400;
}
 #disability-law-clinic .validation_error-msg {
	 width: max-content;
	 display: inline-block;
	 max-width: 100%;
	 font-weight: normal;
	 background: #cc3333 none repeat scroll 0 0;
	 color: #fff;
	 padding: 0 4px;
	 font-size: 1.5rem;
}
 #disability-law-clinic .validation_error {
	 border: solid 2px #cc3333;
}
 #disability-law-clinic span.required {
	 color: #cc3333;
	 display: inline-block;
}
/* notification */
 #notification-wrap {
	 display: none;
	 position: fixed;
	 left: 0;
	 width: 100vw;
	 bottom: 50px;
	 z-index: 200;
}
 #notification-wrap.active {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 padding: 1rem;
}
 #notification-body {
	 overflow: hidden;
	 min-width: 20rem;
	 background-color: #fff;
	 box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
}
 .notification-row {
	 border-left: 3rem solid;
	 border-right: 0.5rem solid;
}
 #notification-body .notification-row div:not(:last-child) {
	 padding: 0 1.5rem 0.8rem 1.5rem;
}
 #notification-body .notification-row div:first-child {
	 padding-top: 1.5rem;
}
 #notification-title {
	 font-size: 2.4rem;
	 text-transform: capitalize;
	 font-weight: bold;
}
 #notification-progress {
	 display: none;
	 height: 0.4rem;
}
 #notification-progress.active, #notification-confirm.active {
	 display: block;
}
 #notification-progress #progress_bar {
	 transition: all;
	 opacity: 0.5;
	 height: 0.4rem;
	 width: 0%;
	 animation-name: progress;
	 animation-duration: var(--duration);
	 animation-timing-function: linear;
}
 @keyframes progress {
	 0% {
		 width: 1%;
	}
	 100% {
		 width: 100%;
	}
}
 #notification-body.warning .notification-row {
	 border-color: #003893;
}
 #notification-body.warning #notification-title {
	 color: #003893;
}
 #notification-body.warning #notification-progress #progress_bar {
	 background-color: #003893;
}
 #notification-body.success .notification-row {
	 border-color: #B5BD00;
}
 #notification-body.success #notification-title {
	 color: #B5BD00;
}
 #notification-body.success #notification-progress #progress_bar {
	 background-color: #B5BD00;
}
 #notification-body.error .notification-row {
	 border-color: #cc3333;
}
 #notification-body.error #notification-title {
	 color: #cc3333;
}
 #notification-body.error #notification-progress #progress_bar {
	 background-color: #cc3333;
}
 @media screen and (orientation: portrait) {
	 #disability-law-clinic {
		 display: flex;
		 flex-direction: column;
	}
	 #disability-law-clinic>fieldset {
		 grid-template-columns: 1fr;
		 width: 100%;
	}
	 #disability-law-clinic label, #disability-law-clinic .double, #disability-law-clinic .half {
		 grid-column: 1 / -1;
	}
}