html{
    height: 100%;
}

body {
    overflow: auto;
    background-color: white;
    height: 100%;
}

.application-container{
    height: 100%
}

.application-left-pane {
    height:100%;
    width: 18%;
    float:left;
    background-color: #eeeeee;
    min-height: 60em;
}

.application-content-area {
    overflow: auto;
    height: 100%;
    background:white;
    min-height: 55em;
}

.application-footer {
    background: #2e6da4;
    width:100%;
    height: 2.5em;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.pure-form input.ng-dirty.ng-invalid {
    border-color: #e9322d;
}

.field-message {
    display: inline-block;
    color:#e9322d;
    font-size: 90%;
    margin-left: 0.5em;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.required .control-label:after {
    content:"*";color:red;
}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.center-element{
    display: flex;
    justify-content: space-around;
}

.pull-center {
    text-align: center;
}

.video-title{
    padding-left: 4em;
    font: 1em;
    font-weight: bold;
}

ul.nav li a, ul.nav li a:visited {
    color: #2e6da4 !important;
}

ul.nav li a:hover, ul.nav li a:active {
    color: #2e6da4 !important;
}

ul.nav li.active a {
    color: #2e6da4 !important;
}