/* used by the Starter Publishing master page for fixed width display */
.customWidth {
	width: 980px;
	margin: auto;
}

body{
	background: #eee;
}

/* used to reset the ootb styles on the title row tag in the Starter Collab master page; used for the fullscreen button in SP */
#s4-titlerow {
	background-color: transparent;
    margin: 0;
    padding: 0;
    height: auto;
}

#contentBox {
    margin-left: 220px;
    margin-top: 50px;
}

#s4-workspace #contentBox{
	margin: 0 auto;
	padding: 50px 0;
	background: #eee;
	width: 100%;
	min-width: 0;
}

/* HIDES SHAREPOINT MENU */
#sharepoint-menu{
	display: none;
}


#new-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 140px;
	z-index: -999;
	/* background: url(https://www.static-anthem.com/dam/masthead_blue.svg); */
}

#new-header #logo{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 60px;
	background: #fff;
}

#new-header #logo img{
 width: 130px;
}

#new-header article{
	width: 100vw;
	height: 60px;
}

.userinformation,.mainFormDiv{
	/* background: red; */
	width: 90%;
	max-width: 400px;
 	margin: 10px auto;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@media screen and (min-width: 700px){
	.userinformation,.mainFormDiv{
		max-width: 750px;
		width: 90%;
	}
}


.userinformation{
	display: grid;
  background: #fff;
  position: relative;
	border: 1px solid #aaa;
	margin-top: 140px;
}

@media screen and (min-width: 700px){
	.userinformation{
		display: grid;
		grid-template-columns: 50% 50%;
		grid-gap: 10px;
	}
}

.userinformation div{
	margin-bottom: 10px;
}

.userinformation input{
	display: block;
	width: 100%;
}

.userinformation select{
	width: 100%;
	display: block;
}

.mainFormDiv{


}

.mainFormDiv > div{
	/* background: teal; */
	margin: 40px 0 0;
	font-weight: bold;
}


.mainFormDiv > div > div{
	/* background: salmon; */
	margin: 10px 0 0;
	font-weight: normal;
}

.mainFormDiv > div > div b{
	margin-top: 10px;
}

.mainFormDiv > div > div > div{
 /* background: salmon; */
}

.mainFormDiv > div > div > div > div > span {
    /* background: red; */
    margin: 10px 0;
    display: block;
}

.mainFormDiv > div > div br + br{
	display: none;
}

.mainFormDiv br{
	display: block;
	background: red;
	height: 100px;
	width: 100vw;
}

.mainFormDiv label{
	margin: 8px 4px 0;
	/* background: red; */
}

.mainFormDiv textarea{
	display: block;
}


/* SAVE DRAFT BUTTON */
#ctl00_PlaceHolderMain_id_Survey_divSaveAsDraft{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 30px;
	z-index: 9999;
	/* background: blue; */

	position: fixed;
bottom: 0;
left: 0;
width: 50%;
height: 42px;
z-index: 999999999;
background: blue;
padding: 0;
margin: 0;
}

#ctl00_PlaceHolderMain_id_Survey_divSaveAsDraft input{
	margin: 0;
margin: 0;
width: 100%;
position: absolute;
background: #fff;
color: #fe5e3c;
border: 1px solid #fe5e3c;
}

@media screen and (min-width: 700px){
	#ctl00_PlaceHolderMain_id_Survey_divSaveAsDraft{
		bottom: auto;
    /* top: 74px; */
		top: 145px;
    right: 10px;
    left: auto;
    width: auto;
		position: fixed;
	}
	#ctl00_PlaceHolderMain_id_Survey_divSaveAsDraft input{
		position: relative;
		color: #fff;
		background: #fe5e3c;
	}
}

/* Submit Button */

.mainFormDiv input[type="submit"]{
	background: #fe5e3c;
	border: none;
	color: #fff;
	font-size: 20px;
	margin: 30px 0;

	position: fixed;
bottom: 0;
right: 0;
width: 49%;
margin: 0;
border: 1px solid #fe5e3c;

}

@media screen and (min-width: 700px){
	.mainFormDiv input[type="submit"]{
    position: relative;
	}
}

#btnsubdivrbl3ParentId, #btnsubdivrbl4ParentId{
	background: #fe5e3c;
  color: #fff;
  font-size: 16px;
  border: none;
  margin: 10px 0;
}

/* #btnsubdivrbl4ParentId{
	background: red;
} */


#ctl00_PlaceHolderMain_WikiField_ctl00_ctl00_TextField_inplacerte_layoutsTable > tbody > tr:nth-child(1) > td > div > div {
    background-color: white!important;
}


/**
   * LDA
   */


.questiondiv {padding: 30px;
border-style: dotted; 
border-width: 1px;
margin-top: 10px;}

.section {padding: 30px;
border-style: solid; 
border-width: 1px;
margin-top: 10px;}

div.questionsubdiv\, {padding: 30px;
border-style: dotted; 
border-width: 1px;
margin-bottom: 10px;}

#btnsubdivrbl3ParentId {background-color: red; color: white; font-weight: bold;
margin: 30px;}


#btnsubdivrbl4ParentId {background-color: red; color: white; font-weight: bold;
margin: 30px;}

#btnsubdivrbl1ParentId {background-color: red; color: white; font-weight: bold;
margin: 30px;}

#btnsubdivrbl2ParentId {background-color: red; color: white; font-weight: bold;
margin: 30px;}

#ctl00_PlaceHolderMain_ID_Survey_btnSubmit {background-color: red; color: white; font-weight: bold;
margin: 30px;
padding-left: 15px;
padding-right: 15px;}

#btnsubdivrbl5ParentId {background-color: red; color: white; font-weight: bold;
margin: 30px;}

#btnsubdivrbl6ParentId {background-color: red; color: white; font-weight: bold;
margin: 30px;}

#btnsubdivrbl7ParentId {background-color: red; color: white; font-weight: bold;
margin: 30px;}

#uploadimages {padding: 20px;
border-style: solid; 
border-width: 1px;
margin-top: 10px;}

#uploadimages > div {
margin-bottom: 20px;}