gimport url(https://fonts.googleapis.com/css?family=Roboto:400,300);

/* FORM OVERALL STYLE */
body {
	background-color: #FFFFFF;
}

a:hover {
    color: #000000;
}

a {
    color: #007B20;
    text-decoration: underline;
}

#maincontent {
	/* max-width: 1200px;
	margin-left: auto;
	margin-right: auto; */
	padding-bottom: 75px;
	background-color: #FFFFFF;
	/* overflow: hidden; */
}

body td,
input:not([type="checkbox"]),
textarea,
select {
font-family: 'Roboto', sans-serif;
font-size: 16px !important;
}

input:not([type="checkbox"]),
textarea,
select {
  margin-top:5px;
}

span.select2-selection__rendered {
  line-height: 1.2em !important;
}

span.select2-selection {
  border-radius: 4px !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
}

select,
span.select2 {
  border: 4px solid #EFEFEF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
  outline: medium none;
  background: none repeat scroll 0 0 #FBFBFB;
}

span.toggletip-bubble {
    width: 18rem;
    border-radius: .33rem;
    left: 1rem;
    top: -2rem;
    font-size: small;
}

option {
  font-weight: normal;
  dislay: block;
  padding-block-start: 0px;
  padding-block-end: 1px;
  min-block-size: 1.2em;
  padding-inline: 2px;
  white-space: nowrap;
  font-style: normal;
  font-size: 100%;
  color: #333333;
}

textarea {
  border: 4px solid #EFEFEF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
  outline: medium none;
  background: none repeat scroll 0 0 #FBFBFB;
  padding: 6px 0 6px 6px;
  color: #666666;
  margin: 0;
  width: 98%;
}

input[type="text"] {
  background-color: #ffffff;
  font-family: 'Verdana', 'Lucida Grande', Tahoma, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 100%;
  color: #333333;
  border: 4px solid #EFEFEF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
  outline: medium none;
  background: none repeat scroll 0 0 #FBFBFB;
  padding: 6px 0 6px 6px;
}

input[type="text"] + span.error {
  position: absolute;
}


input[type="checkbox"] {
  margin: 0;
  width: 0;
  height: 0;
  display: block;
  -webkit-appearance: none
  -moz-appearance: none;
  appearance: none;
}

input[type="checkbox"]:before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  height: 1.15em;
  width: 1.15em;
  margin-right: 0.6em;
  color: rgba(0, 0, 0, 0.275);
  border: solid 0.06em;
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em inset, 0 0 0 0.07em transparent inset;
  border-radius: 0.2em;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>') no-repeat center, white;
  background-size: 0;
  will-change: color, border, background, background-size, box-shadow;
  transform: translate3d(0, 0, 0);
  transition: color 0.1s, border 0.1s, background 0.15s, box-shadow 0.1s;
}

input[type="checkbox"]:enabled:active:before {
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset;
  background-color: #f0f0f0;
}

input[type="checkbox"]:checked:before {
  background-color: #3B99FC;
  background-size: 0.75em;
  color: rgba(0, 0, 0, 0.075);
}

input[type="checkbox"]:checked:enabled:active:before {
  background-color: #0a7ffb;
  color: rgba(0, 0, 0, 0.275);
}

input[type="checkbox"]:hover:before {
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}

input[type="checkbox"]:focus:active:before {
  box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}

input[type="checkbox"]:disabled:before {
  opacity: 0.5;
}

label + div:has(> select) > select {
  margin-top: 0px !important;
}

label + div:has(> select).inputcontainer {
  margin-top: -3px;
}

.checkbox-table td > div:has(> input[type="checkbox"]) + label,
.checkbox-table td > div + div:has(> div > input[type="checkbox"]) + label {
  margin-left: 1.0rem;
}

td > div:has(> input[type="checkbox"]) + label,
td > div + div:has(> div > input[type="checkbox"]) + label {
  margin-left: 1.5rem;
}

.mt2 {
  margin-top: 0px !important;

}


.checkbox-table td:has(> div > input[type="checkbox"]) {
  display: table-cell;
  margin: .15rem;
}

td:has(> div > input[type="checkbox"]) {
  display: inline-grid;
  margin: .3rem;
}

button:not(.tooltipButton),
button:not(.tooltipButton):hover{
  margin-top: .25rem !important;
  padding: 10px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #BBB;
  text-align: center;
  background-color: #DDD;
  cursor: pointer;
  transition: 1s;
}

button:hover {
  background-color: #A6A6A6;
}

#formnavbuttons {
	/* text-align: center; */
	padding-top: 15px;
	border-top: 2px solid #ccc;
}


/* FORM HEADER */

/*

#FormPage tbody tr:first-child  td div div:first-child {
  float:left;
}
*/
#FormPage tbody tr:first-child  td img {
  /*width: 100px;
  height: 100px;
  float:left; */
}
#FormPage tbody tr:first-child  td header {
  float:left;
  text-align: left;
  padding-left: 15px;
}

/*
#FormPage tbody tr:first-child  td div div:nth-child(2) h1 {
  font-size: 24px;
}


#FormPage tbody tr:first-child  td div div:nth-child(2) h2 {
  font-size: 20px;
}
*/


hr {
  border: 1px solid #ccc;
/*   max-width: 800px; */
}

/* FORM BASIC ELEMENTS */

#FormPage tr td {
  padding-bottom: 15px;
}

/* FORM BUTTONS */


#formnavbuttons #NextButton,
#formnavbuttons #RejectButton {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  width: auto !important;
  margin-right: 15px;
}
#formnavbuttons #NextButton {
 background-color: #007B20; /* Green */
}
  #formnavbuttons #NextButton:hover {
    background-color: #01B530; /* Light Green */
    color: black;
  }
#formnavbuttons #RejectButton {
  background-color: #9D2945; /* Red */
}
  #formnavbuttons #RejectButton:hover {
    background-color: #db5837; /* Faded Red */
  }