html {
    min-height: 100%;
}

body {
    overflow-x: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

html, body {
    height: 100%;
    /*overflow: hidden;*/
    font-family: "Segoe UI","GeezaPro","DejaVu Serif";
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.form-group {
    margin-bottom: 12px;
}
.fake-link {
    cursor: pointer;
}


body {
    padding-bottom: 20px;
    /*padding-top: 50px;*/
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.h-font {
    font-family: Calibri;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Calibri;
    margin-bottom: 0px;
    color: #2E74B5;
}
.h1 { font-size: 24pt; }
.h2 { font-size: 16pt; }
.h3 { font-size: 13pt; }

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.e-input[disabled], .e-input:disabled, .e-readonly { /*.e-input[read-only], .e-input:read-only, */
    background-color: ghostwhite !important;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


.modal {
    /*z-index: 100000;*/
}
.modal-content {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
}
.modal-dialog {
    padding-right: 4px;
}
.modal-header {
    padding: 10px 10px 5px 10px;
}
    .modal-header:not(:first-child), .header-group .modal-header {
        border-radius: 0px;
        border-top: 2px solid #c8c8c8;
    }

.modal-footer {
    padding: 10px;
    justify-content: space-between;
}
.modal-footer > div {
    justify-content: flex-end;
}
    .modal-footer > :not(:last-child), .modal-footer > div > :not(:last-child) {
        margin-right: .25rem;
    }

.modal-inline {
    width: 100%;
    position: relative;
    display: block;
    z-index: 0;
}
    .modal-inline .modal-dialog {
        max-width: 100%;
        z-index: 0;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .modal-inline .modal-header button.close {
        display: none;
    }

.Error-Footer {
    padding: 0px;
    display: block
}

    .Error-Footer > div > .alert {
        margin: 20px;
    }


.e-btn img {
    padding-bottom: 3px;
}
.btn-long {
    width: 100%;
}
.e-btn btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}
.grid-btn {
    font-size: x-small !important;
    padding: 1px 5px !important;
    margin-right: 5px;
}
.e-btn > abbr {
    cursor: pointer;
}
.card-footer > .e-btn {
    margin-right: 10px;
}

.align-left {
    text-align: left !important;
}
.align-right {
    text-align: right !important;
}


/* Header Nav */
.header {
    position: fixed;
    display: block;
    z-index: 1020; /*11*/
    width: 100%;
}

    .header.navbar {
        border-width: 0;
        border-radius: 0;
        margin-bottom: 0;
        top: 0px;
        z-index: 1030; /*10000*/
        padding: 0px;
    }
.header .header-pane {
    display: table-cell;
    cursor: pointer;
    vertical-align: middle;
}
.header .header-pane:hover {
    border-radius: 8px;
}
.header .right {
    text-align: right;
}
.header .sep {
    display: table-cell;
    vertical-align: middle;
}
.header .sep > div {
    margin: 2px;
}

    /*.header .sitemap-item, .header .sep {
        font-size: 24px - Moved to dynamic css }*/
    
        .sitemap-item > div {
            margin: 7px;
        }
        a.sitemap-item { text-decoration: none; }

.header .user {
    padding-right: 15px;
    padding-left: 15px;
}

.user-avatar {
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(188, 188, 188); /* paleturquoise; /*#b7e0ff;*/
    background-color: rgb(188, 188, 188); /*paleturquoise;*/
    color: white;
    padding: 4px;
    min-height: 40px;
    min-width: 40px;
    margin: 2px;
    align-self: center;
    text-align: center;
}
    .user-avatar span {
        font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
        font-size: 20px;
        font-weight: 400;
        color: black;
    }

.header .logo {
    padding-right: 5px;
    padding-left: 5px;
}


    .header-right-pane:hover {
        background-color: #004c89;
    }

    .header-right-pane.selected {
        background-color: #f4f4f4;
    }



/* Sidebar */
.sidebar .title {
    font-size: 26px;
    font-family: "Segoe UI Light","Segoe UI",Segoe,Tahoma,Helvetica,Arial,Sans-Serif;
}
    .sidebar .title > div {
        display: inline-block;
    }
.sidebar .close {
    box-shadow: 0 0;
    text-transform: none;
    float: right;
    cursor: pointer;
}


/* Main Menu */
#mnuSiteMain .e-list-item {
    height: auto;
}
    #mnuSiteMain .e-list-item a {
        text-decoration: none;
    }


#mnuSiteMain .e-list-header {
    background-color: transparent;
}
#mnuSiteMain .e-list-header .e-text {
    font-size: 14pt;
}
.menu-item {
    display: table-row;
    width: 100%;
    cursor: pointer;
    font-size: 12pt;
}
.menu-item > div {
    display: table-cell;
}
.menu-item .img {
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.menu-item .txt {
    width: 100%;
}
#mnuSiteMain .e-active .menu-item .txt, #mnuSiteMain .e-hover .menu-item .txt, #mnuSiteMain .e-focused .menu-item .txt {
    color: black;
}


/* User Sidebar */
#sbrMyUser {
    z-index: 1020; /*112*/
    height: 100%;
    width: 250px;
    right: 0;
}

.sidebar .content {
    margin: 10px;
}
.sidebar .content-block {
    display: block; 
    margin: 10px 10px 0px 10px; 
    font-size: 14px
}
.sidebar .anchor-div {
    margin-bottom: 13px;
}
    .sidebar .anchor-div a {
        color: #0078D7;
        cursor: pointer;
        margin-bottom: 10px;
        font-family: "Segoe UI Regular","Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
        font-size: 14px;
    }

.sidebar .anchor-div .primary {
    font-size: 16px;
}
    .sidebar .anchor-div .secondary {
        font-size: 12px;
    }



.newsbox {
    width: 100%;
}
    .newsbox .carousel-item .d-block {
        width: 100%;
        border-radius: 10px;
    }

    .newsbox .carousel-item .top {
        top: 20px;
    }
    .newsbox .carousel-item .bottom {
        bottom: 20px;
    }

    .newsbox .carousel-item .badge-left, .newsbox .carousel-item .badge-right {
        text-align: left;
    }
    .newsbox .carousel-item .badge-left > img:first-child {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
        .newsbox .carousel-item .badge-right > img:first-child {
            float: right;
            margin-left: 20px;
            margin-bottom: 20px;
        }


.Waiting-Alert .alert img {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}
.Waiting-Alert .alert-dark .img-wait, .Waiting-Alert .alert-danger .img-error {
    display: block;
}
.Waiting-Alert .alert-dark .img-error, .Waiting-Alert .alert-danger .img-wait {
    display: none;
}


.full-width, .full-width > div, .full-width div > label {
    width: 100%;
}

.obo-message .alert {
    margin-bottom: 0px;
    padding: 4px;
    font-size: smaller;
}

/* Forms & Workflow */
.form-entry {

}
.field-xs {
    max-width: 200px;
}
.field-sm {
    max-width: 400px;
}
.field-md {
    max-width: 500px;
}


.matrix-question-table thead tr th, .matrix-question-table tbody tr td {
    text-align: center;
}
.matrix-question-table tbody tr td {
    padding-right: 35px;
    padding-top: 0px;
}

/* Home */
.card.HomeWidget > .card-header {
    padding: 10px 10px 5px 10px;
}
.card.HomeWidget > .card-body {
    padding: 3px;
    overflow: auto;
}
.HomeWidget .noticeboard {
    width: 100%;
}
.HomeWidget .noticeboard hr {
    margin: 0px;
}


/* Dashboard */
.HomeWidget.e-panel {
    border-radius: 5px !important;
}
.HomeWidget .e-panel-header {
    /*border-width: 1px;
    border-style: solid;*/
}
.HomeWidget .e-dashboardlayout .e-panel {
    border-radius: 5px;
}
.HomeWidget .e-panel-header {
    border-bottom: solid 1px !important;
}