/*
|----------------------------------------------------------------------------
	Contact Form 7 Multi Step Add-ons Blue Color Theme
	Author: MGScoder
	Author URL: https://codecanyon.net/user/mgscoder
|----------------------------------------------------------------------------
*/
.mgswpcf7multistepsection.bluecolortheme .form-layer-progress {
    background-color: #ddd;
}
.mgswpcf7multistepsection.bluecolortheme .form-layer-progress-line {
    background-color: #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .form-layer-step-icon {
    background-color: #ddd;
    color: #fff;
}
.mgswpcf7multistepsection.bluecolortheme .active .form-layer-step-icon.mgscfsstep,
.mgswpcf7multistepsection.bluecolortheme .activestep .form-layer-step-icon.mgscfsstep {
    background-color: #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .activestep .form-layer-step-icon::before {
	color: #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .form-layer-step.active .form-layer-step-icon {
    background-color: #1c20e2;
}
.wpcf7-form .mgswpcf7multistep-btn-group .mgswpcf7btn-default {
    border: 1px solid #1c20e2;
}
.mgswpcf7multistep-btn-group .form-control[disabled], .form-control[readonly], .form-control {
    border: 1px solid #1c20e2
}
.mgswpcf7multistep-btn-group.bluecolortheme .mgswpcf7btn-custom {
    background-color: rgba(3, 8, 223, 0.9);
	border: 1px solid rgba(3, 8, 223, 0.9);
}

.wpcf7-form .mgswpcf7multistepsection.bluecolortheme input[type="submit"].wpcf7-form-control.wpcf7-submit {
	background-color: #1c20e2;
	border-color: #1c20e2;
    color: #fff;
}
.wpcf7-form .mgswpcf7multistepsection.bluecolortheme input[type="submit"].wpcf7-form-control.wpcf7-submit:hover {
	background-color: rgba(3, 8, 223, 0.2);
    border-color: #1c20e2;
    color: #000;
}
a.toggle-get-mgswpcf7multistep-btn {
    background-color: #1c20e2;
    color: #fff;
}

.wpcf7-form input[type="file"].wpcf7-form-control.wpcf7-file::file-selector-button {
	border-color: #1c20e2;
	background-color: #1c20e2;
}
.wpcf7-form .wpcf7-form-control.wpcf7-file {
  border: 1px solid #1c20e2;
}

/************************ Theme 2 & Theme 5 ************************/
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme2 .form-layer-step-icon::after,
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme5 .form-layer-step-icon::after {
    border-color: transparent transparent transparent #ddd;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme2 .activestep .form-layer-step-icon::after,
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme5 .activestep .form-layer-step-icon::after {
    border-color: transparent transparent transparent #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme2 .active .form-layer-step-icon::after,
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme5 .active .form-layer-step-icon::after {
    border-color: transparent transparent transparent #1c20e2;
}

/************************ Theme 4 & Theme 5 ************************/
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme4 .activestep .form-layer-step-icon,
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme5 .activestep .form-layer-step-icon {
	border-color: #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme4 .active .form-layer-step-icon,
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme5 .active .form-layer-step-icon {
	border-color: #1c20e2;
}

/************************ Theme 6 ************************/
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-progress {
    background-color: transparent;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .active .form-layer-step-icon:hover {
    background: #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-step-icon:hover {
	background: #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-step-icon::before,
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .activestep .form-layer-step-icon.mgscfsstep::before{
	border-color: #ddd #ddd #ddd transparent;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .activestep .form-layer-step-icon.mgscfsstep::before{
	border-color: #1c20e2 #1c20e2 #1c20e2 transparent;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-step-icon:hover::before{
	border-color: #1c20e2 #1c20e2 #1c20e2 transparent;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-step-icon::after,
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .activestep .form-layer-step-icon.mgscfsstep::after{
	border-left: 16px solid #ddd;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .activestep .form-layer-step-icon.mgscfsstep::after{
	border-left: 16px solid #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-step-icon:hover::after{
	border-left-color: #1c20e2;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-step.active .form-layer-step-icon::before{
	border-color: #1c20e2 #1c20e2 #1c20e2 transparent;
}
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme6 .form-layer-step.active .form-layer-step-icon::after{
	border-left-color: #1c20e2;
}

/************************ Theme 7 ************************/
.mgswpcf7multistepsection.bluecolortheme .mgswpcf7multisteptheme7 .form-layer-step.active .form-layer-step-icon {
	border-bottom: 1px solid #1c20e2;
}