:root {
	--primary-color: #013890;
	--secondary-color: #D81E05;
	--tertiary-color: #858585;
	--quanternary-color: #008590;
	--quinary-color: #D1D3D4;
	
	--header-text-color: #ffffff;
    --header-text-color-secondary: #013893;
    --header-text-color-secondary-active: #000000;
    --header-link-text-color: #ffffff;
    --header-link-hover-text-color: #ffffff;
    --header-button-text-color: #ffffff;
    --header-background-color: #013893;
	
	--nav-tab-color: #013890;
	--nav-tab-hover-color: #013890;
	--nav-tab-active-color: #000000;
	
	--main-content-background-color: #ffffff;	
	--main-nav-background-color: #ffffff;
	--main-nav-content-color: #ffffff;

	--main-wrapper-background-color: #ffffff;
	--main-wrapper-inset: 0 2px 2px 0 inset rgb(0,0,0,.2);
	
	--nav-tab-bottom-border-color: #000000;
	
	--rd-hamburger-menu-color: #ffffff;
	--rd-nav-link-color: #2c2c2c;
	
	--footer-background-color: #F2F2F5;
	--footer-foreground-color: #000000;
	--footer-link-color: #013893;
    --footer-content-color: #000000;
    
    --footer-text-color: #000000;
    --footer-link-text-color: #013893;
    --footer-link-hover-text-color: #013893;
    --footer-background-color: #F2F2F5;

    --line-height: 24px;
    --sm: 320px;
    --md: 672px;
    --lg: 1200px;
    --sm-width: 90%;
    --font-size: .875rem;

}
.webpack-dev-server-client-overlay-div,
iframe#webpack-dev-server-client-overlay { display: none !important; }

div.layoutTopWrapperContainer {
  background: var(--main-nav-background-color);
  box-shadow: 0px 2px 4px -2px rgb(0 0 0 / 50%);
}

 div.pilotLayoutPageContent3 {
   background-color: var(--primary-color);
 }

 #layoutMiddleWrapper {
   margin-top: 0.1rem;
 }
 
 .transmit-login--footer__content p{
   margin:.5rem
 }

 .transmit-login--header__logo {
	margin-left:15px;
 }

 header.transmit-login--header.login--header {
	background-color: var(--primary-color);
	margin-bottom: 5px;
 }
  
div#layoutBottomWrapper {
	background-image: none;
}

.navMenuWrapper {
	border-bottom: none;
}

.pilotActiveMenuItem a.basic:active,
.pilotActiveMenuItem a.basic:hover {
	color: var(--nav-tab-active-color) !important;
}
