/*
|----------------------------------------------------------------------------
	Hello Form - PHP Working Ajax Contact Form with Validation Main CSS
	Author: MGScoder
	Author URL: https://codecanyon.net/user/mgscoder
|----------------------------------------------------------------------------
*/



.markbutton {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


#hello-form-section::before {
	background-color: rgba(0, 0, 0, .75);
	opacity: 1;
}
.darktheme1.hello-form-box {
	background-color: transparent;
	color: #fff;
}
.darktheme1 .hello-form-box-wrapper {
	background-color: rgba(0, 0, 0, .85);
	border-radius: 10px;
}

.darktheme2.hello-form-box, .darktheme3.hello-form-box {
	background-color: #1b2c45;
	color: #fff;
}
.darktheme2 .hello-form-box-wrapper, .darktheme3 .hello-form-box-wrapper {
	background-color: rgba(0, 0, 0, .85);
}

.helloform .form-control {
	background-color: #1b2c45;
	border: 1px solid #1b2c45;
	color: #fff;
}
.darktheme3 .helloform .form-control {
    background-color: #e8eaed;
    border: 1px solid #ddd;
	color: #333;
}

.title-text, .intro-text, .text-center.copyright {
	color: #fff;
}
.text-center.copyright a, .hello-form-box a {
	color: #0808f4;
}
.text-center.copyright a:hover, .hello-form-box a:hover {
	color: #fff;
}

.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-group .input-group-icon {
    color: rgba(251, 153, 2, .9);
}
.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%);
}
#submitButtonHolder .btn.btn-custom, .helloform .input-group-btn > .btn {
	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;
}
.mgsradio-circle-buttons input[type="radio"]:checked ~ .check, .mgsstyle-checkbox.mgscheckbox-style :checked + label:before {
    border-color: #fb9902;
}