html, body{
    height:100%;
}

body {
    font-family: Calibri, Helvetica, sans-serif !important;
    overflow-y:hidden;
}

body, div {
    padding: 0;
    margin: 0;
    border: none;
}



/* ------------------------------------------------------ */


.primary-outer-container {
    height: 100%;
    display: flex;
    align-items: stretch;
}

    .primary-outer-container * {
        box-sizing: border-box;
    }

.menu-outer-container {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: width 0.5s;
}

.menu-outer-container-full-size {
    xflex: 13;
    width: 250px;
}

.menu-outer-container-small {
    xflex: 4;
    width: 70px;
}

.master-hover-menu {
    padding: 10px;
    position: fixed;
    top: 100px;
    left: 100px;
    background-color: #384150;
    color: #98a6ad;
    z-index: 999;
}

.body-full-height-outer-container {
    display: flex;
    flex: 80;
    height: 100%;
    flex-flow: column;
    overflow-x: auto;
}

.header-row-outer-container{
    text-align:right;
    height:75px;    
}

.contents-outer-container {
    padding: 10px 15px;
    height: unset;
    overflow-y: auto;
    flex: 1 1 auto;
}

.contents-row-outer-container {
    display: flex;
    margin: 0 0 10px 0;
}

.panel-outer-container {
    background: white;
    padding: 10px;
    height: 250px;
    margin: 10px 10px 0 10px;
    flex: 1;
    min-width: 350px;
    overflow:hidden;
}

.panel-outer-container-2 {
    flex: 2 !important;
}

.panel-outer-container-3 {
    flex: 3 !important;
}

.panel-height-short {
    height: 130px !important;
}

.panel-height-tall {
    height: 390px !important;
}

.panel-width-narrow {
    min-width: 200px !important;
}

.panel-width-wide {
    min-width: 700px !important;
}

.panel-allow-vertical-scroll{
    overflow-y:auto;
}
/* ------------------------------------------------------ */





.master-flex-container {
    display: flex;
    align-items: stretch;
}

#masterOuterContainer{
    height:100%;
}

/* menu start */
#masterMenuContainerxxx {
    flex: 12;
    min-width: 230px;
    height: 100%;
    overflow-y: auto;
    overflow-x:hidden;
}

#masterMenuLogoContainer {
    height:60px;
    padding: 20px 20px 30px 20px;
}

    #masterMenuLogoContainer img {
        height:30px;
    }

.master-menu-top-logo {
    content: url("/Images/morbitlogo3.png");
    display: inherit;
}

.master-menu-top-logo-small {
    content: url("/Images/morbitlogo3small.png");
    display: inherit;
}

#masterMenuButtonsContainer {
    padding-top: 20px;
    padding-left: 20px;
    font-size: 12px;
}

    #masterMenuButtonsContainer .glyphicon,
    #masterMenuButtonsContainer i
    {
        padding-right: 10px;
    }

    #masterMenuButtonsContainer a{
        text-decoration:none;
        color:inherit;
    }

.master-hover-menu-title {
    padding-left: 5px;
    padding-bottom:10px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: 0.75s;
    cursor: pointer;
    font-size: 15px;    
    border-bottom:solid 1px white;
    color:white;
    cursor:default;
}


.master-menu-button {
    padding-left: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
    transition: 0.75s;
    cursor: pointer;
    font-size: 15px;
    font-weight: 100;
}

    .master-menu-button div{
        display:inline-block;
        width:26px;
        text-align:center;
        padding-right:10px;
    }

    .master-expand-indicator {
        padding: 0px 10px 0 0;
        transition: 0.5s;
    }

.master-rotate-0 {
    rotate: 0deg;
}

.master-rotate-90 {
    rotate: 90deg;
    padding-top: 10px !important;
}

.master-menu-sub-container {
    padding-left: 20px;
}

.master-menu-level1-group {
    padding: 5px;
    margin: 0 5px 5px 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 100;
    xborder-bottom:solid 1px gray;
    xborder-radius:5px;
    transition:0.75s;
}

    .master-menu-level1-group:hover{
        color:white;
    }

.master-menu-level1-subcontainer{
    padding-left:10px;
}

/* menu end */
/* menu help container end */
/* body start */
#masterBodyContainer {
    flex: 80;
    display: flex;
    height: 100%;
    flex-flow: column;
}

/* header start */
#masterHeaderOriginal {
    background-color: white;
    color: #797979;
    height: 60px;
    position: relative;
}

#masterHeader {
    flex: 0 1 auto;
    text-align:right;
}

#masterHeaderControls {
    padding: 20px;
    font-size: 16px;
}

    #masterHeaderControls .glyphicon,
    #masterHeaderControls i
    {
        margin: 0 5px;
    }


#masterHeaderControls * {
    display: inline;
}

    #masterHeaderControls a {
        color: inherit;
        text-decoration:none;
    }

#btnMasterNavShowImpersonate {
    padding: 0;
}

#btnMasterNavImpersonate{
    padding:0 10px;
}

#ddlNavImpersonateUser{
    border-radius:4px;
}
/* header end */

/* contents start */
#masterContentsOriginal {
    flex: 100;
    padding: 10px 20px;
    height: 100%;
    overflow-y: auto;
}

#masterContents {
    padding: 10px 20px 20px 20px;
    overflow-y: auto;
    flex: 1 1 auto;
}
/* contents end*/

.quick-access-button{
    border:solid 1px lightgray;
    padding:0 5px 3px 5px;
    border-radius:5px;
}

.quick-access-button-enabled{
    background-color:lightgray;
    color:black;
}

/* body end */

#masterModalLoadingGif{
    height:80px;
    margin-top:10px;
}

.no-underline-on-hover:hover{
    text-decoration:none;

}