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

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

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

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

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

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