/*Portal Bar*/
#mrp-portal-bar {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 60px;
    z-index: 101;
    background: #1A1A1A;
    color: #CCC;
    border: solid 1px;
    border-width: 0px 1px 0px 0px;
    border-color: #080808;
    flex-flow: column;
    display: flex;
}

#mrp-portal #mrp-top-bar {
    top: 0px;
    background-color: #1b1b1b;
    background-image: linear-gradient(to bottom, #444, #444);
    background-repeat: repeat-x;
    margin: 0px;
}

#mrp-portal .navbar-fixed-top {
    padding-left: 60px;
    z-index: 100;
}



#mrp-portal #mrp-top-bar .nav > li:first-child {
    border-left: none;
    box-shadow: none;
}

#mrp-portal #mrp-side-menu {
    left: 60px;
    top: 0px;
    z-index: 99;
}

#mrp-portal .mrp-nav-offset-2 {
    margin-top: 67px
}


/*Offsetting the tray*/
#mrp-portal .mrp-tray {
    left: 60px;
}

#mrp-portal .mrp-side-menu-offset .mrp-tray {
    left: 160px;
}

#mrp-portal .mrp-nav-offset-2 .mrp-tray {
    padding-top: 67px;
}

/*Offsetting the body for the portal bar only*/
#mrp-portal .mrp-body {
    margin-left: 60px;
}

/*Offset the body for side menu*/
#mrp-portal .mrp-side-menu-offset .mrp-body {
    margin-left: 160px;
}

/*Offset the body for tray*/
#mrp-portal .mrp-tray-offset .mrp-body {
    margin-left: 360px;
}

/*Offset the body for tray and side menu*/
#mrp-portal .mrp-side-menu-offset.mrp-tray-offset .mrp-body {
    margin-left: 460px;
}


#mrp-portal .mrp-tray-offset .mrp-save-bar {
    padding-left: 360px;
}

/*Save bar offset with ONLY a side menu and no tray*/
#mrp-portal .mrp-side-menu-offset .mrp-save-bar {
    padding-left: 160px;
}

#mrp-portal .mrp-side-menu-offset.mrp-tray-offset .mrp-save-bar {
    padding-left: 460px;
}

#mrp-portal .mrp-tray-right-offset .mrp-body {
    margin-right: 300px;
}


#mrp-portal-bar-upper {
    flex: 1;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */

    ::-webkit-scrollbar {
        display: none;
    }
}

#mrp-portal-bar-logo {
    top: 0px;
    width: 100%;
}

#mrp-portal-bar-lower {
    width: 100%;
}

.mrp-portal-bar-inner {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.mrp-portal-bar-inner > li > a,
.mrp-portal-bar-inner button {
    font-size: 0px;
    display: block;
    padding: 10px 0px;
    color: #AAA;
    border: 1px solid;
    border-width: 1px 0px 0px 0px;
    border-color: #080808;
    background: none;
    margin: 0px;
    width: 100%;
}

.mrp-portal-bar-inner > li:hover {
    background-color: #262626;
}

.mrp-portal-bar-inner > li.active {
    background-color: #0d0d0d;
}

.mrp-portal-bar-inner > li > a i {
    font-size: 22px;
}

#mrp-portal-logo a {
    height: 66px;
    padding-top: 16px;
}


#mrp-portal-logo img {
    width: 48px;
}

#mrp-portal-site img {
    border-radius: 8px;
    width: 46px;
    height: 46px;
}

#mrp-portal-user img {
    border-radius: 18px;
    width: 36px;
    height: 36px;
    border: solid 1px #AAA;
    padding: 1px;
}

#mrp-portal-bar-lower .mrp-portal-bar-inner > a,
#mrp-portal-bar-lower .mrp-portal-bar-inner button {
    font-size: 18px;
    padding: 12px 0px;
    cursor: pointer;
}

#mrp-portal-bar li > div > .dropdown-menu {
    left: 58px;
}

#mrp-portal-bar li > .dropup > .dropdown-menu {
    bottom: 10px;
}

#mrp-portal-bar .caret {
    position: absolute;
    right: -1px;
    top: 45%;
}

#mrp-portal-bar .dropdown-menu {
    z-index: 1071;
    position: absolute;
}

#mrp-portal-bar .tooltip {
    white-space: nowrap;
}
/*End Portal Bar*/


/*Web Forms style*/
#adminBody.hasPortalBar #siteWrapper {
    padding-left:60px;
}

/*Remove some un-needed elements*/
#adminBody.hasPortalBar #navBarWrapper .navbar,
#adminBody.hasPortalBar #navBarWrapper #envWarning,
#adminBody.hasPortalBar.iconAdminMenuBody #dashboardIcon,
#adminBody.hasPortalBar #footerWrap {
    display: none;
}

#adminBody.hasPortalBar #navBarWrapper #iconMenuWrap {
    padding-left: 60px;
}

#adminBody.hasPortalBar.iconAdminMenuBody #adminWrapper {
    padding-top:69px;
}

#adminBody.hasPortalBar #mrp-portal-bar * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#adminBody.hasPortalBar .mrp-portal-bar-inner > li > a,
#adminBody.hasPortalBar .mrp-portal-bar-inner button {
    padding: 14px 0px;
}

#adminBody.hasPortalBar #mrp-portal-logo a,
#adminBody.hasPortalBar #mrp-portal-site a {
    padding: 10px 0px;
}

#adminBody.hasPortalBar .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

#adminBody.hasPortalBar .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom:none;
}
/*End Web Forms Style*/


/*Sandbox colors*/
.mrp-sandbox #mrp-portal-bar {
    background-color: #5BC0DE !important;
    color: #FFF;
}

.mrp-sandbox #mrp-portal-bar a,
.mrp-sandbox #mrp-portal-bar button {
    color: #FFF !important;
}

.mrp-sandbox .mrp-portal-bar-inner > li.active {
    background-color: #238aa9;
}

.mrp-sandbox .mrp-portal-bar-inner > li.active > a {
    border-color: #16566a;
}

.mrp-sandbox .mrp-portal-bar-inner > li:hover
{
    background-color: #279bbe;
}

.mrp-sandbox .mrp-portal-bar-inner > li > a,
.mrp-sandbox .mrp-portal-bar-inner button,
.mrp-sandbox #mrp-portal-bar {
    border-color: #1e7994;
}

.mrp-sandbox #mrp-portal-bar .dropdown-menu li a{
    color:#000 !important;
}

#mrp-sandbox-message {
    position: fixed;
    z-index: 1040;
    top: 0px;
    left: 50%;
    background-color: #5BC0DE;
    color: #FFF;
    padding: 0px;
    font-size: 13px;
    width: 550px;
    margin-left: -260px;
    text-align: center;
    border-radius: 0px 0px 4px 4px;
}
/*End Sandbox Colors*/

#mrp-env-message {
    position: fixed;
    z-index: 1040;
    top: 0px;
    left: 50%;
    color: #FFF;
    padding: 0px;
    font-size: 13px;
    width: 300px;
    margin-left: -150px;
    text-align: center;
    border-radius: 0px 0px 4px 4px;
}