/*---------------------------HEADER:Begin-------------------------------*/
/*reduce size of logo*/
.GenericResponsive1LArea1 .PortletNote img,
.GenericResponsive1PArea1 .PortletNote img,
.GenericResponsive1NArea1 .PortletNote img{
  max-width: 133px;
  margin-bottom:10px;
  margin-top:10px;
}

.GenericResponsiveTop2{
  display:none;
}

/*---------------------------HEADER:End-------------------------------*/



/*---------------------------Main Content:Begin-------------------------------*/


body,
.Area-Survey label{
    font-weight:normal;
    color:#4D4D4D !important;
}

/*override what is in MUW2018 stylesheet*/
.container {
	/*max-width: 1140px;	*/
}

/*add white background to these sections*/
.GRMainPage .container,
.GenericResponsiveBottom .container,
.GRFooter .container,
.GenericResponsiveTop1 .container{
  background-color:white;
}

/*add gray background to these areas*/
.GRMainPage,
.GenericResponsiveTop1,
.GenericResponsiveBottom,
.GRFooter {
  background-color:#c3ddee;
}

.GRMainContent {
	margin: 0;
}

/*for survey title*/
.Area-Survey .page-header {
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.Area-Survey .page-header h1 p,
.Area-Survey .page-header h1 p{
  background-color:#005290;
  display:block;
  font-size:36px;
  padding:20px 15px;
  color:#fff;
}
.Area-Survey .Section-Survey .TableFormDetails {
	max-width: 100%;
  padding:0px 0px;
}

/*---------------------------Main Content:End-------------------------------*/



/*----------------------------Button Style:Begin-------------------------------*/
.DefaultButtons .button {
	border: unset;
	outline: unset;
	background: #005290;
	background: var(--primary-color, #005290);
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	border-radius: 5px;
}
.DefaultButtons .button:hover {
	color: #fff;
	outline: unset;
	box-shadow: unset;
	background-color: #ff9801;
	background-color: var(--secondary-color, #ff9801);
}
/*----------------------------Button Style:End-------------------------------*/









/*--------------------------------------------Custom Checkbox:Begin---------------------------------------*/
/*don't want it to take beyond label content*/
.Section-Survey .TableFormDetails label.form-check-label {
	width: max-content;
}
/* The labelCheckboxContainer */
.labelCheckboxContainer {
  display: block;
  position: relative;
  padding-left: 30px !important;
  margin-bottom: px !important;
  cursor: pointer;
  font-size:  inherit !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  color: inherit !important;
}

/* Hide the browser's default checkbox */
.labelCheckboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.labelCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.labelCheckboxContainer:hover input ~ .labelCheckmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.labelCheckboxContainer input:checked ~ .labelCheckmark {
  background-color: #005290;
  border: white;
}

/* Create the labelCheckmark/indicator (hidden when not checked) */
.labelCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the labelCheckmark when checked */
.labelCheckboxContainer input:checked ~ .labelCheckmark:after {
  display: block;
  /*! border: navajowhite; */
}

/* Style the labelCheckmark/indicator */
.labelCheckboxContainer .labelCheckmark:after {
  left: 6px;
  top: 1px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*--------------------------------------------Custom Checkbox:End---------------------------------------*/


/*--------------------------------------------Custom Radio Button :Begin---------------------------------------*/
/* The labelRadioContainer */
.labelRadioContainer {
  display: block;
  position: relative;
  padding-left: 35px !important;
  margin-bottom:  0 !important;
  cursor: pointer;
  font-size: inherit !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.labelRadioContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.labelRadio {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.labelRadioContainer:hover input ~ .labelRadio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.labelRadioContainer input:checked ~ .labelRadio {
  background-color: #005290;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.labelRadio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.labelRadioContainer input:checked ~ .labelRadio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.labelRadioContainer .labelRadio:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


label.Col-Label.Col-Checkbox, label.Col-Radio.Col-Radio {

	 opacity: 1; 

}

/*--------------------------------------------Custom Radio Button:End---------------------------------------*/




/*-------------------------------------------FOOTER:Begin-------------------------------------------------*/
/*remove white space that appears when making above changes to background*/
nav.Navigation ol{
  margin-bottom:0;
}
.GRFooter {
	padding: 0;
	min-height: 0;
}
.GRFooter .FooterMes {
	margin-top: 0px;
}

footer#bottom-footer img {
	max-width: 133px;
}
footer#bottom-footer .col-md-4 {
	text-align: right;
}
footer#bottom-footer ul {
	list-style: none;
	padding-left: 0;
}
.footer-legal {
	color: #7a7a7a;
}
ul#footer-social-icons {
	margin-top: 2em;
}
ul#footer-social-icons li {
	display: inline-block;
	padding: 0 0 1.5em 1.5em;
}
footer#bottom-footer .col-md-8{
  flex: 60%;
  max-width:60%;
  
}
footer#bottom-footer .col-md-4{
  flex: 40%;
  max-width:40%;

}

/*Mobile changes*/
@media only screen and (max-width: 1024px) {
  footer#bottom-footer .col-md-8{
    display: none;
  }
  footer#bottom-footer .col-md-4{
  flex: 100%;
  max-width:100%;

  }
}
/*-------------------------------------------FOOTER:End------------------------------------------*/

.Page-Article.No-Menu .Section-ArticleSharing .a2a_kit{
  display: none;
}
.Page-Article.No-Menu .Section-ArticleSharing .a2a_kit{
  display: none;
}

@media only screen and (min-width: 600px) {

  .twocolumn3 .col-sm-3 {
    flex: 0 0 400px !important;
  }
  .twocolumn3 .col-sm-9 {
    flex: 0 0 600px !important;
  }
  .twocolumn4 .col-sm-3 {
    flex: 4 0 max-content !important;
  }
  .twocolumn4 .col-sm-9 {
    flex: 0 0 800px !important;
  }  
}