.body {
    font-family: 'Muli', 'Helvetica', Arial, sans-serif;
}
root {
    --info: #1e404e;
}

input[type="radio"], input[type="checkbox"]
{
zoom:1.5;
}

.btn-info {
    color: #fff;
    background-color: #1e404e;
    border-color: #1e404e;
}

    .btn-info:hover {
        color: #fff;
        background-color: #1e404e;
        border-color: #1e404e;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #1e404e;
        border-color: #1e404e;
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #1e404e;
        border-color: #1e404e;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
        }
.btn-outline-info {
    color: #1e404e;
    border-color: #1e404e;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #1e404e;
        border-color: #1e404e;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #1e404e;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #1e404e;
        border-color: #1e404e;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }


@media (max-width: 768px) {
    .main .container {
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        margin-top: 21px;
        margin-bottom: 21px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .btn-wd {
        min-width: 140px;
    }
}


















/*/* Move down content because we have a fixed navbar that is 50px tall 
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element 
/* Set some basic padding to keep content from hitting the edges 
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide 
input,
select,
textarea {
    max-width: 280px;
}

.wizard-container {
    padding-top: 100px;
    z-index: 3;
}
.wizard-card {
    min-height: 410px;
    box-shadow: 0 20px 16px -15px rgba(0, 0, 0, 0.57);
}

    .wizard-card .picture-container {
        position: relative;
        cursor: pointer;
        text-align: center;
    }

    .wizard-card .icon-circle {
        font-size: 20px;
        border: 3px solid #F3F2EE;
        text-align: center;
        border-radius: 50%;
        color: rgba(0, 0, 0, 0.2);
        font-weight: 600;
        width: 70px;
        height: 70px;
        background-color: #FFFFFF;
        margin: 0 auto;
        position: relative;
        top: -2px;
    }

        .wizard-card .icon-circle [class*="ti-"] {
            position: absolute;
            z-index: 1;
            left: 1px;
            right: 0px;
            top: 23px;
        }

    .wizard-card .picture {
        width: 106px;
        height: 106px;
        background-color: #d8d1c9;
        border: 4px solid transparent;
        color: #FFFFFF;
        border-radius: 50%;
        margin: 5px auto;
        overflow: hidden;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }

        .wizard-card .picture:hover {
            border-color: #2ca8ff;
        }

    .wizard-card .picture-src {
        width: 100%;
    }

    .wizard-card[data-color="azure"] .picture:hover {
        border-color: #7A9E9F;
    }

    .wizard-card[data-color="azure"] .nav-pills > li.active > a:after {
        background-color: #7A9E9F;
    }

    .wizard-card[data-color="azure"] .nav-pills > li.active > a {
        color: #7A9E9F;
    }

    .wizard-card[data-color="azure"] .nav-pills .icon-circle.checked {
        border-color: #7A9E9F;
    }

    .wizard-card[data-color="azure"] .choice.active .card-checkboxes {
        color: #7A9E9F;
    }

    .wizard-card[data-color="azure"] .wizard-navigation .progress-bar {
        background-color: #7A9E9F;
    }

    .wizard-card[data-color="green"] .picture:hover {
        border-color: #7AC29A;
    }

    .wizard-card[data-color="green"] .nav-pills > li.active > a:after {
        background-color: #7AC29A;
    }

    .wizard-card[data-color="green"] .nav-pills > li.active > a {
        color: #7AC29A;
    }

    .wizard-card[data-color="green"] .nav-pills .icon-circle.checked {
        border-color: #7AC29A;
    }

    .wizard-card[data-color="green"] .choice.active .card-checkboxes {
        color: #7AC29A;
    }

    .wizard-card[data-color="green"] .wizard-navigation .progress-bar {
        background-color: #7AC29A;
    }

    .wizard-card[data-color="blue"] .picture:hover {
        border-color: #68B3C8;
    }

    .wizard-card[data-color="blue"] .nav-pills > li.active > a:after {
        background-color: #68B3C8;
    }

    .wizard-card[data-color="blue"] .nav-pills > li.active > a {
        color: #68B3C8;
    }

    .wizard-card[data-color="blue"] .nav-pills .icon-circle.checked {
        border-color: #68B3C8;
    }

    .wizard-card[data-color="blue"] .choice.active .card-checkboxes {
        color: #68B3C8;
    }

    .wizard-card[data-color="blue"] .wizard-navigation .progress-bar {
        background-color: #68B3C8;
    }

    .wizard-card[data-color="orange"] .picture:hover {
        border-color: #F3BB45;
    }

    .wizard-card[data-color="orange"] .nav-pills > li.active > a:after {
        background-color: #F3BB45;
    }

    .wizard-card[data-color="orange"] .nav-pills > li.active > a {
        color: #F3BB45;
    }

    .wizard-card[data-color="orange"] .nav-pills .icon-circle.checked {
        border-color: #F3BB45;
    }

    .wizard-card[data-color="orange"] .choice.active .card-checkboxes {
        color: #F3BB45;
    }

    .wizard-card[data-color="orange"] .wizard-navigation .progress-bar {
        background-color: #F3BB45;
    }

    .wizard-card[data-color="red"] .picture:hover {
        border-color: #EB5E28;
    }

    .wizard-card[data-color="red"] .nav-pills > li.active > a:after {
        background-color: #EB5E28;
    }

    .wizard-card[data-color="red"] .nav-pills > li.active > a {
        color: #EB5E28;
    }

    .wizard-card[data-color="red"] .nav-pills .icon-circle.checked {
        border-color: #EB5E28;
    }

    .wizard-card[data-color="red"] .choice.active .card-checkboxes {
        color: #EB5E28;
    }

    .wizard-card[data-color="red"] .wizard-navigation .progress-bar {
        background-color: #EB5E28;
    }

    .wizard-card .picture input[type="file"] {
        cursor: pointer;
        display: block;
        height: 100%;
        left: 0;
        opacity: 0 !important;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .wizard-card .tab-content {
        min-height: 435px;
        padding: 105px 20px 10px;
    }

    .wizard-card .wizard-footer {
        padding: 0 15px 5px;
    }

    .wizard-card .disabled {
        display: none;
    }

    .wizard-card .wizard-header {
        padding: 15px 15px 15px 15px;
        position: relative;
        border-radius: 3px 3px 0 0;
        z-index: 3;
    }

        .wizard-card .wizard-header h3 {
            text-align: center;
        }

    .wizard-card .wizard-title {
        color: #252422;
        font-weight: 300;
        margin: 0;
    }

    .wizard-card .category {
        font-size: 14px;
        font-weight: 400;
        color: #9A9A9A;
        margin-bottom: 0px;
        text-align: center;
    }

    .wizard-card .wizard-navigation {
        position: relative;
    }

        .wizard-card .wizard-navigation .progress-with-circle {
            position: relative;
            top: 40px;
            z-index: 50;
            height: 4px;
        }

            .wizard-card .wizard-navigation .progress-with-circle .progress-bar {
                box-shadow: none;
                -webkit-transition: width .3s ease;
                -o-transition: width .3s ease;
                transition: width .3s ease;
            }

    .wizard-card .info-text {
        text-align: center;
        padding-bottom: 18px;
        padding-top: 12px;
    }

    .wizard-card .choice {
        text-align: center;
        cursor: pointer;
        margin-top: 38px;
    }

        .wizard-card .choice .icon {
            text-align: center;
            vertical-align: middle;
            height: 116px;
            width: 116px;
            border-radius: 50%;
            background-color: #999999;
            color: #FFFFFF;
            margin: 0 auto 20px;
            border: 4px solid #CCCCCC;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
        }

        .wizard-card .choice i {
            font-size: 32px;
            line-height: 55px;
        }

        .wizard-card .choice:hover .icon, .wizard-card .choice.active .icon {
            border-color: #2ca8ff;
        }

        .wizard-card .choice input[type="radio"],
        .wizard-card .choice input[type="checkbox"] {
            position: absolute;
            left: -10000px;
            z-index: -1;
        }

    .wizard-card .description {
        color: #999999;
        font-size: 14px;
    }


/* Responsive: Portrait tablets and up 
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}*/