/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.bg-white{
    background-color: #fff;
}

.per_checkbox .form-check{
    padding-left: 50px;
}

.group-hide{
    display: none !important;
}
.group-55{
    margin-top: -55px !important;
}
.logo-dark{
    font-size: 18px !important;
    height: 60px;
    overflow:hidden;
    vertical-align: middle;

}
#header #logo{
    text-align: left !important;
    padding-left: 10px !important;
}
@media only screen and (max-width: 600px) {
    .logo-dark{
        font-size: 10px !important;
        height: 60px;
        overflow:hidden;
        vertical-align: middle;

    }
    .wizard>.steps>ul>li {
        width: 100% !important;
    }
    .wizard>.steps .current a,.wizard>.steps  a {
        width: 90% !important;
        }
        .wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active{
            color: #fff !important;
        }
    }
    @media only screen and (max-width: 900px) {
        .logo-dark{
            font-size: 16px !important;
            height: 60px;
            overflow:hidden;
            vertical-align: middle;

        }
        .wizard>.steps>ul>li {
            width: 100% !important;
        }
        .wizard>.steps .current a,.wizard>.steps  a {
            width: 90% !important;
            }
            .wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active{
                color: #fff !important;
            }
        }