/*
|----------------------------------------------------------------------------
	Hello Form - PHP Working Ajax Contact Form with Validation Main CSS
	Author: MGScoder
	Author URL: https://codecanyon.net/user/mgscoder
|----------------------------------------------------------------------------
*/
.helloform .form-control {
    background-color: #e8eaed;
    border: 1px solid #ddd;
    border-radius: 30px;
}
.helloform textarea.form-control {
    border-radius: 10px;
}
.helloform .form-control:focus {
    box-shadow: 0 1px 1px rgba(190, 194, 203, 0.075) inset, 0 0 10px rgba(190, 194, 203, 0.7);
}
.helloform .form-control:valid ~ .form-label, .helloform .form-control:focus ~ .form-label, .helloform .has-feedback.has-success .form-control:valid ~ .form-label {
	background-color: #fb9902;
    color: #fff;
    top: -24px;
    padding: 2px 10px;
    border-radius: 30px;
}
.helloform textarea.form-control:valid ~ .form-label, .helloform textarea.form-control:focus ~ .form-label {
    top: -24px;
}
#submitButtonHolder .btn.btn-custom {
    border-radius: 30px;
	border-color: #fb9902;
	background-color: #fb9902;
}
.helloform .form-group .input-group-icon {
    color: rgba(251, 153, 2, .9);
}

.helloform .has-feedback.has-error.has-danger::before, .helloform .has-feedback.has-success::before {
	left: -8px;
}
.helloform select {
	background-image: linear-gradient(45deg, transparent 50%, #fb9902 50%),
		linear-gradient(135deg, #fb9902 50%, transparent 50%),
		radial-gradient(transparent 66%, transparent 66%);
}
.helloform select:focus {
	background-image: linear-gradient(45deg, transparent 50%, #fb9902 50%),
		linear-gradient(135deg, #fb9902 50%, transparent 50%),
		radial-gradient(transparent 66%, transparent 66%);
}

.helloform .input-group-btn ~ .form-control {
    border-radius: 0 30px 30px 0;
}
.helloform .input-group-btn > .btn {
    border-radius: 30px 0 0 30px;
	background-color: #fb9902;
	border: 1px solid #fb9902;
}
.helloform .mgs-checkbox :checked + label, .mgs-radio :checked + label,
.helloform .mgs-checkbox label:hover, .mgs-radio label:hover {
    border-color: #fb9902;
    background-color: #fb9902;
}
.helloform .bootstrap-tagsinput {
	border: 1px solid #ddd;
	background-color: #e8eaed;
	border-radius: 30px;
}

.mgsradio-circle-buttons input[type="radio"]:checked ~ .check, .mgsstyle-checkbox.mgscheckbox-style :checked + label:before {
    border-color: #fb9902;
}