html {
    height: 100%;
}

body {
    font-size: 18px;
    line-height: 1.46666667;
    color: #000000;
    background-color: #ffffff;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    /*overflow-x: hidden;	*/
	margin: 0;
	display: block;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    line-height: 1.2;
	margin-block-start: 0.2em;
	margin-block-end: 0.2em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #333333;
}
b, strong{
	font-weight:700;
}
.MainOuterDiv {
    width: 100%;
}
.TopHeaderBarOuter {
	position:fixed;
	z-index: 10;
	top: 0px;
	left: 0px;
	width:100%; 
	border-bottom: 1px solid rgb(223, 227, 228);
	top:0px;
	background-color:#ffffff;
	height:98px;
	z-index:99;
}
.MainContent {
	min-height: 400px;
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	position:relative;
}
.TopHeaderBar {
	display:table;
	margin:0 auto;
	position:relative;
}
.MainInnerDiv {
    width:100%;
}
.LogoCell {
	display:table-cell;
    padding: 5px 0;
	width:250px;
}	
.LogoImgTop {
	max-height: 70px;
	margin-left: 15px;
}

.site-slogan{
	color: rgb(119, 119, 119);
	position: absolute;
	padding: 3px 0 0;	
	padding-left: 70px;

	margin-top: -15px;
	letter-spacing: .5px;
	font-size: 12px;
	font-weight: 300;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.login-client-section{
	display:table-cell;
	padding: 15px;
	text-align:right;
	margin: auto;
}

.Sign-Out-Link:link, .Sign-Out-Link:visited, .Sign-Out-Link:active{
	font-size:16px;
	font-weight:700;
	color:#0079ff;
	text-decoration:none;
}

.Sign-Out-Link:hover{
	color: #000000;
}
.Signed-In-Name{
	display:inline-block;
	font-size:16px;
	font-weight:400;
	color:#000000;
	padding-right:20px;
}
.Signed-In-ClientName{
	display:block;
	font-size:18px;
	font-weight:700;
	color:#000000;
	padding:10px;
	border-bottom: 1px solid rgb(223, 227, 228);

}
.MainContentLeftMenu{
		position:fixed;
	display:table-cell;
    height: calc(60px + 100vh);
	width:220px;
		border-right: 1px solid rgb(223, 227, 228);
}
.MainContentRightSection{
	display:block;
	padding-left:220px;
	width:calc(100% - 440px);
	text-align:left;
}

.leftmenu{
	padding-top:20px;
	text-align:left;
	padding-left:20px;

}
.leftmenu a:link, .leftmenu a:visited, .leftmenu a:active{
	display: block;
	font-size:16px;
	font-weight:400;
	color:#0079ff;
	text-decoration:none;
	margin-bottom:10px;
}

.leftmenu a:hover{
	color: #000000;
}

.KOISection{
	padding-top:10px;
	margin-left:50px;
}
.KOIProjectheader{
	margin-bottom:20px;	
	    font-size: 28px;
}
.KOISectionHeader{
	font-size:24px;
}
.KOISectionMenu{
	font-size:20px;
	color:#a9aaac91;
	margin-top:10px;
}

.KOISectionMenu a:link, .KOISectionMenu a:visited, .KOISectionMenu a:active{
	display: inline-block;
	font-size:20px;
	font-weight:700;
	color:#808e9ed6;
	text-decoration:none;
    font-family: geomanistmedium;
	text-align:center;
	border-right:1px solid #808e9ed6;
	padding-right:10px;
	padding-left:10px;
	width:106px;
}

.KOISectionMenu a:hover{
	color: #000000;
	background-color:#0079ff52;
}
.menusubtitle{
	font-size:16px;
	color:#000000b3;
}
.KOISectionMenuThatisselected:link, .KOISectionMenuThatisselected:visited, .KOISectionMenuThatisselected:active{

	color:#0079ff !important;
	background-color:#0079ff30;

}
.KOISectionMenuThatisselected:hover{
	color: #000000  !important;
}
.KOISectionMenuThatisCompleted:link, .KOISectionMenuThatisCompleted:visited, .KOISectionMenuThatisCompleted:active{

	color:#000000 !important;
	background-color:#1fa50426;

}
.KOISectionMenuThatisCompleted:hover{
	color: #000000  !important;
}
.ProjectDropDown{
	margin: 0;
	padding: 0.3em;
	font-size: 18px;
    width: 500px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(/App_Themes/Theme1/Images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
	font-family: Verdana, Arial, sans-serif;
	    outline-offset: 0px;
}
.ClientDropDown{
	margin: 0;
	padding: 0.3em;
	font-size: 12px;
	width: 200px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(/App_Themes/Theme1/Images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
	font-family: Verdana, Arial, sans-serif;
	    outline-offset: 0px;
}
.KOIDescription{
	padding-top:20px;
	color:#0079ff;
}
.KOIFileUploadedDescription{
	padding-top:20px;
	color:#000000;
}
.KOIFileUploadedDescriptionTitle{
	font-size:30px;
	color:#0079ff;
}
.KOIQuestions{
	padding-top:20px;
	display: block;
	line-height: 2;
}
.KOIQuestionsServices{
	padding-top:20px;
	display: inline-block;
	line-height: 2;
	Display:flex;
	gap: 20px;
	flex-wrap: wrap;
}
.KOIQuestionsItems{
flex: 0 0 30%;

}

.KOIQuestionsInserance{
		padding-top:20px;
	display: inline-block;
	line-height: 2;
	Display:flex;
	gap: 20px;
	flex-wrap: wrap;
}


.KOIQuestionsInserance > div{
flex: 15%;
text-align: center;
padding:15px;
cursor:pointer;
border: 2px dotted #ffffff;
}
.KOIQuestionsInserance > div:hover{
border: 2px dotted #ff0000 !important;
background-color:#979b9f24;
cursor:pointer;
}
.selected{
border: 2px dotted #0079ff !important;
background-color:#0079ff14;
}
.imageselection{
	filter: drop-shadow(20px 20px 10px #0000004d);
	width:130px;
}

.KOIQuestions > input, .KOIQuestions > textarea, .KOIQuestions > select {
	font-size:18px;
	background-color:#0079ff0f;
}
.KOISubTitle{
	font-style: italic;
	padding-bottom:10px;
}

.KOIbuttonSection{
	padding-top:20px;
	text-align:right;
}
.KOIbuttonSection_SaveContinue,.KOIbuttonSection_SaveQuit, .KOIbuttonSection_DoNotSaveReset, .KOIbuttonSection_BackStep1andDoNotSave{
	background-color:#0079ff;
	color:#ffffff;
	padding:7px;
	font-weight:700;
	font-size: 14px;
	
}
.KOIbuttonSection_SaveContinue:hover, .KOIbuttonSection_SaveQuit:hover, .KOIbuttonSection_DoNotSaveReset:hover, .KOIbuttonSection_BackStep1andDoNotSave:hover{
	background-color:#000000;
	color:#ffffff;
	cursor:pointer;	
}
.KOIbuttonSection_SaveQuit, .KOIbuttonSection_DoNotSaveReset, .KOIbuttonSection_BackStep1andDoNotSave{
	background-color:#0079ff12;
	color:#00000080;	
}

.KOIbuttonFileUpload{
	padding:20px;
	text-align:left;
	border: 1px solid #00000024;
	display:inline-block;
	margin:0 auto;
	display:table;
}
.KOIbuttonFileUploadinput{
	font-size:18px;
	background-color:#0079ff0f;
}
.KOIbuttonFileUpload_FileUpload{
	background-color:#0079ff !important;
	color:#ffffff;
	padding:7px;
	font-weight:700;
	font-size: 14px !important;
}
.KOIbuttonFileUpload_FileUpload:hover{
	background-color:#000000;
	color:#ffffff;
	cursor:pointer;	
}
.KOIFileUploaded{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ChkBoxClass input {width:15px; height:15px;background-color: #0079ff0f;accent-color:#1fa5047d; }