@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

body {
  margin:0;
  padding: 0;
  background-color: #eeeaea;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.hd1 { 
	font-size:large; 
	color:#17453b; 
	background-color:#FFFFFF; 
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.hd2 { 
	font-size:medium; 
	font-weight:bold;
	color:#17453b; 
	background-color:#FFFFFF; 
}

.bigtext { 
	color:#17453b; 
	font-size:x-large; 
	font-weight:bold; 
	font-family: 'Open Sans', sans-serif;
}

.splashtext	{ 
	color:#000000; 
	font-size:medium; 
}

.question	{ 
	font-weight:bold; 
}


.fine_print			{font-size:xx-small; color:#ffffff}
.help			{ color:#000000; font-size:xx-small;font-style: italic;}

.question_missing	{ color:#FF0000; font-weight:bold; }


.q_option  { 
  padding-right:15px;
  line-height: 1.6;
  }


div.submit_anyway  { text-align:center; border-width:1; border-style:solid; border-color:#FF0000; }
div.anyway			{ text-align:center;  }
.warning		{text-align:center;  font-weight:bold; color:#FF0000; }

.warn          { font-weight:bold; color:#FF0000; }


.error      { font-weight:bold; color:#FF0000; }


.fullspace{
	 width:100%;
	 display:block;
	 float:left;
 }

 .respimage{
	 max-width: 100%;
     display:block;
     height: auto;
 }

 .resplogo{
	 max-width: 50%;
     display:block;
     height: auto;
 }

img {
  border: none;
}

.main-container {
  max-width: 900px;
  margin: auto;
  overflow:hidden;
  background-color: #ffffff;
}

.row {
  float: left;
  width: 100%;
  display: table;
}

/* Floating column for labels: 100% width */
.col {
  float: left;
  width: 100%;
  border: none;
}
.col-section {
  float: left;
  width: 100%;
  border: none;
  padding-top: 10px;

}
/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
}
/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
}
/* Floating column for inputs: 50% width */
.col-50 {
  float: left;
  width: 50%;
  margin: auto;
}
.grey-background {
  background-color: #F2F5F8;
}

/* HEADER */
.header {
  text-align: center;
  float: left;
  width: 100%;  
  background-color:#ffffff;
  }

/* FOOTER */
.footer {
  text-align: center;
  float: left;
  width: 100%;
  font-size:x-small;  
  background-color:#17453b;
  color:#ffffff;
 
}

/* CONTENT */
.content {
  float: left;
  width: 100%;
}
.content-bar {
  width: 100%;
  background-color: #17453b;
  height: 20px;
  float: left;
}


.div-padding {
  padding: 5px;
}
.ratings-desc {
  display: none;
}

@media screen and (min-width: 767px) {
  .tooltip, .tooltip-left {
    display: none;
  }
  table td::before {
    content: attr(data-label);
    float: center;
  }
}

@media screen and (max-width: 767px) {
  .resv-radio-btn span {
    float: left;
    width: 100%;	
  }
  .content input[type=text], textarea {
    width: 90%;
    max-width: 320px;
    border: 1px solid #bebebe;
    width: 100%;
    padding: 7px 0px !important;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    border-radius: 5px;
    margin-bottom: 8px !important;
  }
  .question_even {
    font-size: 11px !important;
  }

 
  img {
    width: 100%;
  }
  .social-icons img {
    width: 10px !important;
	max-width:10px;
	padding-top:10px;
	padding-bottom:10px;
	}

.ta-icon img {
    width: 40px !important;
	max-width:40px;
	}

 
fieldset {
  border: none;
  padding: 0; /* optional, remove default padding if you want */
  margin: 0;  /* optional, reset margin */
}

  
  input[type="radio"]:focus {
    outline: 2px solid #000; /* Visible focus */
  }

  .no-border {
  border: none;
  padding: 0;
}


input:focus, select:focus, textarea:focus, button:focus {
      outline: 3px solid #005fcc;
      outline-offset: 2px;
    }
    .visually-hidden {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0,0,0,0) !important;
      white-space: nowrap !important;
      border: 0 !important;