/*
Custom css
*/

:root {
    --ip-app-color-white: #ffffff;
    --ip-app-color-highlight: #0072c6;
}


.navbar {
    /*max-height: 5.3rem;*/
}

.app-header ~ .app {
    padding-top: 5.3rem; /**padding-top: 5.5rem;*/
}

    .app-header ~ .app .app-aside {
        min-height: calc(100vh - 6.3rem);
    }

.app-aside, .app-aside .scroll {
    width: 18rem;
}

.fixed-aside .app-header ~ .app .app-aside > * {
    max-height: calc(100% - 6.3rem);
}

.fixed-height {
    height: 100%;
    /*background-color: red;*/
    overflow: auto;
    padding-left: 0px;
}

.content-main {
    height: 100%;
    /*background-color: green;*/
    padding-left: 0px;
}

.pull-right {
    float: right;
}

/*sidnav*/
.sidenav.modal-dialog.dk.light {
    margin-top: 0px;
    background-color: #f9fafc;
}

i.app-notification-icon {
    font-size: 22px;
}

#divRunningHeader {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #666666;
    z-index: 30001;
    opacity: .8;
    filter: alpha(opacity=70);
    display: none;
}

#pSession-content {
    position: absolute;
    top: 27%;
    left: 25%;
    color: #413d3d;
    height: 50px;
}

.session-toastr {
    background-color: #f6db88;
    opacity: 1;
    filter: alpha(opacity=100);
    display: none;
}

#toast-container > .session-toastr.toast-warning {
    opacity: 1;
    filter: alpha(opacity=100);
    display: none;
    height: 45px;
}
/*SIZE*/
.w-8 {
    width: 8% !important;
}

.w-9 {
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-13 {
    width: 13% !important;
}

.w-15 {
    width: 15% !important;
}

.w-pg-15 {
    width: 15% !important;
}

.w-pg-20 {
    width: 20% !important;
}

.w-pg-25 {
    width: 25% !important;
}

.w-88 {
    width: 88% !important;
}

.w-pg-85 {
    width: 85% !important;
}

.w-85 {
    width: 85% !important;
}

.w-95 {
    width: 95% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.h-3 {
    height: 3% !important;
}

.h-4 {
    height: 4% !important;
}

.h-5 {
    height: 5% !important;
}

.h-10 {
    height: 10% !important;
}

.h-90 {
    height: 90% !important;
}

.h-93 {
    height: 93% !important;
}

.h-95 {
    height: 95% !important;
}

.h-85 {
    height: 85% !important;
}


.h-84 {
    height: 84% !important;
}

.h-83 {
    height: 83% !important;
}

.ip-app-title-wrapper {
    min-height: 3.3rem;
}

.ip-app-subtitle-and-buttons-wrapper {
    min-height: 3.3rem;
}

.ip-app-content-wrapper {
    /*width: calc(100% - 30px)*/
}


.ip-disabled-color {
    color: #19181875;
}

.ip-title {
    color: #0072c6;
    font-size: 1.66em;
}

.ip-sub-title {
    color: #0072c6;
    font-size: 1.46em;
}

a.dxeHyperlink_MetropolisBlue {
    color: #0072C6 !important;
}

.ip-primary-color {
    color: var(--ip-app-color-highlight: #0072c6);
}

/*Color*/
.primary-color {
    color: var(--ip-app-color-highlight);
}

a#a-First view {
    /*color: var(--ip-app-color-white) !important;*/
    color: red !important;
    pointer-events: none;
    background-color: var(--ip-app-color-highlight) !important;
}

.ip-primary-color {
    color: var(--ip-app-color-highlight) !important;
}

a.schedule-view-link.disabled {
    color: var(--ip-app-color-white) !important;
    background-color: var(--ip-app-color-highlight) !important;
}

/*header style*/
.branding-header-text {
    color: var(--ip-app-color-highlight);
}

small.branding-header-subtext1 {
    margin-top: 2px;
    font-size: 0.8em;
}

small.branding-header-subtext2 {
    margin-top: 4px;
    font-size: 0.7em;
}

.box.list-item.navbar-brand {
    margin-left: -4px;
}

button#btn-sidebar-collapse:hover {
    box-shadow: none !important;
}

button#btn-sidebar-collapse:active {
    box-shadow: none !important;
}

button#btn-sidebar-collapse:focus {
    box-shadow: none !important;
}
/*Multi select dropdown*/
/*.multiselect-container li {
    border: none !important;
    width: 100%;
}*/
.multiselect-group.dropdown-item {
    font-weight: bold;
}



.ip-cursor-pointer {
    cursor: pointer !important;
}


.ip-dm-document-viewer-search-btn-disabled {
    cursor: default !important;
    color: #ccc;
}

.ip-dm-document-viewer-search-btn-enabled {
    cursor: pointer !important;
    color: #627384;
}

.ip-login-content {
    padding: 10px;
    margin-top:15px;
    overflow: auto !important;
    height: calc(100vh - 420px);
}
