.header-container {
    padding: 0 12px;
    top: 0;
}

.header-logos {
    padding-top: 15px;
}

.header-brand-logo {
    display: inline-block;
    background: transparent left center no-repeat url("../Images/Kia-Logo.png");
    height: 52px;
    width: 386px;
    text-indent: -9999px;
}

.header-shift-logo {
    display: inline-block;
    background: transparent 6px 13px no-repeat url("../Images/shiftdigital.png");
    height: 52px;
    width: 207px;
    text-indent: -9999px;
}

.menu-button {
    cursor: pointer;
}

.profile {
    padding-top: 6px;
    text-align: right;
    -webkit-font-variant: small-caps;
    -moz-font-variant: small-caps;
    -ms-font-variant: small-caps;
    -o-font-variant: small-caps;
    font-variant: small-caps;
}

.content-container {
    padding: 12px;
}

.icon-pad-left {
    padding-left: .5em;
}

.icon-pad-right {
    padding-right: .5em;
}

.non-breaking {
    white-space: nowrap;
}

.word-break {
    -ms-word-break: break-all;
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
}

/* Pager */
.sd-pager
{
    margin:8px 3px;
    padding:3px;
    color:#000;
}

.sd-pager .disabled
{
    border:1px solid #ddd;
    color:#999;
    margin-top:4px;
    padding:3px;
    text-align:center;
}

.sd-pager .current
{
    background-color:#A2B5D8;
    border:1px solid #000;

    font-weight:bold;
    margin-top:4px;
    padding:2px 6px;
    text-align:center;
    text-decoration:none;
    text-shadow: #000 0px 0px 0px;
    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius: 2px;
}

.sd-pager span, .sd-pager a
{
    margin: 4px 3px;
}

.sd-pager a
{
    border:1px solid #c0c0c0;

    text-align:center;
    text-decoration:none;
    padding:2px 6px;
    font-weight:normal;
    text-decoration:none;
    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius: 2px;
}

.modal-backdrop.in {
    height: 100%;
}

.datepicker {
    padding: 10px;
}

@media (max-width: 767px) {

    .nav-container {
        bottom: auto !important;
        overflow: hidden;
        top: 80px !important;
        width: 100% !important;
        background-color: white !important;
        max-height: 0;
        visibility: hidden;
        display: block !important;  
    }
    .on-canvas .nav-container{
        visibility: visible;
        -webkit-transition: all .7s ease-in-out !important;
        -moz-transition: all .7s ease-in-out !important;
        -o-transition: all .7s ease-in-out !important;
        transition: all .7s ease-in-out !important;
        max-height: 700px;
    }

    .on-canvas #content{
        opacity: .2;
        -moz-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -webkit-transition: opacity .3s linear;
        transition: opacity .3s linear;
    }

    .content-container{
        margin: auto !important;
    }

    .header-logos {
        padding-top: 0;
    }

    .header-container {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .header-brand-logo {
        -ms-background-size: auto 30px;
        background-size: auto 30px;
        height: 30px;
        width: 240px;
    }

    .header-shift-logo {
        display: none;
    }
    
    .main-container {
        padding-top: 84px !important;
    }
}
.spinner {
    background-color: rgba(102, 102, 102, 0.27);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    text-align: center;
    padding-top: 25%;
    display: none;
}