html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 13px sans-serif;
}
table.dataTable tbody th,
table.dataTable tbody td {
	/*reduce padding in datatatbles to conserve space */
    padding: 4px 6px !important;
}
th, td {
	/*Force datatables to keep data on one line */
	/*  white-space: nowrap; overflow: hidden; */
	}
.checkinput {
    width: 20px !important;
}
.ui-icon {
    display: inline-block !important;
}
.content {
    padding-top: 5px;
}
.select2-results__option {
    font-size: 12px;
}
b {
    font-weight: bold;
}
#contentpanel {
    padding: 10px;
    float: left;
     max-width: 950px; 
    position: static;
    border-left: 1px solid #ccc;
}
#contentpanel table {
    padding-top: 5px;
    border: none
}
#contentpanel input {
    padding: 4px;
    width: 200px;
}
#contentpanel input[type="button"] {
    padding: 4px;
    width: 80px;
}
#contentpanel textarea {
    padding: 4px;
    width: 300px;
    height: 75px;
    margin-top: 8px;
}
#contentpanel select {
    padding: 4px;
    max-width: 400px;
}
#contentpanel label {
    display: inline-block;
    width: 160px;
    text-align: right;
}
nav {
    /* float: left; */
    
    margin: 8px;
    height: 100%;
    width: 130px; 
}
@media only screen and (min-width: 800px) {
    nav {
        float: left;
        /*  min-width: 180px; */
    }
}
.ui-menu {
   /* width: 100%; */
	/* Need below since Chrome 59 made menu items look strange with spacing */
	list-style-image:none !important;
}
.ui-menu-item {
    border-bottom: 1px solid #ccc;
	/* Need below since Chrome 59 made menu items look strange with spacing */
	list-style-image:none !important;
}
#ptitle {
    background: #fff;
    border: 1px solid #45AF39;
    padding: 5px;
    margin: 5px;
    /* width: 60%;
	min-width:300px; */
    border-radius: 3px;
    width: 750px;
    font-size: 14px;
    font-weight: bold;
}
.ptitlesmall {
    background: #fff;
    border: 1px solid #45AF39;
    padding: 1px;
    margin: 4px;
    border-radius: 3px;
    /* width: 60%;
	min-width:300px; */
    
    width: 500px;
    font-size: 14px;
    font-weight: bold;
}
input#active + label {} input#active {
    width: 20px;
}
input#locked {
    width: 20px;
}
input#logoonsurvey {
    width: 20px;
}
.nextcol {
    float: left;
}
@media only screen and (min-width: 700px) {
    .nextcol + li {
        float: right !important;
    }
}
.nextcol + li {
    float: left;
    /* mobile */
}
.dataTables_filter > label {
    display: initial !important;
}
.accordionform .ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 0.6em !important;
}
.inputnotformfield {
    border: none;
    outline: none;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
}
section {} .colorpicker {
    width: 50px !important;
}
.Btn {
    display: block;
    height: 30px;
    width: 70px;
    background: #34696f;
    border: 2px solid rgba(33, 68, 72, 0.59);
    color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font: bold 3.2em/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.BtnGreen {
    /* this is actually the bluebutton now, the primary portal button.  name is misleading */
    color: white;
    height: 30px;
    width: 80px;
    background-color: #54a4d1;
    border-radius: 3px;
    border:0px;
}

.BtnGreen:hover {
    background-color: #4271b7;
}
.BtnGreen:focus {
	/* get rid of weird chrome highlighting around the button when clicked */
    outline:0px;
}
input.BtnGreen:hover {
    background-color: #4271b7;
}

.BtnBlue {
    font-weight: bold;
    color: white;
    height: 30px;
    width: 80px;
    background-color: #4271b7;
}
input.BtnGreen:hover {
    background-color: #4271b7;
}
header {
    background-color: #FFFFFF;
    padding: 4px;
    text-align: center;
    display: block;
    border-bottom: 1px solid #ccc;
}
header a,
a:link,
a:visited {
    /* font-weight:bold; */
    
    text-decoration: none;
    color: blue
}
header h1 {
    font-size: 30px;
    margin: 10px 0;
}
header h2 {
    font-size: 24px;
    margin: 10px 0;
}
header h3 {
    font-size: 18px;
    margin: 10px 0;
}
header h4 {
    font-size: 14px;
    margin: 10px 0;
}
.standaloneform {
    width: 500px;
    margin: 0 auto;
    padding: 10px;
}
.standaloneform input {
    padding: 4px;
    width: 200px;
}
.standaloneform textarea {
    padding: 4px;
    width: 300px;
    height: 75px;
    margin-top: 8px;
}
.standaloneform select {
    padding: 4px;
    max-width: 400px;
}
.standaloneform label {
    display: inline-block;
    width: 160px;
    text-align: right;
}
body{
	background-color:#f0f0f0;	
}
.container {
    width: 100%;
    background-color: #f0f0f0;
}
.content section {
    padding: 10px;
    max-width: 1400px;
}
section h1 {
    font-size: 30px;
    margin: 0px;
}
section h2 {
    font-size: 24px;
    margin: 0px;
}
section h3 {
    font-size: 18px;
    margin: 0px;
}
section h4 {
    font-size: 14px;
    margin: 0px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}
.wrapper{
		background-color:#F0F0F0;
	
}
footer {
    background-color: #58a4d1;
    padding: 10px;
}
footer p {
    text-align: center;
    margin: 5px;
}
li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding-right: 20px;
    margin-right: 20px margin: 50px -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
	
    /* border-bottom: 1px solid #ccc; */
}
li:last-child {
    border: none;
}
.topmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFFFFF;
}
.topmenu li {
    float: right;
    border-bottom: none;
}
.topmenu li a {
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    height:48px;
    text-decoration: none;
}
.topmenu li a:hover {
    background-color: #4271b7;
}
/* styles specific to survey.  */

.qlabel {
    padding-top: 20px;
    float: left;
    padding-right: 50px;
    width: 100%;
    padding-bottom: 10px;
    font-size: 16px;
    /* width:400px; */
}
.qlabelcheck {
    padding-top: 20px;
    float: left;
    padding-right: 50px;
    width: 400px;
    padding-bottom: 10px;
}
.selectionp {
    float: left;
    position: relative;
    /* top:8px; */
}

.shadowedbox {
    /*   border:1px solid #999;
	  border-radius:8px;
	  box-shadow:0 0 10px #999;  */
}
.indenteddiv {
    /* for non jquery padding/indentation  */
}
.spacedinput {
    /* for non jquery input indentation */
    
    float: left;
    position: relative;
}
.indenteddivheader {
    /* header element styling.  Less pronounced left padding */
    
    padding-top: 20px;
    float: left;
    padding-right: 50px;
    width: 100%;
    padding-bottom: 0px;
}
.surveycontainer {
    max-width: 968px;
    margin: 0 auto;
    background-color: white;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 8px;
    box-shadow: 0 0 10px #45AF39;
}
.surveybody {
    background-color: #4271b7;
    padding: 10px;
}
.surveysubtitle {
    background-color: #45AF39;
    font-size: 14px;
    text-align: center;
    padding: 4px;
    text-shadow: 1px 1px gray;
    box-shadow: 0 0 1px #45AF39;
}
.col-md-6 {
    width: 50%;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
table {
    max-width: 100%;
    background-color: transparent;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}
/* for validation on forms */

.error {
    color: red;
    font-weight: bold;
}
label.error {
    position: relative;
    left: 15px;
}
/* tooltips */
span.question {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #89A4CC;
  line-height: 16px;
  color: White;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;
}
span.question:hover { background-color: #3D6199; }
div.tooltip {
  background-color: #3D6199;
  color: White;
  position: absolute;
  left: 25px;
  top: -25px;
  z-index: 1000000;
  width: 250px;
  border-radius: 5px;
}
div.tooltip:before {
  border-color: transparent #3D6199 transparent transparent;
  border-right: 6px solid #3D6199;
  border-style: solid;
  border-width: 6px 6px 6px 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: -6px;
}
div.tooltip p {
  margin: 10px;
  color: White;
}

/* end tooltips */
.basicul li{
	font-size:13px;
}


.basicul{
	list-style-type: circle;
	padding-left:20px;
	}


:root {
    --primary-color: #06819A;
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('resources/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('resources/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('resources/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}