html,
body {
    background: #F7F7F7;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}

/* Nav Top */
.nav-top {
    height: 50px;
    background: white;
    border-bottom: 4px solid #E67E22;
}

.nav-top .logo {
    padding: 0px 5px;
}

.nav-top .nav-top-items {
    height: 100%;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-top .nav-top-item {
    height: 100%;
    font-size: 18px;
    vertical-align: middle;
    padding: 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Content */

.page-content {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
}

.content-wrapper {
    width: 100%;
    height: 100%;
}

.panel-body {
    padding: 15px 5px;
}

.content-wrapper .form-group {
    padding-left: 4px;
    padding-right: 4px;
}

.step-container {
    height: 100%;
    padding: 5px 4px;
}

@media only screen and (min-width : 992px) {
    .step-container {
        padding: 10px 46px;
    }
}

@media only screen and (min-width : 1200px) {
    .step-container {
        padding: 10px 12% 10px;
    }
}

.wizard-footer {
    background-color: white;
}

@media (min-width: 992px) {

    .docking {
        width: 410px;
    }

}

@media (max-width: 991px) {

    .nav-tabs[data-wizard],
    .tab-content[data-wizard] {
        margin-top: 0 !important;
    }

}