input, select, textarea, optgroup {
	font-size: 1rem;
}

input {
	/* remove browser autofill input styling - firefox Edge */ 
	filter: none;
}

input:-webkit-autofill, input:-webkit-autofill:focus {
	/* remove browser autofill input styling - Safari or Chrome browser*/
  -webkit-box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: #333;
}

input[type="text"], input[type="email"], input[type="password"], textarea {   
    /* Remove input top shadow in Safari and browser default styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-section {
	margin-top: 1.5rem;
}

.form-section + .actions {
	margin-top: 2rem;
}


.form-label {
	white-space: nowrap;
	padding-right: 1rem;
	font-weight: 700;
}
			
			
.invalid-feedback {
	display: none;
   height: 0;
	width: 100%;
	margin-top: .25rem;
	font-size: .8rem;
	color: #dc3545;
   transition: all 200ms ease;
   -webkit-transition: all 200ms ease;
   -ms-transition: all 200ms ease;
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated textarea:invalid,
.was-validated input[type="text"]:invalid  {
	border-color: #dc3545;
}

.custom-select.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated textarea:invalid ~ .invalid-feedback,
.was-validated input[type="text"]:invalid ~ .invalid-feedback {
   display: block;
   height: auto;
}

			
.form-control { /* input type=text and textarea styling */
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

input::placeholder,
textarea::placeholder {
	color: #999;
	opacity: 1;
}

select[disabled],
input[readonly="readonly"] {
	background-color: #eee;
	color: rgb(119, 119, 119);
	-webkit-text-fill-color: rgb(119, 119, 119);
	opacity: 1;
}



textarea.form-control {
	outline: 0 none transparent;
	resize: none;
	overflow: hidden;
}

.clear-text-input {
	border:0;
	background-color: transparent;
	outline: 0;
	cursor: pointer;
	position: absolute;
	top: .55rem;
	right: 0;
	line-height: 1.3rem;
	padding: 0;
}

.form-control:focus, .clear-search:focus {
  outline: 0;
}

.clear-text-input .fa-times {
	margin-right: .5rem;
	background-color: #fff;
	padding-left: .2rem;
	
}

.form-control:not(:valid) ~ .clear-text-input {
	display: none;
}


label.bstr-custom-control-label {
	/* correction for css clash with bootstrap custom control*/
	font-weight: normal;
}


/*********************************************************************************************************************************************\
 
	Imported from profile.css
 
\*********************************************************************************************************************************************/

label {
	font-weight: 700;
	align-items: center;
	display: inline-flex;
}


.all-label-icons-right {
	display: flex;
}

.all-label-icons-right span {
	display: inline-flex;
	margin-left: auto;
}

.all-label-icons-right i.on {
	color: #000;
}

.all-label-icons-right i {
	font-size: 1rem;
	margin: 0 !important;
	padding: 0 0 0 0.25rem !important;
	color: #ddd;
}