body {
   font-family: 'Varela Round', 'PT Sans', sans-serif;
   font-weight: 400;
   font-size: 22px;
   margin-top: 25px;
  }

a {
   color: #000000;
  }

.btn {
   padding: 3px 3px 0 0;
   border-radius: 20px;
  }

.btn-info {
   background-color: #F2F2F2 !important;
   border-color: #FFFFFF;
   font-size: 22px;
   color: #000000;
   width: 70%;
  }

.btn-info:hover, .btn-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btnStart-info {
   background-color: #F2F2F2 !important;
   border-color: #FFFFFF;
   font-size: 22px;
   color: #000000;
   width: 70%;
  }

.btnStart-info:hover, .btn-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }


.btnSus-info {
   background-color: #FFFFFF !important;
   border-color: #D3D3D3;
   font-size: 22px;
   color: #D3D3D3;
   width: 70%;
  }

.btnSus-info:hover, .btnSus-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btn-default {
   width: 90%;
   font-size: 22px;
   white-space: normal;
   padding-top: 3px;
   padding-bottom: 3px;
   margin:0 2% 0.7%;
  }

h1,h2,h3,h4,h5,h6 {
   font-family: 'Varela Round', 'PT Sans', sans-serif;
   font-weight: 600;
  }

.survoxFooter {
   font-size: 13px;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-bottom: 10px;
  }

.survoxNavBrand {
   font-size: 12px;
   padding: 5px;
  }

.survoxQuestionText {
   font-weight: 400;
   padding-left: 15px;
  }

input[type=radio] {
   height: 0;
   width: 0;
   display:none;
   visibility:hidden;
  }

input[type=checkbox] {
   height: 0;
   width: 0;
   display:none;
   visibility:hidden;
  }

input[type=text] {
   border-radius: 20px;
  }

label {
   max-width: 90%;
   font-weight: normal; /* 600 */
  }

input:checked + label {
   background-color: #686868;  /* #ED1C24; */
   color: white;
   border-radius: 20px;
  }

input:checked + label:focus {
   background-color: #686868;  /* #ED1C24; */
   color: white;
   border-radius: 20px;
  }

input:checked + label:hover {
   background-color: #686868;  /* #ED1C24; */
   color: white;
   border-radius: 20px;
  }

input:checked + label:active {
   background-color: #686868;  /* #ED1C24; */
   color: white;
   border-radius: 20px;
  }

input:not(:checked) + label {
   background-color: white;
   border-radius: 20px;
  }

input:not(:checked) + label:hover {
   background-color: #F2F2F2;
   border-color: #686868;  /* #ED1C24; */
   border-radius: 20px;
  }

input[type=number] {
   border-radius: 10px;
   font-weight: 400;
   width: 200px;
  }

TEXTAREA {
   font-weight: 400;
   border-radius: 10px;
   width: 100%;
  }

.numqText {
   font-weight: 400;
  }


/* custom to clean up some inline styles */

.bottom-margin-5 {
   margin-bottom: 5px;
  }

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

.top-margin-10 {
   margin-top: 10px;
  }

.table-display-nopad {
   display: table;
   padding: 0;
  }

.right-align {
   text-align: right;
  }

.left-padding-15 {
   padding-left: 15px;
  }

.box-rating {
   display: table;
   margin: 0 5px 0 0;
   padding-left: 5px;
  }

a.accordion-link:link, a.accordion-link:visited, a.accordian-link:hover, a.accordian-link:active {
   color: #000000;
   text-decoration: none;
  }

.top-hr {
   border-top: 1px solid gray;
   margin-top: 6px;
  }

.bottom-hr {
   border-top: 1px solid gray;
   margin-top: 1px;
  }

.btm-tmpl-hr {
   border-top: 1px solid gray;
   margin-top: 15px;
  }

.form-margin {
   margin: 0;
  }

.panel-answered {
   background-color: #D6D6D6; /* #AAB7B8; */ /* #D3D3D3; */ /* #ACCA99; */
   border-color: #ddd;
  }


/* new media medium */
@media screen and (max-width: 980px) {

body {
   font-size: 20px;
   margin-left: 5px;
   margin-right: 5px;
  }

.btn-info {
   background-color: #F2F2F2 !important;
   border-color: #FFFFFF;
   font-size: 20px;
   color: #000000;
  }

.btn-info:hover, btn-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btnStart-info {
   background-color: #F2F2F2 !important;
   border-color: #FFFFFF;
   font-size: 20px;
   color: #000000;
  }

.btnStart-info:hover, .btn-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btnSus-info {
   background-color: #FFFFFF !important;
   border-color: #D3D3D3;
   font-size: 20px;
   color: #D3D3D3;
  }

.btnSus-info:hover, .btnSus-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btn-default {
   width: 90%;
   font-size: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
  }

input:not(:checked) + label:hover {
   background-color: white;
  }

h1,h2,h3,h4,h5,h6 {
   font-size: 20px;
   font-weight: 600;
  }

.survoxNavBrand {
   font-size: 10px;
   padding: 3px;
  }

textarea {
   width: 100%;
  }

}   /* end of new media medium */


/* new media small */

@media screen and (max-width: 768px) {

.btn-info {
   background-color: #F2F2F2 !important;
   border-color: #FFFFFF;
   font-size: 15px;
   color: #000000;
  }

.btn-info:hover, btn-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btnStart-info {
   background-color: #F2F2F2 !important;
   border-color: #FFFFFF;
   font-size: 15px;
   color: #000000;
  }

.btnStart-info:hover, .btn-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btnSus-info {
   background-color: #FFFFFF !important;
   border-color: #D3D3D3;
   font-size: 15px;
   color: #D3D3D3;
  }

.btnSus-info:hover, .btnSus-info:active {
   background-color: #F2F2F2 !important;
   border-color: #686868;  /* #ED1C24; */
   color: #000000;
  }

.btn-default {
   width: 90%;
   font-size: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
  }

input:not(:checked) + label:hover {
   background-color: white;
  }

body {
   font-size: 15px;
   margin-left: 5px;
   margin-right: 5px;
  }

h1,h2,h3,h4,h5,h6 {
   font-size: 15px;
   font-weight: 600;
  }

.survoxNavBrand {
   font-size: 9px;
   padding: 3px;
  }

textarea {
   width: 100%; /* 200px; */
  }

}  /* end of new media small */