:root {
	--white: #ffffff;
	--bgDev: #ffffff;
	--black: #030303;
	--dark: #29579B;
	--midtone: #AAC7F2;
	--light: #D9E6FF;
	--highlight: #ECF5FF;

	--popupBoxW: 1200px;
}

html {scroll-behavior: unset;}
body{margin: 0; background-color: var(--white); font-size: 0;}
section{background-color: var(--white);}

#rmsg.login{padding: 10px; border-radius: 5px;}
#rmsg.login:not(.red):not(.yellow){background-color: var(--msgblu);}
#rmsg.login::after{border-color: transparent transparent var(--msgblu) transparent;}

/*headerBar*/
.headerBar{background-color: var(--light); color: var(--black); box-shadow: none;}

/*Nav*/
.main.filled{padding-top: 0;}
.main.filled > div{max-width: 100%;}
.navLeft{background-color: var(--highlight); color: var(--dark); /* padding: 0 10px;*/}

.navLeft .childBtn{padding: 10px; box-sizing: border-box; display: none;}
.navLeft .childBtn.active{display: block;}
/*.navLeft .btn i{margin: 0 10px;}*/
.navLeft .childBtn .btn{box-sizing: border-box; padding-left: 30px;}
.navLeft .childBtn .btn i{display: none;}

.navLeft .btn .expand{color: var(--dark);}
.navLeft .btn .expand:hover{background-color: var(--midtone); color: var(--dark);}
.navLeft .btn .primary{text-transform: uppercase;}
.navLeft .btn .primary,
.navLeft .childBtn .btn{color: var(--dark);}
.navLeft .btn .primary:hover, .navLeft .btn .primary.active{background-color: var(--midtone); color: var(--dark);}
.navLeft .childBtn:hover,
.navLeft .childBtn.active{background-color: var(--light); color: var(--dark);}
.navLeft .childBtn .btn:hover,
.navLeft .childBtn .btn.active{background-color: var(--highlight); color: var(--dark);}

section.block.long.narrow > div{height: unset; margin: 0;}

section.block.short{column-gap: 10px; row-gap: 15px; justify-content: flex-start;}
section.block.short .shortBlockBtn {gap: 12px ; width: auto; flex: clamp(200px, 100% ,300px) 0 0; border-radius: 8px;font-size: 1rem; transition: background-color 100ms ease-in, border 100ms ease-in; display: flex;justify-content: flex-start;flex-direction: row;border: solid 1px #ffffff;align-items: center;min-height: 0;padding: 15px 20px;margin: 10px 5px;background-color: #ffffff; color: #273b61; max-width: unset;}
/*section.block.short .shortBlockBtn {gap: 15px; box-sizing: border-box; border-radius: 8px; transition: none; border: 1px solid #ffffff;}*/
section.block.short .shortBlockBtn div{display: flex; flex-direction: column; align-items: flex-start; row-gap: 2px;}
section.block.short .shortBlockBtn div .shortBlockBtn-title{font-weight: 600;text-align: left;}
section.block.short .shortBlockBtn div .shortBlockBtn-subTitle{font-size: 0.8em; text-align: left;}
section.block.short .shortBlockBtn:hover {background-color: #DDE7FF; border: 1px solid #255697;}
section.block.short .shortBlockBtn i{font-size: 2em; padding: 0; width: 50px; box-sizing: border-box;}

.links .linkObjects i{color: var(--dark);}

.main .sectionBox.collapsableV2ParentGrid.jobAgendaGrid{grid-template-columns: 1fr fit-content(400px);}

/* Change table row color on hover */
/*.formRow:not(.head):not(.lightGreen):hover div,
.formRow:not(.head):not(.lightGreen):hover div>input,
.formRow:not(.head):not(.lightGreen):hover div>select { background-color: var(--ultraLight); } */

/* Make image upload area grid layout */
#getFormJobImagesForm { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
#getFormJobImagesForm > section { width: auto; padding: 0; }

/* Horizontal Scrollable Tables */
.collapsableV2 .horizontalScrollable.hsHeader { top: unset; }
.main .sectionBox.collapsableV2 > div > .sectionBox > .sectionBox { padding: 0; }