/* CSS Document */

/* removes autofill text colors */
input:-webkit-autofill, input:autofill, password:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
	background-color: #fff !important;
	filter: none !important; 
}
/* removes autofill text colors */
input:-webkit-autofill:focus, input:autofill:focus, password:-webkit-autofill:focus {
    -webkit-text-fill-color: #000 !important;
	background-color: #fff !important;
	filter: none !important; 
}
.select_wrapper {
    position: relative;
	margin:5px 0px 0px 0px;
	display: inline-block;
}

.select_wrapper:after {
    content: "\f0d7";
	font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #999;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 5px;
    pointer-events: none;
}
.noarrow:after {
    content: "";
}
.force_left {
    display:block;
    clear: both;
}

.radio_wrapper {
	display: inline-block;
	margin:5px;
	line-height:15px;
}
/* remove input icons in Safari */
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
}
/* Change Autocomplete styles in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus  {
  	-webkit-text-fill-color: #eee;
  	-webkit-box-shadow: 0 0 0px 1000px #eee inset;
	box-shadow: 0 0 0 30px #eee  inset;
  	transition: background-color 5000s ease-in-out 0s;
	color:#333;
}
textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #aaa;
    border-radius:4px;
    margin:5px 0px 0px 0px;
    outline:none;
    padding:5px 10px;
    box-sizing:border-box;
	font-size: 12px;
}
select, .tabular_select {
	-webkit-appearance:none; 	/* Safari no-gloss*/
	-moz-appearance: none;		/* firefox no 3d */
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 25px 5px 10px;
	font-size:12px;
	border:1px solid #aaa;
	color:#000;
	text-overflow: ellipsis;
	
}
input[type=button],
input[type=submit] {
	-webkit-appearance:none; 	/* Safari no-gloss*/
	-moz-appearance: none;		/* firefox no 3d */
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	font-size:12px;
	border:1px solid #aaa;
	color:#000;
	text-overflow: ellipsis;
	transition:box-shadow 1s;
}

input[type=button]:hover,
input[type=submit]:hover {
	box-shadow: 0px 0px 8px 0px CornflowerBlue
}



input:disabled, select:disabled {
	-webkit-appearance:none; 	/* Safari no-gloss*/
	-moz-appearance: none;		/* firefox no 3d */
	background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px;
	font-size:12px;
	border:1px solid #aaa;
	color:#666;
	font-style: oblique;
	
}
input[type=search],
input[type=text],
input[type=number],
input[type=date],
input[type=time],
input[type=email],
input[type=url],
input[type=password],
input[type=datetime-local]{
	font-size:12px;
    width:275px;
    border:1px solid #aaa;
    border-radius:4px;
    margin:5px 0px 0px 0px;
    outline:none;
    padding:5px 10px;
    box-sizing:border-box;
    transition:.3s;
}
input[type=text]:focus, 
input[type=email]:focus, 
input[type=url]:focus,
input[type=password]:focus {
    border-color:CornflowerBlue;
    box-shadow:0 0 8px 0 CornflowerBlue;
}
.inputWithIcon input[type=text], 
.inputWithIcon input[type=number],
.inputWithIcon input[type=date],
.inputWithIcon input[type=time],
.inputWithIcon input[type=email], 
.inputWithIcon input[type=url], 
.inputWithIcon input[type=password] {
    padding-left:25px;
}
.inputWithIcon{
	position:relative;
	display: inline-block;
}
.inputWithIcon i{
    position:absolute;
    left:0;
    top:4px;
    padding:9px 8px;
    color:#aaa;
    transition:.3s;
}
.inputWithIcon input[type=text]:focus + i,
.inputWithIcon input[type=number]:focus + i,
.inputWithIcon input[type=date]:focus + i,
.inputWithIcon input[type=time]:focus + i,
.inputWithIcon input[type=email]:focus + i, 
.inputWithIcon input[type=url]:focus + i, 
.inputWithIcon input[type=password]:focus + i {
    color:CornflowerBlue;
}

.inputWithIcon.inputIconBg i{
    background-color:#aaa;
    color:#fff;
    padding:9px 4px;
    border-radius:4px 0 0 4px;
}
.inputWithIcon.inputIconBg input[type=text]:focus + i,
.inputWithIcon.inputIconBg input[type=number]:focus + i,
.inputWithIcon.inputIconBg input[type=date]:focus + i,
.inputWithIcon.inputIconBg input[type=time]:focus + i,
.inputWithIcon.inputIconBg input[type=email]:focus + i,
.inputWithIcon.inputIconBg input[type=url]:focus + i,
.inputWithIcon.inputIconBg input[type=password]:focus + i {
    color:#fff;
    background-color:CornflowerBlue;
}
.label_radio {
	margin: 3px;
	font-weight: normal;
}