/*

|----------------------------------------------------------------------------

	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 #0c08f1;

    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: -12px;

    padding: 2px 10px;

    border-radius: 30px;

}

.helloform textarea.form-control:valid ~ .form-label, .helloform textarea.form-control:focus ~ .form-label {

    top: -12px;

}

#submitButtonHolder .btn.btn-custom {

    border-radius: 40px;

	border-color: #000;

    	background-color: #023af1;

}

.helloform .form-group .input-group-icon {

    color: rgba(3, 105, 205, 1);

}



.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;

}