body, div#main {
    background: #FAFAFA;
}

#content {
    min-height: 100%;
}

.jit-panel {
    width: 100%;
    min-height: 100%;
    position: relative;
    color: #0a3b5d;
    max-width: 1280px;
    margin: 0 auto;
    text-align: justify;
}

.jit-panel .controller {
    -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.jit-panel .content-wrapper {
    padding: 1em 1em 0 1em;

    -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.jit-panel .content-wrapper .inner-content {
    background: #FFF;
    max-width: 998px;
    width: 100%;
}

.jit-panel ul.controller-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #f37021;
}

.jit-panel ul.controller-list li {
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    padding-right: 8px;

}

.jit-panel ul.controller-list li.selected {
    background: #f37021;
}

.jit-panel ul.controller-list li a {
    color: #ff9320;
    font-weight: 600;
    padding: 24px 18px;
    background: #f4f4f4;
    display: block;
    text-align: right;
    width: 100%;
    height: 100%;
}

.jit-panel ul.controller-list li.selected a {
    color: #f37021;
}

.jit-panel ul.controller-list li a:hover {

}

.jit-panel input[type='text']
, .jit-panel input[type='email']
, .jit-panel input[type='password']
, .jit-panel select{
    width: 100%;
}

.jit-panel .sub-nav {
    padding: 0 1em;

}

.jit-panel ul.sub-nav-list {
    background: #FFFFFF;
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
}

.jit-panel ul.sub-nav-list li {
    padding: 0;
    background: transparent;
    display: table-cell;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
}


.jit-panel ul.sub-nav-list li a {
    background: transparent;
    padding: 0.8em 1em;
    font-size: 1em;
    display: block;
    width: 100%;
    height: 100%;
    color: #909090;
    font-weight: 600;
}

.jit-panel ul.sub-nav-list li.selected a {
    color: #ff9320;
}

.jit-panel.packed .content-wrapper .inner-content {
    max-width: 420px;
}

.request_status {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 600;
}

.request_status.awaiting, .request_status.expired {
    color: #909090;
}

.request_status.approved {
    color: #f37021;
}

.request_status.rejected {
    color: #0a3b5d;
}

@media screen and (max-width: 767px){
    .jit-panel .content-wrapper {
        padding-left: 1em !important;
    }

    .jit-panel .controller {
        padding: 1em 1em 0;
        width: 100% !important;
        background: transparent !important;
    }

    .jit-panel ul.controller-list {
        background: #F0F0F0;
        width: 100%;
        overflow: hidden;
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .jit-panel ul.controller-list li {
        padding: 0;
        background: transparent;
        display: table-cell;
        vertical-align: middle;
    }

    .jit-panel ul.controller-list li.selected {
        background: #FFFFFF;
    }

    .jit-panel ul.controller-list li a {
        color: #909090;
        text-align: center;
        background: transparent;
        padding: 0.8em 1em;
        font-size: 0.8em;

    }

    .jit-panel ul.sub-nav-list li a {

    }
}