@charset "UTF-8";

.process {background:#fff;}

.form-area {background:#fff; border:#e8e8e8 solid 1px; border-radius:6px; padding:1rem; margin-bottom:2rem; margin-top: 20px;}

fieldset {margin-bottom:2rem;}

.bs-form select, 
.bs-form input,
.bs-form textarea {border:#ebecec solid 1px; background-color:#fff; height:45px; font-size:0.9rem; font-weight:100; color:#000; margin-bottom:1rem; display:block; width:100%; border-radius:3px; padding:.25rem .75rem;}
.bs-form input[type=checkbox] {height:16px; width:16px; display:inline-flex; margin-right:10px; margin-bottom:0; vertical-align:middle;}
.bs-form input[type=radio] {
	height: 16px;
	width: 16px;
	display: inline-flex;
	margin-right: 10px;
	margin-bottom: 0;
	vertical-align: middle;
}
.bs-form label {color:#818180; font-size:13px; font-weight:300; text-decoration:none; display:inline; line-height:1.4; margin-bottom:0.5rem; letter-spacing: 0.03rem;}
.bs-form legend {
	color: #272727;
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: .75rem;
}
.bs-form select {width:75%; text-indent:.375rem; padding:0;}
.bs-form input:focus {border:#094792 solid 2px; }
.bs-form input.width-70 {width:60%; display:inline-flex; vertical-align:top;}
.bs-form input.calendar {width:45px; display:inline-flex; background:#eee !important; border:none; vertical-align:top;}
.bs-form input.calendar svg {width:10px;}
.bs-form .checkbox label {display:inline-flex; font-weight:500; color:#222;}

.validation-error {font-size:0.8rem; color:#de2724; font-weight:400; width:100%; background-color:rgba(222,39,36,0.1); padding:0.75rem 1rem; display:inline-block !important; margin-bottom:2rem;}
.validation-error.msg {border:rgba(222,39,36,0.5) solid 2px; background:#fff; border-radius:5px;}
.ValidationError2 {font-size:0.8rem; font-weight:400; color:#de2724; background:#fff; border-radius:5px; margin-left:0;}

.valnotification {
	color: #de2724;
}

.btn-form {color:#fff; border-radius:3px; font-size:0.9rem; text-transform:none; line-height: 1; padding:0.8rem; text-align:center; font-weight:500; width:80px; text-align:center; display:inline-block; vertical-align:middle; box-shadow:rgba(0,0,0,0.02) 0px, 1px, 10px;}
.btn-form:hover {opacity:0.85; text-decoration:none; color:#fff;}
a.btn-form {text-decoration: none;}
.btn-form.next {background:var(--btf-turquoise);}
.btn-form.prev {background:#c3c3c3;}
.btn-form.update {background:var(--btf-l-green);
}



.bs-form.update  {border:none; background:#18DEC6; color:#fff; font-size:0.8rem; font-weight:500; margin:0; width:140px; height:40px; padding:0; text-indent:20px;}
.bs-form.update:hover {background:#12bfaa; border:none; color:#fff;}
.bs-form.update.wide {width:170px;}

.bs-form input.btn-form.btn-export {
	border: none;
	background-color: #18DEC6;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 500;
	margin: 0;
	width: 80px;
	height: 40px;
	padding: 0;
}

.bs-form input.btn-form.btn-export:hover {
	background: #12bfaa;
	border: none;
	color: #fff;
}


/* Add button */
input.btn-form.add-new {border:none; background-color:#18DEC6; color:#fff; font-size:0.8rem; font-weight:500; margin:0; width:140px; float:right; height:40px; padding:0; text-indent:20px;}
input.btn-form.add-new:hover {background:#12bfaa; border:none; color:#fff;}

.bs-form a.upload {border:none; background-color:#18DEC6; color:#fff; font-size:0.8rem; font-weight:500; margin:0; width:auto; height:40px; padding:0 20px; line-height:40px; transition:0.25s ease-in-out;}
.bs-form a.upload i {margin-right:10px;}
.bs-form a.upload:hover {background:#12bfaa; border:none; color:#fff;}

/* ADDS ICON TO INPUTS ON FORMS LIKE UPDATE AND ADD NEW */
.btn-icon {display: inline-block; position: relative; font-size:1rem;}
.btn-icon::after {font-family:'Font Awesome 5 Free'; left: 15px; pointer-events: none; /* important */ position: absolute; top: 8px; color:#fff; font-size:1rem; content:'\f0fe';}
.btn-icon-save {display: inline-block; position: relative; font-size:1rem;}
.btn-icon-save::after {font-family:'Font Awesome 5 Free'; left: 15px; pointer-events: none; /* important */ position: absolute; top: 7px; color:#fff; font-size:1.2rem; content:'\f058'; height:20px; width:20px; }

.record-updated {font-size:0.8rem; font-weight:500; margin:0; height:40px; padding:0 1rem; border:1px solid #18DEC6; text-align:center; border-radius:3px; background-color:rgba(24,222,198,0.1); color:#18DEC6;}


.ajax__calendar .ajax__calendar_container {background:#eee !important; padding:1.2rem !important; border: #ebecec solid 1px !important;}
.ajax__calendar .ajax__calendar_day {background:#fff;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background:#f5f5f5 !important;}
.ajax__calendar_container {font-family:neue-haas-unica, Arial, Helvetica, sans-serif !important; font-weight:300 !important;}
.ajax__calendar_container TD {font-size:12px !important; }



.RequiredWarning {
	color: red;
}


@media(min-width:768px) {
	.form-area {padding:2rem;}
}


@media(min-width:992px) {

}	


@media(min-width:1024px) {
	.form-area {padding:2.5rem;}
	.bs-form select, .bs-form input {width:95%;}
}


@media(min-width:1200px) {
	.bs-form select, .bs-form input {width:80%;}
	.bs-form input.width-70 {width:30%;}
}


@media (min-width: 1400px) {
	.bs-form select, .bs-form input {width:60%;}
}