/* GENERAL FORMATTING OVERRIDES */

#mainform {
  width: 100%;
  display: revert;
  vertical-align: top;
  padding: 0;
}

#outerform {
padding: 20px 40px 40px 40px;
}

#outerform .grid {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

#formshell {
margin-top:35px;
}

.insight {
margin-top:34px;
}


#gcaptcha {
text-align:center;
}


/* native overrides */

input[type="submit"] {
margin:0 auto;
}


select {
padding:6px 9px;
min-height:36px;
margin-bottom:34px;
-webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
background:#fff url('../images/chevrondown.svg') no-repeat;
background-size: 10px auto;
  background-position: center right 8px;
border-radius: 3px;
  border: solid 1px #e0e0e0;
}

input[type="text"] {
 margin-bottom:34px; 
min-height:36px;
border-radius: 3px;
  border: solid 1px #e0e0e0;
}

form p label {
top:8px;
}


button.nextbutton ,
button.backbutton
{

font-family: Raleway,sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #4456a6;
  background: transparent;
  outline: none;
  border: 1px solid #4456a6;
  padding: 10px 20px;
  display: block;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  letter-spacing: 0.5px;
  min-width: 150px;
  transition: 0.2s;
}

button.nextbutton:hover,
button.backbutton:hover
 {
border:solid 1px #4456a6;
background-color:#4456a6;
color:#fff;
}

button.nextbutton:focus ,
button.backbutton:focus 
{
border:solid 1px #5d6bb2;
background-color:#5d6bb2;
color:#fff;
}

button.backbutton {
float:left;
margin:35px 0 0 0;
}

button.nextbutton
{
margin:35px 0 0 auto;
}

h1 {
font-size: 40px;
  line-height: 50px;
  font-weight: 300;
  margin: 0 0 0.5em 0;
}

h2 
{
font-size: 28px;
  margin: 0 0 1em 0;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 700;
}

h3 {
font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 1em 0;
}

/* don't show headlines at first */


#step_topics_header,
#step_name_header
{display:none;}

/* select2 basic overrides */

.editor-field-long {
min-height:36px;
position:relative;
}


.editor-field-long:before {
content: "";
position:absolute;
top:0;
left:0;
background:#fff;
width:100%;
height:100%;
border-radius:5px;
}



.editor-field-long select
{
visibility:hidden!important;
height:0!important;
width:0!important;
border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}


.select2-container {
width:100%!important;
max-width:1018px;
}


/* select2 label formatting override */

.editor-label {
font-family: 'open sans',sans-serif;
  letter-spacing: 0;
  font-size: 14px;
  color: #616161;
  font-weight: 400;
  line-height: 20px;
padding: 9px 0 6px 0;
}


/* select2 container element and placeholder formatting */

.select2-container--default .select2-selection--multiple ,
.select2-container--default.select2-container--focus .select2-selection--multiple 
{
border: 0;
  border-radius: 3px;
padding:0;
min-height:36px;
border:solid 1px #e0e0e0;
}

.select2-container .select2-search--inline .select2-search__field 
{
height: 36px;
font-family: 'open sans',sans-serif;
margin: 0;
  padding: 8px 9px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  color: #616161;
position:relative;
background:#fff url('../images/chevrondown.svg') no-repeat;
background-size: 10px auto;
  background-position: center right 8px;

border-radius:3px;
}


.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 0;
}


#step_icp .select2-container .select2-selection--clearable .select2-search--inline .select2-search__field {
width:250px!important;
background:#fff;
}

#step_topics .select2-container .select2-selection--clearable .select2-search--inline .select2-search__field {
background:#fff url('../images/search.png') no-repeat;
width: 100% !important;
background-position: center right 5px;
  background-size: 18px auto;
}




.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
color:#616161;
opacity:1;
transition: all 0.5s;
}

.select2-container--default.select2-container--focus .select2-selection--multiple .select2-search__field::placeholder {
opacity:0.5;
}


.select2-container--default .select2-results__option--selected {
  background-color: #03bfd7;
  color: #fff;
}





/* select2 dropdown formatting */

.select2-results__options 
{
font-family: 'open sans',sans-serif;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.select2-results__option {
padding:4px 9px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #03bfd7;
  color: #fff;
}


.select2-container--default .select2-selection--multiple .select2-selection__clear {
margin:5px 6px;
color:#aaa;
}

/* select2 dropdown selections formatting */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding: 3px 5px;
  font-size: 14px;
  line-height: 18px;
  margin: 5px;
  letter-spacing: 0;
  font-family: 'open sans',sans-serif;
  color: #616161;
background-color: #fff;
  border: solid 1px #03bfd7;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
font-size: 14px;
  border: 0;
position:relative;
padding: 0 2px 0 0;
}


/* statictip tooltip styles */


.staticbox
{
position:relative;
display:inline-block;
}


.statictip {
position:absolute;
top:-60px;
text-align:left;
}

.statictip img {
cursor:pointer;
mix-blend-mode:darken;
max-width:15px;
}

.tipbox {
position:absolute;
border: 1px solid #03bfd7;
background-color: #FFFFFF;
color: #434342;
display: none;
max-width: 500px;
min-width: 500px;
line-height: 18px;
direction: ltr;
box-shadow: none;
padding: 10px 15px 15px 15px;
margin-left: -10px;
left:20px;
z-index:9999;
top:55px;
font-family: 'open sans',sans-serif;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
}

.tipbox .statichead {
line-height:30px;
}

.statictip .tipbox::before {
content: " ";
  position: absolute;
  left: -1px;
  top: -16px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: none;
  border-bottom: 15px solid #03bfd7;
}



.statictip:hover > .tipbox
{
display:block;
}


.statictip:hover {
padding:0 50px 60px 0;
}



.statictip.higher:hover {
padding:60px 50px 0 0;
top:-80px;
}

.statictip.higher > .tipbox::after {
 content: " ";
  position: absolute;
  left: -1px;
  bottom: -16px;
  border-top: 15px solid #03bfd7;
  border-right: 15px solid transparent;
  border-left: none;
  border-bottom: none;
}

.statictip.higher > .tipbox
{
top:unset;
bottom:35px;
}

.statictip.higher > .tipbox::before {
border:0;
}

.tipbox .bull {
font-size:24px;
float:left;
}

.tipbox .list {
display:block;
padding-left:15px;
white-space:normal;
padding-bottom:7px;
}

.tipbox .list br {
display:block;
margin-bottom:5px;
}



/* purple error styles */


.editor-field-long.erroroutline .select2-container--default .select2-selection--multiple,
#step_name div.erroroutline p input,
div.erroroutline > select
{
border:solid 2px #4555a5;
}

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