body 
{
    font-family: 'Roboto', Verdana, Tahoma, Microsoft Sans Serif, Sans-Serif;
    font-size: 10pt;
    height:100%; 
    max-height:100%; 
    overflow:hidden; 
    padding:0; 
    margin:0; 
    border:0;
}

#gw-pls-wait {
    position: absolute;
    top: 150px;
    left: 300px;
    z-index: 200;
    border: none;
}

#gw-content {
    background-color: #FFFFFF !important;
    overflow: auto;
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: 0px;
    top: 60px;
    right: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
}

#lp-content {
    background-color: #FFFFFF !important;
    overflow: auto;
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: 0px;
    top: 40px;
    right: 0;
}

/* Generic announcement style */
.lp-announcement {
    position: absolute;
    top: 10px;
    left: 40%;
    width: 54%;
    z-index: 1000;
}

.announcement-container {
    padding: 15px 0px 0px 15px;
    display: flex;
    flex-direction: row;
    height: 40px;
}

.announcement-icon {
    position: absolute;
    padding-right: 10px;
}

.announcement-text {
    width: 80%;
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    margin-left: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.more-text {
    width: 20%;
    min-width: 100px;
    padding-right: 15px;
    text-align: right;
    font-weight: 500;
    font-size: 12px;
    color: rgba(27, 35, 42, 0.7);
}

/* COVID announcement style */
.covid-announcement {
    background-color: #FFFFFF;
    border: 2px solid #E76332;
    color: #E76332;
    font-weight: 700;
}

.covid-announcement a {
    color: #E76332 !important;
}

.covid-announcement > .announcement-container > .announcement-icon {
    height: 45px;
    width: 35px;
    background-image: url("../../../Content/img/img-announcement-covid.png");
}

.covid-announcement > .announcement-container > .more-text > .more-arrow {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 25px;
    height: 15px;
    background-image: url("../../../Content/img/fwd-arrow-orange.png");
}

/* General announcement style*/
.general-announcement {
    background-color: #FFFFFF;
    border: 2px solid #6BB44F;
    color: #6BB44F;
    font-weight: 700;
}

.general-announcement a {
    color: #6BB44F !important;
}

.general-announcement > .announcement-container > .announcement-icon {
    height: 45px;
    width: 35px;
    background-image: url("../../../Content/img/img-announcement-general.png");
}

.general-announcement > .announcement-container > .more-text > .more-arrow {
     display: inline-block;
     position: relative;
     top: 4px;
     width: 25px;
     height: 15px;
     background-image: url("../../../Content/img/fwd-arrow-green.png");
}

/* Maintenance announcement style */
.maintenance-announcement {
    background-color: #FFFFFF;
    border: 2px solid #2C90CC;
    color: #2C90CC;
    font-weight: 700;
}

.maintenance-announcement a {
     color: #2C90CC !important;
}

.maintenance-announcement > .announcement-container > .announcement-icon {
     height: 45px;
     width: 35px;
     background-image: url("../../../Content/img/img-announcement-maintenance.png");
}

.maintenance-announcement > .announcement-container > .more-text > .more-arrow {
     display: inline-block;
     position: relative;
     top: 4px;
     width: 25px;
     height: 15px;
     background-image: url("../../../Content/img/fwd-arrow-blue.png");
}

/* Disaster announcement style */
.disaster-announcement {
    background-color: #FFFFFF;
    border: 2px solid #6E3C8B;
    color: #6E3C8B;
    font-weight: 700;
}

.disaster-announcement a {
     color: #6E3C8B !important;
}

.disaster-announcement > .announcement-container > .announcement-icon {
     height: 45px;
     width: 35px;
     background-image: url("../../../Content/img/img-announcement-disaster.png");
}

.disaster-announcement > .announcement-container > .more-text > .more-arrow {
     display: inline-block;
     position: relative;
     top: 4px;
     width: 25px;
     height: 15px;
     background-image: url("../../../Content/img/fwd-arrow-purple.png");
}

/* Disaster announcement style */
.critical-announcement {
    background-color: #ffefcb;
    font-weight: 500;
    font-size: 12px;
    color: rgba(27, 35, 42, 0.7);
}

.critical-announcement a {
    color: rgba(27, 35, 42, 0.7) !important;
}

.critical-announcement a:hover {
    color: rgba(27, 35, 42, 0.7) !important;
    font-weight: 700;
}

.critical-announcement > .announcement-container > .announcement-icon {
    height: 25px;
    width: 25px;
    background-image: url("../../../Content/img/img-announcement-critical.png");
    background-repeat: no-repeat;
}

.critical-announcement > .announcement-container > .more-text > .more-arrow {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 12px;
    height: 16px;
    background-image: url("../../../Content/img/fwd-arrow-critical.png");
    background-repeat: no-repeat;
}

#gw-content-container 
{
    padding: 0 2px 0 2px;
}

* html #gw-content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:80px solid #fff; border-bottom:35px solid #fff; border-left:170px solid #fff;}
* html #gw-content-container {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:80px solid #fff; border-bottom:35px solid #fff; border-left:170px solid #fff;}

#gw-head 
{
    position:absolute; 
    margin:0; 
    top:0; 
    left:200px; 
    right:0; 
    display:block; 
    z-index:5; 
    overflow:hidden; 
    height: 40px;  
}
* html #gw-head {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:5; }

.n-main {
    overflow: auto;
    position: absolute;
    top: 40px;
    left: 200px;
    right: 0px;
    bottom: 50px;
}

.n-heading-container {
    padding-top: 8px;
    float: left;
    display: inline-block;
}

.n-buttons-container {
    float: right;
    padding-top: 10px;
    display: inline-block;
}

.help-btn {
   padding-left: 5px;
}

.clear-fix::after {
    content: "";
    clear: both;
    display: table;
}

.button-position {
    text-align: right;
}

#gw-buttonbar {
    position: fixed;
    width: -webkit-fill-available;
    width: moz-available;
    width: fill-available;
    overflow: visible !important;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    display: block;
    z-index: 6;
}
* html #gw-buttonbar {top:0; left:0; right:0; bottom:0; width:100%; overflow:auto; position:absolute; z-index:6; }


#gw-buttonbar-container {
    overflow: visible;
}

#gw-foot 
{
    position:absolute; 
    margin:0; 
    bottom:0; 
    left:0; 
    display:block; 
    width:100%; 
    height:50px; 
    z-index:5; 
    overflow:hidden; 
    font-size: 10px;
}

#gw-left 
{
    position:absolute; 
    left:0; 
    top:0px; 
    bottom:50px; 
    width:200px; 
    font-size:1em; 
    z-index:7; 
    overflow:visible; 
}

#logo-container {
    background-color: #1b232a !important;
}

.logo-image {
    padding-left: 20px;
}

/*
#gw-left 
{
    position:absolute; 
    left:0; 
    top:100px; 
    bottom:30px; 
    width:170px; 
    font-size:1em; 
    z-index:4; 
    overflow:auto; 

    background-color: #bbcee1;
    overflow-x: hidden; 
}
*/

* html #gw-left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:35px solid #fff; color:#fff;}

 .gw-dev
{
    font-weight:bolder;
    color: #000;
    background-color: #E7ED1A!important;
}

.gw-test {
    font-weight: bolder;
    color: #FFF;
    background-color: #ED1AD1 !important;
}
.gw-training
{
    font-weight:bolder;
    color: #000;
    background-color: #1AEDED!important;
}
.gw-uat
{
    font-weight:bolder;
    color: White;
    background-color: Red!important;

}

#gw-msg-banner {
    padding-top: 3px;
}

/* Main Menu */
div.no-navigation {
    border: none;
    margin: 0;
    padding: 0px 0 0 0;
    width: 170px;
    border-right: 1px solid #f3f1ed;
    margin: 0 0 0 0;
}

ul#navigation
{
	border: none;
	margin: 0;
	list-style-type: none;
	padding: 5px 0 0 0;
	width: 170px;
	border-right: 1px solid #f3f1ed;
	margin: 0 0 0 0;
}

ul#navigation li
{
    font-size: 11px;
	margin-bottom: 0;
}

ul#navigation li a {
    background-color: #bbcee1;
    color: #000;
    font-weight: bold;
    display: block;
    padding: 7px 7px 7px 0.5em;
    text-decoration: none;
    width: auto;
}

ul#navigation li a.open
{
	background-color: #e7edf5;
	color: #6a2b04;
	font-weight: bold;
}

ul#navigation li li a.open
{
	background-color: #e3e0db;
	color: #6a2b04;
	font-weight: bold;
}

ul#navigation li li li a.open
{
	background-color: #dfdbd5;
	color: #6a2b04;
	font-weight: bold;
}

ul#navigation li li li li a.open
{
	background-color: #dfdbd5;
	color: #6a2b04;
	font-weight: bold;
}

.gw-side-bar {
    vertical-align: top;
    padding: 0px!important;
    background-color: #fff;
}

.gw-content-container {
    vertical-align: top;
    padding: 0px!important;
    background-color: #fff;
}

.gw-nav-bar 
{
    vertical-align: top;
    padding: 0px!important;
    background-color: #bbcee1;
}

#gw-main-menu.k-widget.k-menu {
    border-color: #1C232A;
}

#gw-main-menu.k-menu > LI.k-item > A.k-link {
    color: White;
}

#gw-main-menu.k-menu > LI.k-item > A.k-link.k-state-active {
    color: #D8D8D8;
    background-color: #333F4C;
    border-color: #333F4C;
}


#gw-main-menu.k-menu.k-header > LI > A:hover {
    background-color: #333F4C;
    border-color: #333F4C;
}

/* Main Menu - second level */

ul#navigation ul
{
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul#navigation li li a
{
	background-color: #E2EAF3;
	color: #000;
	font-weight: normal;
	display: block;
	padding: .5em .5em .5em 1.3em;
	text-decoration: none;
	width: auto;
}


.floatright
{
    display: block;
    float: right;
}

.floatleft
{
    display: block;
    float: left;
}

.gw-impersonate > #gw-content
{
    border-right: 5px lime solid;
    border-left: 5px lime solid;
    border-bottom: 5px lime solid;
}

.gw-impersonate > #gw-buttonbar
{
    border-top: 5px lime solid;
    border-right: 5px lime solid;
    border-left: 5px lime solid;
}

@media screen and (max-width: 1030px) {
    #gw-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    #gw-buttonbar {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.bex-embedded-mode #gw-head {
    display: none;
}

.bex-embedded-mode .n-main {
    top: 0;
    bottom: 0;
    left: 0;
}
.bex-embedded-mode #gw-foot {
    display: none;
}
.bex-embedded-mode #gw-left {
    display: none !important; /*Needs to be important as there are inline styles*/
}