/* ###
	FORM ELEMENTS CSS
### */

/* ---------------------------------------------------
    INPUT
----------------------------------------------------- */

form {
	width: 100%;
}
.form-control {
	border: 1.5px solid #ddd !important;
	border-radius: .25rem !important;
	color: #28282b;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400 !important;
	height: calc(1.25em + .45rem + 12px);
	letter-spacing: -.0125em;
	padding: .55rem .75rem .6rem .75rem;
}
.form-control::placeholder {
	color: #aaa;
	opacity: 1;
}
.form-control:focus {
	background-color: #fff !important;
	border-color: #333 !important;
	box-shadow: 0 0 0 .2rem rgba(208,208,208,.5) !important;
	color: #111 !important;
	font-weight: 400 !important;
	outline: 0;
}


/* ---------------------------------------------------
    DATE INPUT
----------------------------------------------------- */

input[type="date"] {
	border: 1.5px solid #ddd !important;
	border-radius: .25rem !important;
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400 !important;
	height: calc(1.25em + .45rem + 12px);
	letter-spacing: -.0125em;
	padding: .325rem .75rem .6rem .7rem;
}
input[type="date"]:focus {
	background-color: #fff !important;
	border-color: #62259e !important;
	box-shadow: 0 0 0 .15rem rgba(84,176,245,.25) !important;
	color: #000743 !important;
}


/* ---------------------------------------------------
    TIME INPUT
----------------------------------------------------- */

input[type="time"] {
	border: 1.5px solid #ddd !important;
	border-radius: .25rem !important;
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400 !important;
	height: calc(1.25em + .45rem + 12px);
	letter-spacing: -.0125em;
	padding: .325rem .75rem .6rem .7rem;
}
input[type="time"]:focus {
	background-color: #fff !important;
	border-color: #62259e !important;
	box-shadow: 0 0 0 .15rem rgba(84,176,245,.25) !important;
	color: #000743 !important;
}


/* ---------------------------------------------------
    SEARCH INPUT
----------------------------------------------------- */

.searchbar {
	position: relative;
	width: 100%;
}
.searchbar input {
	padding-left: 35px;
}
.searchbar i.fa-search {
	color: #777;
	font-size: .9em;
	left: 12px;
	position: absolute;
	top: 12px;
}

.search-elementpage {
	position: relative;
	width: 100%;
}
.search-elementpage input {
	padding-left: 35px;
}
.search-elementpage i.fa-search {
	color: #777;
	font-size: .9em;
	left: 17px;
	position: absolute;
	top: 12px;
}


/* ---------------------------------------------------
    FILE INPUT
----------------------------------------------------- */

input[type="file"] {
	border: 1.5px solid #ddd !important;
	border-radius: .25rem !important;
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400 !important;
	height: calc(1.25em + .45rem + 12px);
	letter-spacing: -.0125em;
	padding: .325rem .75rem .6rem .7rem;
}
input[type="file"]:focus {
	background-color: #fff !important;
	border-color: #62259e !important;
	box-shadow: 0 0 0 .15rem rgba(84,176,245,.25) !important;
	color: #000743 !important;
}


/* ---------------------------------------------------
    TEXTAREA
----------------------------------------------------- */

textarea {
	background-color: #fff !important;
	border: 1.5px solid #ccc !important;
	border-radius: .25rem !important;
	color: #111 !important;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400;
	font-size: .95em;
	letter-spacing: .0125em;
	padding: .5rem .95rem .75rem .95em;
	transition: all .2s ease-in-out;
}
textarea:focus {
	background-color: #fff;
	border-color: #333 !important;
	box-shadow: 0 0 0 .2rem rgba(208,208,208,.5) !important;
	color: #222;
	font-size: .95em;
	font-weight: 400;
	outline: 0;
}

/* ---------------------------------------------------
    LABEL
----------------------------------------------------- */

label {
	color: #333;
	font-family: 'Amsi Pro Normal', helvetica, arial, sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	letter-spacing: -.0125rem;
	margin-bottom: .25rem;
}
span.form_indication {
	color: #111;
	display: block;
	font-family: 'Amsi Pro Normal', helvetica, arial, sans-serif;
	font-size: .95em;
	font-weight: 500;
	letter-spacing: -.0125rem;
	margin-bottom: .45rem;
}


/* ---------------------------------------------------
    BUTTON
----------------------------------------------------- */

button {
	border-radius: .25rem !important;
	font-family: 'Amsi Pro Normal', helvetica, arial, sans-serif;
	font-weight: 500;
	font-size: 1em;
	letter-spacing: .0125em;
	outline: none !important;
	padding: .3rem .8rem .4rem .8em;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}
button:hover {
	background-color: #222;
	color: #fff;
}


/* ---------------------------------------------------
    DROPDOWN
----------------------------------------------------- */

.btn {
	background-color: #fff !important;
	border: 1.5px solid #ddd !important;
	border-radius: .25rem !important;
	color: #000743 !important;
	font-family: 'Amsi Pro Normal', helvetica, arial, sans-serif;
	font-weight: 400;
	font-size: .9em;
	height: calc(1.5em + .5rem + 9px);
	letter-spacing: 0;
	padding: .4rem .8rem .5rem .8em;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}
.review .btn {
	background-color: #fff !important;
	border: 1.5px solid #ccc !important;
	border-radius: .25rem !important;
	color: #aaa !important;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.05em;
	height: calc(1.5em + .5rem + 9px);
	letter-spacing: -.0125em;
	padding: .425rem .75rem .5rem .75rem;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}
.bootstrap-select > .dropdown-toggle {
	padding-right: 15px !important;
}
.dropdown-menu > li > a {
	color: #000743 !important;
	clear: both;
	display: block;
	font-family: 'Amsi Pro Normal', helvetica, arial, sans-serif;
	font-size: .9em;
	font-weight: 400;
	letter-spacing: .0125em;
	line-height: 1.42857143;
	outline: none;
	padding: 3px 15px 4px 15px;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}
.review .dropdown-menu > li > a {
	color: #000743 !important;
	clear: both;
	display: block;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	letter-spacing: -.0125em;
	line-height: 1.42857143;
	outline: none;
	padding: 3px 15px 4px 15px;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover {
	background-color: #dfdfdf;
	color: #000743 !important;
	font-size: .9em;
}
.review .dropdown-menu > li > a:hover {
	background-color: #dfdfdf;
	color: #000743 !important;
	font-size: 1.45em;
}
.dropdown-menu {
	border: 1.5px solid #ddd;
	border-radius: .25rem !important;
}
.dropdown-menu ul {
	border-radius: .0 !important;
}
.dropdown-toggle::after {
	margin-left: .5em;
	margin-top: 2px !important;
	vertical-align: 0.55em;
}
.open > .dropdown-menu {
    display: block;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #d1d9ff;
	color: #000743 !important;
	font-weight: 500 !important;
	text-decoration: none;
}
.dropdown-header {
	color: #67676f;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	padding: 3px 15px 4px 15px;
}
.bootstrap-select .dropdown-menu li a.opt {
	padding: 3px 15px 4px 15px;
}


/* ---------------------------------------------------
    RADIO + CHECKBOX
----------------------------------------------------- */

form .radio + .radio, .checkbox + .checkbox {
    margin-top: -5px;
}
form .radio, .checkbox {
	background-color: #fff;
	border-radius: .25rem;
	display: block;
	height: 22px;
	margin-bottom: 1px;
	position: relative;
	width: 22px;
}
.checkbox label, .radio label {
	cursor: pointer;
	font-weight: 400;
	margin-bottom: 0;
	min-height: 20px;
	padding-left: 0;
}
.checkbox label::after, .radio label::after {
    clear: both;
    content: "";
    display: table;
}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
    display: none;
}
.checkbox .cr, .radio .cr {
	border: 1.5px solid #ddd;
	border-radius: .25rem;
	display: inline-block;
	height: 24px;
	position: relative;
	width: 24px;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {
    opacity: 1;
    transform: scale(1) rotateZ(0deg);
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {
    opacity: 0;
    transform: scale(3) rotateZ(-20deg);
    transition: all 0.3s ease-in 0s;
}
.checkbox .cr .cr-icon {
	font-size: 13px;
	left: 18%;
	line-height: 0;
	position: absolute;
	top: 50%;
}
.checkbox .cr.master {
	border: 2px solid #333;
}
.checkbox .indication, .radio .indication {
	color: #000743;
	font-size: .95em;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400;
	letter-spacing: -.025em;
	white-space: nowrap;
}
.radio .cr .cr-icon {
	font-size: 13px;
	left: 19%;
	line-height: 0;
	position: absolute;
	top: 50%;
}