@charset "utf-8";
/* 
	layout.less
	
	Project: OSCIA
	
*/
/*------ imports ------*/
/* 
	typography.less
	
	Project: OSCIA
	
*/
/*------ imports ------*/
/* 
	definitions.less
	
	Project: OSCIA
	
*/
/*custom*/
/* 
	mixins.less
	
	Project: OSCIA
	
*/
.f_right {
  float: right;
  display: block;
}
.f_left {
  float: left;
  display: block;
}
.clear {
  display: block;
  clear: both;
}
.c_left {
  clear: left;
}
.c_right {
  clear: right;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.nomargin {
  margin: 0 !important;
}
.nomargin-top {
  margin-top: 0 !important;
}
.nomargin-bottom {
  margin-bottom: 0 !important;
}
.nomargin-left {
  margin-left: 0 !important;
}
.nomargin-right {
  margin-right: 0 !important;
}
.nopadding {
  padding: 0 !important;
}
.nopadding-top {
  padding-top: 0 !important;
}
.nopadding-bottom {
  padding-bottom: 0 !important;
}
.nopadding-left {
  padding-left: 0 !important;
}
.nopadding-right {
  padding-right: 0 !important;
}
.noborder {
  border: 0 !important;
}
.nobg {
  background: none !important;
}
.hidden {
  display: none !important;
}
@media all and (max-width:1440px) {
  .hidden-notebook {
    display: none !important;
  }
}
@media all and (max-width:1024px) {
  .hidden-tablet-l {
    display: none !important;
  }
}
@media all and (max-width:768px) {
  .hidden-tablet-p {
    display: none !important;
  }
}
@media all and (max-width:480px) {
  .hidden-smartphone {
    display: none !important;
  }
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.block {
  display: block;
}
.inlineblock {
  display: inline-block;
}
.v-top {
  vertical-align: top;
}
.v-middle {
  vertical-align: middle;
}
.v-bottom {
  vertical-align: bottom;
}
.vh-middle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.d-table {
  display: table;
  table-layout: fixed;
}
.d-row {
  display: table-row;
}
.d-cell {
  display: table-cell;
}
@media all and (max-width:1024px) {
  .d-table.column,
  .d-row.column,
  .d-cell.column {
    display: block;
    width: 100%;
  }
}
@media all and (max-width:768px) {
  .d-table.column-p,
  .d-row.column-p,
  .d-cell.column-p {
    display: block;
    width: 100%;
  }
}
@media all and (max-width:480px) {
  .d-table.column-s,
  .d-row.column-s,
  .d-cell.column-s {
    display: block;
    width: 100%;
  }
}
.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.container-xsm {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  max-width: 900px;
}
.container-sm {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  max-width: 1100px;
}
.container-med {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  max-width: 1360px;
}
.container-lg {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  max-width: 1980px;
}
.container-xlg {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  max-width: 1770px;
}
.container-padded {
  padding: 0 50px;
}
@media all and (max-width:1024px) {
  .container-padded {
    padding: 0 30px;
  }
}
@media all and (max-width:768px) {
  .container-padded {
    padding: 0 20px;
  }
}
.text-caps {
  text-transform: uppercase;
}
.text-low {
  text-transform: lowercase;
}
.text-italic {
  font-style: italic;
}
.text-strike {
  text-decoration: line-through;
}
.weight-normal {
  font-weight: 300;
}
.weight-medium {
  font-weight: 500;
}
.weight-bold {
  font-weight: 700;
}
.fade-20 {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.fade-25 {
  opacity: 0.25;
  filter: alpha(opacity=25);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
}
.fade-50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
@font-face {
  font-family: 'Futura BT';
  src: url('../fonts/FuturaBT-Light.woff2') format('woff2'), url('../fonts/FuturaBT-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Futura BT';
  src: url('../fonts/FuturaBT-LightItalic.woff2') format('woff2'), url('../fonts/FuturaBT-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Futura BT';
  src: url('../fonts/FuturaBT-Medium.woff2') format('woff2'), url('../fonts/FuturaBT-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Futura BT';
  src: url('../fonts/FuturaBT-MediumItalic.woff2') format('woff2'), url('../fonts/FuturaBT-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Futura BT';
  src: url('../fonts/FuturaBT-Bold.woff2') format('woff2'), url('../fonts/FuturaBT-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Futura BT';
  src: url('../fonts/FuturaBT-BoldItalic.woff2') format('woff2'), url('../fonts/FuturaBT-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
/*------ global elements------*/
html {
  font-size: 100%;
}
body,
td {
  font-size: 1.125rem;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #333333;
  line-height: 1.4;
  letter-spacing: -0.01em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
img,
a.embed-media {
  border: 0;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
}
p {
  padding: 0 0 20px;
  margin: 0;
}
ul,
ol {
  padding: 0 0 20px;
  margin: 0 0 0 40px;
}
hr {
  border: 0;
  border-top: 1px solid #cccccc;
  height: 0px;
  background: #fff;
  padding: 0;
  margin: 20px 0 40px;
}
blockquote {
  width: 100%;
  max-width: 600px;
  padding: 30px 30px 10px;
  border-left: 3px solid #669933;
  margin: 20px 0 40px;
  background: #c9e6ab;
  font-style: italic;
  font-size: 1.3125rem;
}
table {
  border-collapse: collapse;
  margin: 10px 0 30px;
}
table tr {
  background: #eeeeee;
}
table th,
table td {
  border: 1px solid #ffffff;
}
table th {
  padding: 15px 20px;
  background-color: #0066cc;
  font-weight: 500;
  color: #ffffff;
}
table td {
  padding: 15px 20px;
}
table label {
  display: none;
  margin: 0;
}
table strong {
  font-weight: 500;
}
table > thead > tr > th:first-child,
table > tbody > tr > th:first-child,
table > thead > tr > td:first-child,
table > tbody > tr > td:first-child {
  border-left: 0;
}
table > thead > tr > th:last-child,
table > tbody > tr > th:last-child,
table > thead > tr > td:last-child,
table > tbody > tr > td:last-child {
  border-right: 0;
}
@media all and (max-width:768px) {
  html {
    font-size: 90%;
  }
  blockquote {
    max-width: none;
    padding: 20px 20px 0;
  }
  table:not(.static-table) {
    width: 100% !important;
  }
  table:not(.static-table) tr.header-row,
  table:not(.static-table) th {
    display: none;
  }
  table:not(.static-table) tr {
    display: block;
    padding: 15px 20px;
    border: 1px solid #ffffff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
  table:not(.static-table) td {
    display: block;
    width: auto !important;
    padding: 0;
    border: 0;
    text-align: left;
  }
  table:not(.static-table) label {
    display: inline-block;
    font-weight: bold;
  }
  .fc-calendar table,
  .ui-datepicker table {
    display: table;
  }
  .fc-calendar table thead,
  .ui-datepicker table thead {
    display: table-header-group;
  }
  .fc-calendar table tbody,
  .ui-datepicker table tbody {
    display: table-row-group;
  }
  .fc-calendar table tr,
  .ui-datepicker table tr {
    display: table-row;
  }
  .fc-calendar table th,
  .ui-datepicker table th,
  .fc-calendar table td,
  .ui-datepicker table td {
    display: table-cell;
  }
}
/*------ typography ------*/
/* global links */
a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  -ms-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
a:link,
a:visited {
  color: #0066cc;
}
a:hover,
a:active {
  color: #333333;
}
/* headings reset */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-2,
.heading-3,
.heading-4 {
  padding: 0;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1;
}
h2,
.heading-2 {
  font-size: 1.875rem;
  margin: 0 0 15px;
}
h3,
.heading-3 {
  font-size: 1.625rem;
  margin: 0 0 15px;
}
h4,
.heading-4 {
  font-size: 1.5rem;
  margin: 0 0 10px;
}
h5 {
  font-size: 1.3125rem;
  margin: 0 0 5px;
}
h6 {
  font-size: 1.125rem;
  margin: 0;
}
p + h2,
ul + h2,
ol + h2,
table + h2 {
  margin-top: 20px;
}
p + h3,
ul + h3,
ol + h3,
table + h3 {
  margin-top: 15px;
}
p + h4,
ul + h4,
ol + h4,
table + h4 {
  margin-top: 10px;
}
p + h5,
ul + h5,
ol + h5,
table + h5 {
  margin-top: 5px;
}
small {
  display: inline-block;
  font-size: 14px;
  color: #555555;
}
::selection {
  background: #c9e6ab;
  color: #333333;
}
::-moz-selection {
  background: #c9e6ab;
  color: #333333;
}
.plain-content strong {
  font-weight: 500;
}
/* buttons */
.button {
  padding: 18px 25px;
  font-weight: 300;
  /*height:55px;*/
}
.button,
a.button,
input.button,
button.button {
  display: inline-block;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #669933;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ffffff;
  letter-spacing: -0.01em;
  font-size: 1.125rem;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  line-height: 1.2;
}
.button:hover,
a.button:hover,
input.button:hover,
button.button:hover,
.button:active,
a.button:active,
input.button:active,
button.button:active {
  background: #40641c;
}
.button .fas,
a.button .fas,
input.button .fas,
button.button .fas {
  margin-right: 10px;
}
.button .fas.right,
a.button .fas.right,
input.button .fas.right,
button.button .fas.right {
  margin-left: 10px;
  margin-right: 0;
}
.button-sm {
  padding: 13px 20px;
  /*height:45px;*/
}
.button-med {
  padding: 18px 25px;
  /*height:55px;*/
}
.button-lg {
  padding: 23px 30px;
  font-weight: 500;
  /*height:65px;*/
}
.button-xl {
  padding: 30px 30px;
  font-weight: 700;
  /*height:80px;*/
}
@media all and (max-width:768px) {
  .button {
    padding: 14px 25px;
    /*height:44px;*/
  }
  .button-sm {
    padding: 12px 20px;
    /*height:40px;*/
  }
  .button-med {
    padding: 14px 25px;
    /*height:44px;*/
  }
  .button-lg {
    padding: 20px 30px;
    /*height:55px;*/
  }
  .button-xl {
    padding: 27px 30px;
    /*height:70px;*/
  }
}
/*------ generic classes ------*/
/* fade in */
@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
}
/* fade out */
@keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
}
/* fade zoom */
@keyframes fadeZoom {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  40% {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  60% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeZoom {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  40% {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  60% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes fadeZoom {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  40% {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  60% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/* fade up */
@keyframes fadeUp {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeUp {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeUp {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
/* fade down */
@keyframes fadeDown {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeDown {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeDown {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
/* fade right */
@keyframes fadeRight {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeRight {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeRight {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
/* fade left */
@keyframes fadeLeft {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeLeft {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeLeft {
  0% {
    visibility: visible;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
/* slide up */
@keyframes slideUp {
  0% {
    visibility: visible;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideUp {
  0% {
    visibility: visible;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideUp {
  0% {
    visibility: visible;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
/* bounce out */
@keyframes bounceOutTop {
  0% {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    top: 0;
  }
  40% {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    top: 20px;
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    top: -50px;
  }
}
@-moz-keyframes bounceOutTop {
  0% {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    top: 0;
  }
  40% {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    top: 20px;
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    top: -50px;
  }
}
@-webkit-keyframes bounceOutTop {
  0% {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    top: 0;
  }
  40% {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    top: 20px;
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    top: -50px;
  }
}
/* change width to 100% */
@keyframes growWidth100 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes growWidth100 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes growWidth100 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* animate children */
/* autofill start */
@keyframes autoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
@-webkit-keyframes autoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
@-moz-keyframes autoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
/* autofill cancel */
@keyframes autoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
@-webkit-keyframes autoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
@-moz-keyframes autoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
/*------ generic ------*/
.animate-in {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.no-cssanimations .animate-in,
html:not(.cssanimations) .animate-in {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.fadeIn {
  -webkit-animation: fadeIn 0.4s ease 0s 1;
  -ms-animation: fadeIn 0.4s ease 0s 1;
  animation: fadeIn 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fadeOut {
  -webkit-animation: fadeOut 0.4s ease 0s 1;
  -ms-animation: fadeOut 0.4s ease 0s 1;
  animation: fadeOut 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fadeUp {
  -webkit-animation: fadeUp 0.4s ease 0s 1;
  -ms-animation: fadeUp 0.4s ease 0s 1;
  animation: fadeUp 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fadeDown {
  -webkit-animation: fadeDown 0.4s ease 0s 1;
  -ms-animation: fadeDown 0.4s ease 0s 1;
  animation: fadeDown 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fadeRight {
  -webkit-animation: fadeRight 0.4s ease 0s 1;
  -ms-animation: fadeRight 0.4s ease 0s 1;
  animation: fadeRight 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fadeLeft {
  -webkit-animation: fadeLeft 0.4s ease 0s 1;
  -ms-animation: fadeLeft 0.4s ease 0s 1;
  animation: fadeLeft 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.bounceOutTop {
  -webkit-animation: bounceOutTop 0.4s ease 0s 1;
  -ms-animation: bounceOutTop 0.4s ease 0s 1;
  animation: bounceOutTop 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/*------ specific elements ------*/
/* progess bar and status icons */
.progress-bar .fill {
  width: 0;
  -webkit-animation: growWidth100 0.8s ease 0s 1;
  -ms-animation: growWidth100 0.8s ease 0s 1;
  animation: growWidth100 0.8s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#page-header .status-icon .fa-check-circle,
.workbook-table .status-icon .fa-check-circle {
  visibility: hidden;
  -webkit-animation: slideUp 0.4s ease 0.8s 1;
  -ms-animation: slideUp 0.4s ease 0.8s 1;
  animation: slideUp 0.4s ease 0.8s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .progress-bar,
html:not(.cssanimations) .progress-bar {
  width: 100%;
}
.no-cssanimations #page-header .status-icon .fa-check-circle,
html:not(.cssanimations) #page-header .status-icon .fa-check-circle,
.no-cssanimations .workbook-table .status-icon .fa-check-circle,
html:not(.cssanimations) .workbook-table .status-icon .fa-check-circle {
  visibility: visible;
}
/* dropdown nav */
.dropdown-menu.open li {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-animation: fadeIn 0.4s ease 0s 1;
  -ms-animation: fadeIn 0.4s ease 0s 1;
  animation: fadeIn 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .dropdown-menu.open li,
html:not(.cssanimations) .dropdown-menu.open li {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/* input autofill */
.has-placeholder:-webkit-autofill {
  -webkit-animation: autoFillStart 0.5s ease 0s 1;
  -ms-animation: autoFillStart 0.5s ease 0s 1;
  animation: autoFillStart 0.5s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  min-height: 1px;
}
.has-placeholder:not(:-webkit-autofill) {
  -webkit-animation: autoFillCancel 0.5s ease 0s 1;
  -ms-animation: autoFillCancel 0.5s ease 0s 1;
  animation: autoFillCancel 0.5s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* alert */
.alert {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-animation: fadeRight 0.4s ease 0s 1;
  -ms-animation: fadeRight 0.4s ease 0s 1;
  animation: fadeRight 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .alert,
html:not(.cssanimations) .alert {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/*#system-mini-alerts .alert{.opacity(1); .animation(@keyframe:fadeLeft; @time:0.4s);}*/
#system-mini-alerts .alert {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-animation: fadeIn 0.4s ease 0s 1;
  -ms-animation: fadeIn 0.4s ease 0s 1;
  animation: fadeIn 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/*#system-mini-alerts .alert.exit{.animation(@keyframe:bounceOutTop; @time:0.4s);}*/
#system-mini-alerts .alert.exit {
  -webkit-animation: fadeOut 0.4s ease 0s 1;
  -ms-animation: fadeOut 0.4s ease 0s 1;
  animation: fadeOut 0.4s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#system-mini-alerts .alert.remove {
  -webkit-animation: fadeOut 0.3s ease 0s 1;
  -ms-animation: fadeOut 0.3s ease 0s 1;
  animation: fadeOut 0.3s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations #system-mini-alerts .alert,
html:not(.cssanimations) #system-mini-alerts .alert {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/*------ reset ------*/
* {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/*------ classes ------*/
.visually-hidden {
  position: absolute;
  left: -99999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.span-10 {
  width: 10%;
}
.span-15 {
  width: 15%;
}
.span-20 {
  width: 20%;
}
.span-25 {
  width: 25%;
}
.span-30 {
  width: 30%;
}
.span-33 {
  width: 33.33333333%;
}
.span-35 {
  width: 35%;
}
.span-40 {
  width: 40%;
}
.span-45 {
  width: 45%;
}
.span-50 {
  width: 50%;
}
.span-55 {
  width: 55%;
}
.span-60 {
  width: 60%;
}
.span-65 {
  width: 65%;
}
.span-70 {
  width: 70%;
}
.span-75 {
  width: 75%;
}
.span-80 {
  width: 80%;
}
.span-85 {
  width: 85%;
}
.span-90 {
  width: 90%;
}
.span-95 {
  width: 95%;
}
.span-100,
.full {
  width: 100%;
}
@media all and (max-width:1024px) {
  .column {
    width: 100%;
  }
}
@media all and (max-width:768px) {
  .column-p {
    width: 100%;
  }
  .desktop-only {
    display: none !important;
  }
}
@media all and (max-width:480px) {
  .column-s {
    width: 100%;
  }
}
/*------ clearfix ------*/
.clearfix {
  display: inline-block;
}
.clearfix:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .clearfix,
html .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/*------ site header ------*/
#site-header {
  padding: 15px 0;
  background: #ffffff;
  -moz-box-shadow: 0px 0px 25px 10px rgba(11, 11, 11, 0.25);
  -webkit-box-shadow: 0px 0px 25px 10px rgba(11, 11, 11, 0.25);
  box-shadow: 0px 0px 25px 10px rgba(11, 11, 11, 0.25);
}
#header-logo {
  width: 200px;
}
#header-logo img {
  display: block;
  max-width: 100%;
}
@media all and (max-width:1024px) {
  #site-header #header-logo {
    width: calc(100% - 100px);
  }
}
@media all and (max-width:320px) {
  #site-header #header-logo {
    width: calc(100% - 45px);
  }
}
/*------ navigation ------*/
#jump-links {
  position: relative;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
#jump-links li {
  display: block;
}
#jump-links li a {
  position: absolute;
  top: -10em;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  padding: 8px 5px;
  background: #333333;
  -moz-box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
  box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
}
#jump-links li a:focus {
  top: 0;
}
.navigations {
  text-align: right;
  line-height: 1;
}
.navigations ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#account-nav {
  margin-bottom: 10px;
  padding-right: 1px;
  font-size: 1rem;
}
#account-nav ul li {
  display: inline-block;
  float: none;
  margin: 0 7px;
  color: #555555;
}
#account-nav ul li a {
  padding: 5px 10px;
  color: inherit;
}
#account-nav ul li a:hover,
#account-nav ul li a:active {
  color: #669933;
}
#site-nav {
  display: none;
}
.ddsmoothmenu {
  display: block !important;
  width: 100%;
  font-weight: 500;
}
.ddsmoothmenu ul {
  z-index: 100;
}
.ddsmoothmenu ul li {
  position: relative;
  display: inline-block;
  float: none;
  margin: 0 3px;
  text-align: left;
}
.ddsmoothmenu ul li a {
  display: block;
  padding: 13px 15px;
  background: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #669933;
  text-decoration: none;
}
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li a.selected {
  background: #669933;
  color: #fff;
}
.ddsmoothmenu ul li ul {
  position: absolute;
  left: 0;
  display: none;
  padding: 0;
  background: #40641c;
  visibility: hidden;
  font-weight: 300;
}
.ddsmoothmenu ul li ul li {
  display: list-item;
  margin: 0;
}
.ddsmoothmenu ul li ul li a {
  width: 250px;
  padding: 10px 15px;
  margin: 0;
  color: #ffffff;
}
.ddsmoothmenu ul li ul li ul {
  top: 0;
}
.ddsmoothmenu > ul > li > a.active {
  background: #669933;
  color: #ffffff;
}
.ddsmoothmenu .menu-header {
  display: none;
}
* html .ddsmoothmenu ul li a {
  display: inline-block;
}
* html .ddsmoothmenu {
  height: 1%;
}
.mobile-toggle-wrapper {
  display: none;
}
#site-nav-toggle {
  float: right;
  white-space: nowrap;
}
.toggle-nav-btn .text-wrapper,
.toggle-nav-btn:link .text-wrapper,
.toggle-nav-btn .icons-wrapper,
.toggle-nav-btn:link .icons-wrapper {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
}
.toggle-nav-btn .text-wrapper,
.toggle-nav-btn:link .text-wrapper {
  margin-right: 5px;
  color: #669933;
  font-weight: 700;
  text-transform: uppercase;
}
.toggle-nav-btn .icons-wrapper,
.toggle-nav-btn:link .icons-wrapper {
  position: relative;
  width: 30px;
}
.toggle-nav-btn .icons-wrapper span,
.toggle-nav-btn:link .icons-wrapper span {
  position: absolute;
  right: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #669933;
}
.toggle-nav-btn .icons-wrapper span:nth-child(1),
.toggle-nav-btn:link .icons-wrapper span:nth-child(1) {
  top: 11px;
}
.toggle-nav-btn .icons-wrapper span:nth-child(2),
.toggle-nav-btn:link .icons-wrapper span:nth-child(2) {
  top: 18px;
}
.toggle-nav-btn .icons-wrapper span:nth-child(3),
.toggle-nav-btn:link .icons-wrapper span:nth-child(3) {
  top: 25px;
}
.toggle-nav-btn:hover .text-wrapper,
.toggle-nav-btn:link:hover .text-wrapper,
.toggle-nav-btn:active .text-wrapper,
.toggle-nav-btn:link:active .text-wrapper,
.toggle-nav-btn:focus .text-wrapper,
.toggle-nav-btn:link:focus .text-wrapper {
  color: #40641c;
}
#mobile-nav {
  position: fixed;
  top: 0;
  right: -320px;
  bottom: 0;
  display: block;
  width: 320px;
  max-width: 100%;
  background: #669933;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 1000;
  color: #ffffff;
}
#mobile-nav.open {
  right: 0;
  -moz-box-shadow: -10px 0px 25px 0 rgba(17, 17, 17, 0.25);
  -webkit-box-shadow: -10px 0px 25px 0 rgba(17, 17, 17, 0.25);
  box-shadow: -10px 0px 25px 0 rgba(17, 17, 17, 0.25);
}
#mobile-nav .close-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 55px;
  background: #eeeeee;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  color: #666666;
  font-size: 21px;
}
#mobile-nav .close-btn .fas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 21px;
  margin: auto;
  text-align: center;
}
#mobile-nav .close-btn:hover,
#mobile-nav .close-btn:active,
#mobile-nav .close-btn:focus {
  background: #e1e1e1;
}
#mobile-nav nav {
  position: relative;
  height: 100%;
  line-height: 1;
}
#mobile-nav nav ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
#mobile-nav nav ul li {
  position: relative;
  display: block;
  border-bottom: 1px solid transparent;
}
#mobile-nav nav ul li a {
  position: relative;
  display: block;
  padding: 20px;
  cursor: pointer;
  color: #ffffff;
}
#mobile-nav nav ul li a .ui-accordion-header-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 55px;
}
#mobile-nav nav ul li a .ui-accordion-header-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  margin: auto;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transform-origin: 50% 45%;
  -ms-transform-origin: 50% 45%;
  -webkit-transform-origin: 50% 45%;
  transform-origin: 50% 45%;
  text-align: center;
}
#mobile-nav nav ul li a .ui-accordion-header-icon.rotated:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#mobile-nav nav ul .ui-state-active.ui-accordion-header {
  -moz-box-shadow: 0 10px 25px -5px rgba(17, 17, 17, 0.25);
  -webkit-box-shadow: 0 10px 25px -5px rgba(17, 17, 17, 0.25);
  box-shadow: 0 10px 25px -5px rgba(17, 17, 17, 0.25);
  z-index: 2;
}
#mobile-nav nav ul .ui-accordion-content-active li:last-child {
  -moz-box-shadow: 0 -10px 25px -5px rgba(17, 17, 17, 0.25) inset;
  -webkit-box-shadow: 0 -10px 25px -5px rgba(17, 17, 17, 0.25) inset;
  box-shadow: 0 -10px 25px -5px rgba(17, 17, 17, 0.25) inset;
}
#mobile-nav nav .account-links {
  position: relative;
  padding: 20px;
  background: #ffffff;
  color: #555555;
  font-size: 1rem;
}
#mobile-nav nav .account-links .welcome-back {
  display: block;
  margin: 0 0 5px;
  font-weight: 500;
}
#mobile-nav nav .account-links ul li {
  display: inline-block;
}
#mobile-nav nav .account-links ul li:before {
  content: "|";
  display: inline-block;
  margin: 0 7px;
  color: #cccccc;
}
#mobile-nav nav .account-links ul li:first-child:before {
  content: none;
}
#mobile-nav nav .account-links ul li a {
  display: inline-block;
  padding: 5px 0;
  border: 0;
  color: #555555;
}
#mobile-nav nav .account-links ul li a:hover,
#mobile-nav nav .account-links ul li a:active {
  color: #669933;
}
#mobile-nav nav .site-links li {
  border-color: #537e27;
  background: #669933;
}
#mobile-nav nav .site-links li a .ui-accordion-header-icon {
  background: #609130;
}
#mobile-nav nav .site-links li ul li {
  border-color: #537f28;
  background: #40641c;
}
#mobile-nav nav .site-links li ul li a {
  color: #c9e6ab;
}
#mobile-nav nav .site-links li ul li a .ui-accordion-header-icon {
  background: #4f7a25;
}
#mobile-nav nav .site-links li ul li ul li {
  border-color: #446a1c;
  background: #335312;
}
@media all and (max-width:1024px) {
  .mobile-toggle-wrapper {
    display: table-cell;
    width: 100px;
  }
  .navigations {
    display: none;
  }
}
@media all and (max-width:320px) {
  .mobile-toggle-wrapper {
    width: 45px;
    font-size: 0;
  }
}
/*------ page header ------*/
#page-header {
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  line-height: 1;
}
#page-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(17, 17, 17, 0.5);
}
#page-header .container-padded {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  /*adding align-items and justify-content breaks flex on legacy IE*/
  z-index: 1;
}
#page-header .left-col,
#page-header .right-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  min-height: 250px;
}
#page-header .left-col {
  position: relative;
  width: 300px;
  padding: 20px 20px 100px;
}
#page-header .left-col h1 {
  width: 100%;
  margin: 0;
  color: #ffffff;
}
#page-header .left-col h6 {
  width: 100%;
  margin: 0;
  color: #c9e6ab;
  font-size: 1.25rem;
}
#page-header .left-col h1 + h6 {
  margin-top: 10px;
}
#page-header .left-col .progress-bar {
  left: -20px;
  width: calc(100% + 40px);
  margin-top: 23px;
}
#page-header .right-col {
  position: relative;
  width: 100%;
  padding: 50px 0;
}
#page-header .right-col h1,
#page-header .right-col h2 {
  width: 100%;
  margin: 0;
  color: #ffffff;
  font-size: 3rem;
  line-height: 1.1;
}
#page-header .right-col h3 {
  width: 100%;
  margin: 0;
  color: #c9e6ab;
  font-size: 1.625rem;
}
#page-header .right-col .infosheet-link {
  position: relative;
  top: -2px;
  margin-left: 5px;
  color: #b0da84;
  font-size: 0.8em;
}
#page-header .right-col .infosheet-link:hover,
#page-header .right-col .infosheet-link:active {
  color: inherit;
}
#page-header .right-col .progress-bar {
  position: absolute;
  bottom: 15px;
  left: 50px;
  width: calc(100% - 50px);
  height: 5px;
}
#page-header .right-col .progress-bar .bar .fill {
  background: #669933;
}
#page-header .right-col .status-icon {
  position: absolute;
  bottom: 50px;
  right: 0;
  width: 25px;
  line-height: 30px;
  text-align: center;
}
#page-header .right-col .status-icon .fas {
  color: #ffffff;
}
#page-header .right-col.has-icon {
  padding-right: 35px;
}
#page-header .left-col + .right-col {
  width: calc(100% - 300px);
  padding-left: 50px;
}
@media all and (max-width:1024px) {
  #page-header .container-padded {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    min-height: 250px;
  }
  #page-header .left-col,
  #page-header .right-col {
    min-height: 0;
  }
  #page-header .left-col {
    width: 100%;
    padding: 20px 0 0 0;
  }
  #page-header .left-col h1 {
    margin-bottom: 7px;
    font-size: 1.3125rem;
    font-weight: 500;
  }
  #page-header .left-col h6 {
    display: none;
  }
  #page-header .left-col .progress-bar {
    display: none;
  }
  #page-header .right-col {
    padding: 38px 0;
  }
  #page-header .right-col .progress-bar {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 23px;
  }
  #page-header .right-col .status-icon {
    bottom: 73px;
  }
  #page-header .left-col + .right-col {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }
}
@media all and (max-width:768px) {
  #page-header .container-padded {
    min-height: 200px;
  }
  #page-header .right-col {
    padding: 30px 0;
  }
  #page-header .right-col h1,
  #page-header .right-col h2 {
    font-size: 2.25rem;
    line-height: 1;
  }
  #page-header .right-col h3 + h1,
  #page-header .right-col h3 + h2 {
    margin-top: 5px;
  }
  #page-header .right-col .status-icon {
    bottom: 63px;
  }
}
/*------ body ------*/
#sidebar-wrapper {
  position: relative;
  width: 300px;
  float: left;
  padding-bottom: 30px;
  z-index: 1;
}
#main-wrapper {
  padding: 60px 0 40px 0;
}
#main-wrapper.behind-menu {
  position: relative;
  z-index: 0;
}
#sidebar-wrapper:not(.absolute) ~ #main-wrapper {
  width: calc(100% - 300px);
  float: right;
  padding-left: 70px;
}
#sidebar-wrapper:not(.absolute) ~ #main-wrapper .alert,
#sidebar-wrapper:not(.absolute) ~ #main-wrapper .ratings-scale,
#sidebar-wrapper:not(.absolute) ~ #main-wrapper .web-form .workbook-legend {
  margin-left: -20px;
}
#sidebar {
  width: 100%;
  padding-top: 60px;
}
#sidebar.offset {
  padding-top: 0;
  margin-top: -80px;
}
#sidebar .close-btn {
  display: none;
}
#sidebar .select-navigation {
  position: relative;
}
#sidebar .select-navigation .dropdown-menu-toggle {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  height: 80px;
  padding: 1px 20px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  background: url('../images/ui/select-nav-green.png') calc(100% - 20px) 50% no-repeat #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: left;
  font-size: 1.125rem;
  font-weight: 500;
  color: #669933;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  letter-spacing: -0.01em;
}
#sidebar .select-navigation .dropdown-menu-toggle small,
#sidebar .select-navigation .dropdown-menu-toggle span {
  display: block;
  width: calc(100% - 40px);
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#sidebar .select-navigation .dropdown-menu-toggle small {
  color: #666666;
}
#sidebar .select-navigation .dropdown-menu-toggle:focus,
#sidebar .select-navigation .dropdown-menu-toggle.close {
  background-color: #333333;
  background-image: url('../images/ui/select-nav-white.png');
  color: #ffffff;
}
#sidebar .select-navigation .dropdown-menu-toggle:focus small,
#sidebar .select-navigation .dropdown-menu-toggle.close small {
  color: #cccccc;
}
#sidebar .select-navigation .dropdown-menu {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  padding-bottom: 30px;
  z-index: 2;
  font-size: 1rem;
}
#sidebar .select-navigation .dropdown-menu ul {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  background: #333333;
}
#sidebar .select-navigation .dropdown-menu ul li {
  display: block;
  border-top: 1px solid #454545;
}
#sidebar .select-navigation .dropdown-menu ul li a {
  display: block;
  padding: 7px 20px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#sidebar .select-navigation .dropdown-menu ul li a:hover,
#sidebar .select-navigation .dropdown-menu ul li a:active,
#sidebar .select-navigation .dropdown-menu ul li a:focus {
  background: #212121;
}
#sidebar .select-navigation .dropdown-menu ul li:first-child {
  border-top: 0;
}
#sidebar .select-navigation .dropdown-menu.open {
  display: block;
}
#sidebar .sub-navigation .status-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  width: 55px;
  background: #609130;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 1rem;
}
#sidebar .sub-navigation .status-icon .fa-check-circle,
#sidebar .sub-navigation .status-icon .fa-exclamation-circle {
  color: #ffffff;
}
#sidebar .sub-navigation ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #669933;
}
#sidebar .sub-navigation ul li {
  position: relative;
  display: block;
  border-top: 1px solid #537e27;
  z-index: 1;
}
#sidebar .sub-navigation ul li:first-child {
  border-top: 0;
}
#sidebar .sub-navigation ul li a {
  position: relative;
  display: block;
  padding: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #ffffff;
  line-height: 1.2;
}
#sidebar .sub-navigation ul li a:hover,
#sidebar .sub-navigation ul li a:active,
#sidebar .sub-navigation ul li a.active {
  background: #527e27;
}
#sidebar .sub-navigation ul li a:hover .status-icon,
#sidebar .sub-navigation ul li a:active .status-icon,
#sidebar .sub-navigation ul li a.active .status-icon {
  background: #4f7a25;
}
#sidebar .sub-navigation ul li a.has-status {
  padding-right: 75px;
}
#sidebar .sub-navigation ul li a small {
  color: inherit;
}
#sidebar .sub-navigation ul li ul {
  background: #40641c;
}
#sidebar .sub-navigation ul li ul:before,
#sidebar .sub-navigation ul li ul:afterworkbook_ {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
}
#sidebar .sub-navigation ul li ul:before {
  top: 0;
  background: transparent;
  background: -moz-linear-gradient(0deg, transparent 0%, #385819 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, transparent), color-stop(100%, #385819));
  background: -webkit-linear-gradient(0deg, transparent 0%, #385819 100%);
  background: -o-linear-gradient(0deg, transparent 0%, #385819 100%);
  background: -ms-linear-gradient(0deg, transparent 0%, #385819 100%);
  background: linear-gradient(0deg, transparent 0%, #385819 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#385819', GradientType=1);
}
#sidebar .sub-navigation ul li ul:after {
  bottom: 0;
  background: transparent;
  background: -moz-linear-gradient(180deg, transparent 0%, #385819 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, transparent), color-stop(100%, #385819));
  background: -webkit-linear-gradient(180deg, transparent 0%, #385819 100%);
  background: -o-linear-gradient(180deg, transparent 0%, #385819 100%);
  background: -ms-linear-gradient(180deg, transparent 0%, #385819 100%);
  background: linear-gradient(180deg, transparent 0%, #385819 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#385819', GradientType=1);
}
#sidebar .sub-navigation ul li ul li {
  border-color: #537f28;
}
#sidebar .sub-navigation ul li ul li a {
  padding: 15px 20px;
  color: #c9e6ab;
  font-size: 1rem;
}
#sidebar .sub-navigation ul li ul li a .status-icon {
  background: #466c1f;
}
#sidebar .sub-navigation ul li ul li a:hover,
#sidebar .sub-navigation ul li ul li a:active,
#sidebar .sub-navigation ul li ul li a.active {
  background: #335312;
}
#sidebar .sub-navigation ul li ul li a:hover .status-icon,
#sidebar .sub-navigation ul li ul li a:active .status-icon,
#sidebar .sub-navigation ul li ul li a.active .status-icon {
  background-color: #3b5f15;
}
#sidebar .sub-navigation ul + ul {
  border-top: 1px solid #537e27;
}
#sidebar .sub-navigation ul li.accordion .ui-state-active.ui-accordion-header {
  -moz-box-shadow: 0 10px 25px -5px rgba(17, 17, 17, 0.25);
  -webkit-box-shadow: 0 10px 25px -5px rgba(17, 17, 17, 0.25);
  box-shadow: 0 10px 25px -5px rgba(17, 17, 17, 0.25);
  z-index: 2;
}
#sidebar .sub-navigation ul li.accordion .ui-accordion-content-active li:last-child {
  -moz-box-shadow: 0 -10px 25px -5px rgba(17, 17, 17, 0.25) inset;
  -webkit-box-shadow: 0 -10px 25px -5px rgba(17, 17, 17, 0.25) inset;
  box-shadow: 0 -10px 25px -5px rgba(17, 17, 17, 0.25) inset;
}
#sidebar .sub-navigation ul li.accordion a .ui-accordion-header-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 55px;
  background: #609130;
}
#sidebar .sub-navigation ul li.accordion a .ui-accordion-header-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  margin: auto;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transform-origin: 50% 45%;
  -ms-transform-origin: 50% 45%;
  -webkit-transform-origin: 50% 45%;
  transform-origin: 50% 45%;
  text-align: center;
}
#sidebar .sub-navigation ul li.accordion a .ui-accordion-header-icon.rotated:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#sidebar .sub-navigation ul li.accordion a.active {
  background: none;
}
#sidebar .sub-navigation ul li.accordion a.ui-state-active {
  background: #527e27;
}
#sidebar .sub-navigation ul li.accordion a.ui-state-active .ui-accordion-header-icon {
  background: #4f7a25;
}
#sidebar .sub-navigation ul li.accordion ul li a .ui-accordion-header-icon {
  background: #4f7a25;
}
#sidebar #chapter-questions-button-wrapper .status-icon {
  font-weight: 500;
}
#sidebar .extra-links {
  padding: 30px 20px 0;
}
#sidebar #utility-nav {
  padding: 30px 20px 0;
}
#sidebar .utility-btn {
  display: table;
  margin-bottom: 5px;
  font-size: 1rem;
}
#sidebar .utility-btn .fas {
  width: 30px;
}
#sidebar .workbook-legend {
  padding-top: 40px;
}
#sidebar .workbook-legend h6 {
  margin-bottom: 20px;
}
#sidebar .workbook-legend strong {
  font-weight: 500;
}
#sidebar-toggle {
  display: none;
  padding: 10px 20px;
  background: #333333;
}
#sidebar-toggle .icons-wrapper span {
  background: #ffffff;
}
#sidebar-toggle .text-wrapper {
  margin: 0 0 0 5px;
  color: #ffffff;
}
#sidebar-wrapper.absolute #sidebar {
  position: absolute;
}
@media all and (max-width:1024px) {
  #sidebar-wrapper {
    display: none;
    width: 100%;
    float: none;
    padding: 60px 0 0 0;
  }
  #sidebar-wrapper.workbook-sidebar-wrapper {
    display: block;
    left: -30px;
    width: calc(100% + 60px);
    padding-top: 0;
  }
  #sidebar-wrapper ~ #main-wrapper,
  #sidebar-wrapper:not(.disabled) ~ #main-wrapper {
    width: 100%;
    float: none;
    padding-left: 0;
  }
  #sidebar-wrapper ~ #main-wrapper .alert,
  #sidebar-wrapper:not(.disabled) ~ #main-wrapper .alert,
  #sidebar-wrapper ~ #main-wrapper .ratings-scale,
  #sidebar-wrapper:not(.disabled) ~ #main-wrapper .ratings-scale,
  #sidebar-wrapper ~ #main-wrapper .web-form .workbook-legend,
  #sidebar-wrapper:not(.disabled) ~ #main-wrapper .web-form .workbook-legend {
    margin-left: 0;
  }
  #sidebar {
    position: fixed;
    top: 0;
    left: -320px;
    bottom: 0;
    width: 320px;
    max-width: 100%;
    padding-top: 0;
    margin-top: 0;
    background: #669933;
    z-index: 1001;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  #sidebar .close-btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 20px;
    background: #eeeeee;
    color: #555555;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 1rem;
  }
  #sidebar .close-btn .fas {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55px;
    background: #e1e1e1;
    text-align: center;
  }
  #sidebar .close-btn:hover,
  #sidebar .close-btn:active,
  #sidebar .close-btn:focus {
    background: #e1e1e1;
    color: #666666;
  }
  #sidebar .navs {
    height: 100%;
  }
  #sidebar .select-navigation .dropdown-menu-toggle {
    border: 1px solid #eeeeee;
  }
  #sidebar .select-navigation .dropdown-menu {
    position: static;
    padding-bottom: 0;
  }
  #sidebar .extra-links,
  #sidebar #utility-nav {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
  }
  #sidebar.offset {
    margin-top: 0;
  }
  #sidebar.open {
    left: 0;
    -moz-box-shadow: 10px 0px 25px 0 rgba(17, 17, 17, 0.25);
    -webkit-box-shadow: 10px 0px 25px 0 rgba(17, 17, 17, 0.25);
    box-shadow: 10px 0px 25px 0 rgba(17, 17, 17, 0.25);
  }
  #sidebar-wrapper.absolute #sidebar {
    position: fixed;
  }
  .workbook-sidebar-wrapper #sidebar {
    background: #ffffff;
  }
  #sidebar-toggle {
    display: block;
  }
}
@media all and (max-width:768px) {
  #sidebar-wrapper.workbook-sidebar-wrapper {
    left: -20px;
    width: calc(100% + 40px);
  }
}
/*------ alerts ------*/
.alert,
.web-form .workbook-legend {
  position: relative;
  margin: 0 0 30px 0;
  padding: 28px 20px 8px 80px;
  font-size: 1.125rem;
  font-weight: 700;
}
.alert .fas,
.web-form .workbook-legend .fas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  color: #ffffff;
}
.alert .fas:before,
.web-form .workbook-legend .fas:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 17px;
  margin: auto;
  text-align: center;
}
.alert.no-icon,
.web-form .workbook-legend.no-icon {
  padding-left: 20px;
}
.alert.notify,
.web-form .workbook-legend.notify {
  background: #f6f3d0;
  border: 1px solid #ddd044;
  color: #669933;
}
.alert.notify .fas,
.web-form .workbook-legend.notify .fas {
  background: #ddd044;
}
.alert.success,
.web-form .workbook-legend.success {
  background: #c9e6ab;
  border: 1px solid #669933;
  color: #40641c;
}
.alert.success .fas,
.web-form .workbook-legend.success .fas {
  background: #669933;
}
.alert.error,
.web-form .workbook-legend.error {
  background: #ff9696;
  border: 1px solid #d72f2f;
  color: #333333;
}
.alert.error .fas,
.web-form .workbook-legend.error .fas {
  background: #d72f2f;
}
.web-form .workbook-legend {
  display: none;
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #333333;
  font-weight: 300;
}
.web-form .workbook-legend .fas {
  background: #666666;
}
.web-form .workbook-legend h6 {
  margin-bottom: 15px;
}
.web-form .workbook-legend strong {
  font-weight: 500;
}
#system-mini-alerts {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
}
#system-mini-alerts .alert {
  margin: 0 0 10px 0;
  padding: 10px 10px 0 30px;
  border: 0;
  background: rgba(17, 17, 17, 0.6);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
}
#system-mini-alerts .alert .fas {
  width: 30px;
  background: transparent;
}
#system-mini-alerts .alert .fas:before {
  height: 12px;
}
#system-mini-alerts .alert p {
  padding: 0 0 10px 0;
}
#system-mini-alerts .alert.no-icon {
  padding-left: 10px;
}
@media all and (max-width:1024px) {
  .alert,
  .web-form .workbook-legend {
    display: block;
    margin: 0 0 23px 0;
    padding: 21px 20px 1px 75px;
  }
  .alert .fas,
  .web-form .workbook-legend .fas {
    width: 55px;
  }
}
@media all and (max-width:768px) {
  .alert,
  .web-form .workbook-legend {
    margin: 0 0 20px 0;
    padding: 16px 20px 0px 70px;
  }
  .alert .fas,
  .web-form .workbook-legend .fas {
    width: 50px;
  }
}
/*------ status ------*/
.status-icon {
  color: #ffffff;
}
.status-icon .fa-times {
  color: #669933;
}
.status-icon .fa-lock {
  color: #333333;
}
.status-icon .fa-ellipsis-h,
.status-icon .fa-check-circle {
  color: #669933;
}
.status-icon .fa-exclamation-circle {
  color: #d72f2f;
}
.chapter-status,
.chapter-efp-status {
  font-size: 1.125rem;
}
.chapter-status .status-icon,
.chapter-efp-status .status-icon {
  display: inline-block;
  width: 100%;
}
.chapter-status .fa-times,
.chapter-efp-status .fa-times {
  opacity: 0.25;
  filter: alpha(opacity=25);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
}
.alert-badge {
  padding: 1px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #d72f2f;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
}
/*------ forms ------*/
fieldset {
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
fieldset + fieldset {
  margin-top: 50px;
}
legend {
  display: block;
  margin: 0 0 20px 0;
  font-size: 1.875rem;
  color: #333333;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1;
}
label {
  display: block;
  font-size: 1.125rem;
  font-weight: 300;
}
label small {
  font-style: italic;
}
.placeholder-label {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0 20px;
  webkit-pointer-events: none;
  -moz-webkit-pointer-events: none;
  -ms-webkit-pointer-events: none;
  -o-webkit-pointer-events: none;
  pointer-events: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #666666;
}
.required-indicator {
  display: inline-block;
  padding-left: 3px;
  vertical-align: text-bottom;
  color: #d72f2f;
  font-weight: 500;
}
th .required-indicator {
  color: #ffffff;
}
label .required-indicator {
  font-style: normal;
}
label .fa-external-link-alt {
  font-size: 0.7em;
}
.field-wrapper,
.field-wrapper-sm,
.field-wrapper-lg {
  display: block;
}
.field-wrapper.error label,
.field-wrapper-sm.error label,
.field-wrapper-lg.error label {
  font-style: italic;
  color: #d72f2f;
}
.field-wrapper.error .checkbox + label,
.field-wrapper-sm.error .checkbox + label,
.field-wrapper-lg.error .checkbox + label,
.field-wrapper.error .radio + label,
.field-wrapper-sm.error .radio + label,
.field-wrapper-lg.error .radio + label {
  font-style: normal;
  color: #333333;
}
.field-wrapper.error .radio-button + label,
.field-wrapper-sm.error .radio-button + label,
.field-wrapper-lg.error .radio-button + label {
  font-style: normal;
  color: #333333;
}
.field-wrapper.error .radio-button:checked + label,
.field-wrapper-sm.error .radio-button:checked + label,
.field-wrapper-lg.error .radio-button:checked + label {
  color: #ffffff;
}
.field-wrapper.error .radio-button:disabled + label,
.field-wrapper-sm.error .radio-button:disabled + label,
.field-wrapper-lg.error .radio-button:disabled + label {
  color: #cccccc;
}
.field-wrapper {
  margin-bottom: 25px;
}
.field-wrapper-sm {
  margin-bottom: 10px;
}
.field-wrapper-lg {
  margin-bottom: 50px;
}
.field-rating + .field-rating {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #cccccc;
}
.buttons-wrapper {
  margin-bottom: 25px;
}
.input-wrapper {
  position: relative;
}
.input-wrapper.required:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: #669933;
  z-index: 1;
}
.input-wrapper.error:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: #d72f2f;
  z-index: 1;
}
.field-rating .input-wrapper.error:before {
  content: none;
}
.input,
.select,
.textarea {
  position: relative;
  display: block;
  width: 100%;
  padding: 1px 20px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  background: #eeeeee;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.125rem;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  color: #0066cc;
}
.input::-webkit-input-placeholder,
.select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.input:-moz-placeholder,
.select:-moz-placeholder,
.textarea:-moz-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.input::-moz-placeholder,
.select::-moz-placeholder,
.textarea::-moz-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.input:-ms-input-placeholder,
.select:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.input:focus,
.select:focus,
.textarea:focus {
  background-color: #0066cc;
  border-color: transparent;
  z-index: 2;
  color: #ffffff;
}
.input:focus::-webkit-input-placeholder,
.select:focus::-webkit-input-placeholder,
.textarea:focus::-webkit-input-placeholder {
  color: #eeeeee;
}
.input:focus:-moz-placeholder,
.select:focus:-moz-placeholder,
.textarea:focus:-moz-placeholder {
  color: #eeeeee;
}
.input:focus::-moz-placeholder,
.select:focus::-moz-placeholder,
.textarea:focus::-moz-placeholder {
  color: #eeeeee;
}
.input:focus:-ms-input-placeholder,
.select:focus:-ms-input-placeholder,
.textarea:focus:-ms-input-placeholder {
  color: #eeeeee;
}
.input:-moz-read-only,
.select:-moz-read-only,
.textarea:-moz-read-only {
  cursor: default;
}
.input:read-only,
.select:read-only,
.textarea:read-only {
  cursor: default;
}
.input:disabled,
.select:disabled,
.textarea:disabled {
  cursor: not-allowed;
  background-color: #cccccc;
  color: #555555;
}
.input ~ .fa-calendar-alt {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  webkit-pointer-events: none;
  -moz-webkit-pointer-events: none;
  -ms-webkit-pointer-events: none;
  -o-webkit-pointer-events: none;
  pointer-events: none;
  color: #0066cc;
  line-height: 50px;
}
.input ~ .fa-calendar-alt:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.input ~ .fa-calendar-alt .fas {
  display: inline-block;
}
.input:disabled ~ .fa-calendar-alt {
  color: #555555;
}
.input:focus + .placeholder-label {
  color: #eeeeee;
}
.input:focus + .placeholder-label,
.input.has-value + .placeholder-label {
  top: -40%;
  z-index: 3;
  font-size: 12px;
  letter-spacing: -0.01em;
}
.input.field-lg:focus + .placeholder-label,
.input.field-lg.has-value + .placeholder-label {
  top: -50%;
}
.input:focus:-webkit-autofill + .placeholder-label {
  color: #666666;
}
.input,
.select {
  height: 50px;
}
.input[type="number"] {
  -moz-appearance: textfield;
}
.input::-webkit-outer-spin-button,
.input::-webkit-inner-spin-button {
  display: none;
}
.select {
  padding-right: 40px;
  background-image: url('../images/ui/select-blue.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
}
.select:focus,
.select:disabled {
  background-image: url('../images/ui/select-white.png');
}
.textarea {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 150px;
}
.has-placeholder {
  padding-top: 10px;
}
.field-sm {
  height: 40px;
}
.field-lg {
  height: 70px;
  font-size: 1.125rem;
}
.field-lg + .placeholder-label {
  font-size: 1.125rem;
}
.field-lg.has-placeholder {
  padding-top: 20px;
}
.checkbox-list,
.checkbox-inline,
.radio-list,
.radio-inline {
  width: 100%;
  clear: both;
}
.checkbox,
.radio {
  position: absolute;
  left: -99999px;
  /*display:none;*/
}
.checkbox + label,
.radio + label {
  display: inline-block;
  display: block;
  cursor: pointer;
}
.checkbox + label:after,
.radio + label:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.checkbox + label .box,
.radio + label .box,
.checkbox + label .text,
.radio + label .text {
  display: block;
  float: left;
}
.checkbox + label .box,
.radio + label .box {
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  background: #eeeeee;
  cursor: pointer;
  line-height: 29px;
  text-align: center;
}
.checkbox + label .text,
.radio + label .text {
  width: calc(100% - 30px);
  padding: 5px 0 0 10px;
  font-size: 1.125rem;
}
.checkbox.field-sm + label .box,
.radio.field-sm + label .box {
  width: 25px;
  height: 25px;
  line-height: 24px;
}
.checkbox.field-sm + label .text,
.radio.field-sm + label .text {
  width: calc(100% - 25px);
  padding-top: 1px;
}
.checkbox:focus + label .box,
.radio:focus + label .box {
  outline: -webkit-focus-ring-color auto 5px;
}
.checkbox:checked + label .box:before,
.radio:checked + label .box:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #0066cc;
}
.checkbox:checked + label .text,
.radio:checked + label .text {
  color: #0066cc;
  font-weight: 500;
}
.checkbox:disabled + label,
.radio:disabled + label {
  cursor: not-allowed;
}
.checkbox:disabled + label .box,
.radio:disabled + label .box {
  background-color: #cccccc;
  cursor: not-allowed;
}
.checkbox:disabled + label .box:before,
.radio:disabled + label .box:before {
  color: #555555;
}
.checkbox:disabled + label .text,
.radio:disabled + label .text {
  color: #333333;
}
.checkbox:checked + label .box:before {
  content: "\f00c";
}
.radio + label .box {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.radio:checked + label .box:before {
  content: "\f111";
}
.checkbox-list,
.radio-list {
  display: inline-block;
  display: block;
}
.checkbox-list:after,
.radio-list:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.checkbox-list .checkbox + label,
.radio-list .checkbox + label,
.checkbox-list .radio + label,
.radio-list .radio + label {
  display: block;
  float: left;
  clear: both;
  margin-bottom: 10px;
}
.checkbox-list .input-wrapper,
.radio-list .input-wrapper {
  float: left;
  clear: both;
  margin-top: -5px;
  margin-bottom: 10px;
}
.checkbox-list .input-wrapper.column,
.radio-list .input-wrapper.column,
.checkbox-list .input-wrapper.column-p,
.radio-list .input-wrapper.column-p {
  padding-right: 5px;
}
.checkbox-inline .checkbox + label,
.radio-inline .checkbox + label,
.checkbox-inline .radio + label,
.radio-inline .radio + label {
  display: inline-block;
  padding-right: 15px;
}
.radio-buttons {
  display: table;
  width: 100%;
}
.radio-button {
  position: absolute;
  left: -99999px;
  /*display:none;*/
}
.radio-button + label {
  position: relative;
  display: table-cell;
  padding: 25px 20px;
  margin: 0;
  border: 1px solid #cccccc;
  background: #ffffff;
  cursor: pointer;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
}
.radio-button + label:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: #669933;
  -webkit-transition: height 0.3s ease 0s;
  -moz-transition: height 0.3s ease 0s;
  -ms-transition: height 0.3s ease 0s;
  -o-transition: height 0.3s ease 0s;
  transition: height 0.3s ease 0s;
}
.radio-button + label .text {
  position: relative;
}
.radio-button + label ~ label {
  border-left: 0;
}
.radio-button:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}
.radio-button:disabled + label {
  cursor: not-allowed;
  color: #cccccc;
}
.radio-button:checked + label:before {
  height: 100%;
}
.radio-button:checked + label {
  color: #ffffff;
}
.radio-button.rating-0 + label:before {
  background-color: #555555;
}
.radio-button.rating-1 + label:before {
  background-color: #990000;
}
.radio-button.rating-2 + label:before {
  background-color: #cc7f7f;
}
.radio-button.rating-3 + label:before {
  background-color: #669933;
}
.radio-button.rating-4 + label:before {
  background-color: #40641c;
}
.radio-button:disabled + label:before {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
}
.icon-checkbox {
  position: absolute;
  left: -99999px;
  /*display:none;*/
}
.icon-checkbox + label {
  display: block;
  min-width: 25px;
  cursor: pointer;
  line-height: 50px;
  font-style: normal;
}
.icon-checkbox + label:before {
  content: "\f0c8";
  font-family: 'Font Awesome 5 Free';
}
.icon-checkbox:focus + label:before {
  outline: -webkit-focus-ring-color auto 5px;
}
.icon-checkbox:checked + label:before {
  content: "\f14a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.icon-checkbox:disabled + label {
  cursor: not-allowed;
}
.icon-checkbox:disabled + label:before {
  opacity: 0.25;
  filter: alpha(opacity=25);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
}
.icon-button,
a.icon-button {
  display: inline-block;
  width: 50px;
  border: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
  line-height: 50px;
  color: #333333;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
}
a.icon-button,
input.icon-button,
button.icon-button {
  cursor: pointer;
}
.inputfile {
  position: absolute;
  left: -99999px;
  /*display:none;*/
}
.inputfile + label {
  position: relative;
  display: block;
  width: 100%;
  padding: 1px 20px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  background: #eeeeee;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.125rem;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  color: #0066cc;
  height: 50px;
  cursor: pointer;
  overflow: hidden;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inputfile + label::-webkit-input-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.inputfile + label:-moz-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.inputfile + label::-moz-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.inputfile + label:-ms-input-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.inputfile + label:focus {
  background-color: #0066cc;
  border-color: transparent;
  z-index: 2;
  color: #ffffff;
}
.inputfile + label:focus::-webkit-input-placeholder {
  color: #eeeeee;
}
.inputfile + label:focus:-moz-placeholder {
  color: #eeeeee;
}
.inputfile + label:focus::-moz-placeholder {
  color: #eeeeee;
}
.inputfile + label:focus:-ms-input-placeholder {
  color: #eeeeee;
}
.inputfile + label:-moz-read-only {
  cursor: default;
}
.inputfile + label:read-only {
  cursor: default;
}
.inputfile + label:disabled {
  cursor: not-allowed;
  background-color: #cccccc;
  color: #555555;
}
.inputfile + label ~ .fa-calendar-alt {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  webkit-pointer-events: none;
  -moz-webkit-pointer-events: none;
  -ms-webkit-pointer-events: none;
  -o-webkit-pointer-events: none;
  pointer-events: none;
  color: #0066cc;
  line-height: 50px;
}
.inputfile + label ~ .fa-calendar-alt:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.inputfile + label ~ .fa-calendar-alt .fas {
  display: inline-block;
}
.inputfile + label:disabled ~ .fa-calendar-alt {
  color: #555555;
}
.inputfile + label:focus + .placeholder-label {
  color: #eeeeee;
}
.inputfile + label:focus + .placeholder-label,
.inputfile + label.has-value + .placeholder-label {
  top: -40%;
  z-index: 3;
  font-size: 12px;
  letter-spacing: -0.01em;
}
.inputfile + label.field-lg:focus + .placeholder-label,
.inputfile + label.field-lg.has-value + .placeholder-label {
  top: -50%;
}
.inputfile + label:focus:-webkit-autofill + .placeholder-label {
  color: #666666;
}
.inputfile + label .fas {
  margin-right: 10px;
}
.inputfile:focus + label {
  background-color: #0066cc;
  border-color: transparent;
  z-index: 2;
  color: #ffffff;
}
.inputfile:disabled + label {
  cursor: not-allowed;
  background-color: #cccccc;
  color: #555555;
}
input:disabled,
button:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed;
}
.web-form label {
  margin-bottom: 5px;
}
.web-form .heading-2 small,
.web-form .heading-3 small {
  display: block;
  margin-top: 15px;
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 1.4;
}
.web-form .heading-2 {
  margin-bottom: 30px;
}
.web-form .heading-3 {
  margin-bottom: 20px;
}
.web-form .field-wrapper.column.f_left,
.web-form .field-wrapper.column-p.f_left {
  padding-right: 5px;
  clear: left;
}
.web-form .field-wrapper.column.f_right,
.web-form .field-wrapper.column-p.f_right {
  padding-left: 5px;
  clear: right;
}
.web-form .buttons-wrapper.d-table .button {
  margin-bottom: 1px;
}
.web-form .buttons-wrapper.d-table .d-cell.right .button {
  float: right;
  margin-right: 1px;
}
.web-form .buttons-wrapper.d-table .d-cell.right .button:first-child {
  margin-right: 0;
}
.web-form .buttons-wrapper.d-table .d-cell.left .button {
  float: left;
  margin-left: 1px;
}
.web-form .buttons-wrapper.d-table .d-cell.left .button:first-child {
  margin-left: 0;
}
.web-form + .web-form {
  margin-top: 75px;
}
.keyword-search-form {
  position: relative;
}
.keyword-search-form .input {
  width: 100%;
  padding-right: 50px;
}
.keyword-search-form .input:focus + .icon-button {
  color: #ffffff;
}
.keyword-search-form .icon-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 2;
  line-height: 1;
}
.keyword-search-form .icon-button:hover,
.keyword-search-form .icon-button:active {
  color: #669933;
}
@media all and (max-width:1024px) {
  fieldset + fieldset {
    margin-top: 38px;
  }
  .field-wrapper-lg {
    margin-bottom: 38px;
  }
  .field-rating + .field-rating {
    margin-top: 38px;
    padding-top: 38px;
  }
  .web-form .field-wrapper.column.f_left {
    padding-right: 0;
  }
  .web-form .field-wrapper.column.f_right {
    padding-left: 0;
  }
  .input,
  .select {
    height: 40px;
  }
  .input:focus + .placeholder-label,
  .input.has-value + .placeholder-label {
    top: -30%;
  }
  .field-lg {
    height: 55px;
  }
  .has-placeholder {
    padding-top: 13px;
  }
  .field-lg.has-placeholder {
    padding-top: 17px;
  }
  .checkbox + label .box,
  .radio + label .box {
    width: 25px;
    height: 25px;
    line-height: 24px;
  }
  .checkbox + label .text,
  .radio + label .text {
    padding: 2px 0 0 10px;
  }
  .checkbox-list .input-wrapper.column {
    padding-right: 0;
  }
  .radio-button + label {
    padding: 21px 15px;
  }
}
@media all and (max-width:768px) {
  fieldset + fieldset {
    margin-top: 30px;
  }
  .field-wrapper-lg {
    margin-bottom: 30px;
  }
  .field-rating + .field-rating {
    margin-top: 30px;
    padding-top: 30px;
  }
  .web-form .field-wrapper.column-p.f_left {
    padding-right: 0;
  }
  .web-form .field-wrapper.column-p.f_right {
    padding-left: 0;
  }
  .checkbox-list .input-wrapper.column-p {
    padding-right: 0;
  }
  .radio-button + label {
    padding: 17px 15px;
  }
  .radio-button + label:before {
    height: 4px;
  }
}
/*------ panels ------*/
.sub-panel header {
  margin-bottom: 30px;
}
.sub-panel + .sub-panel {
  margin-top: 75px;
}
.sub-panel + .sub-panel.hr-top {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #cccccc;
}
/*------ recaptcha ------*/
.recaptcha-wrapper {
  display: block;
}
.recaptcha-wrapper .g-recaptcha {
  -webkit-transform: scale(0.92);
  -moz-transform: scale(0.92);
  -o-transform: scale(0.92);
  transform: scale(0.92);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.recaptcha-wrapper .g-recaptcha div {
  margin: 0 auto;
}
/*------ progress bar ------*/
.progress-bar {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.2);
}
.progress-bar .bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.progress-bar .bar .fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
}
.progress-bar .bar .fill:before {
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  right: 0;
  width: 1px;
  background: #ffffff;
}
/*------ ratings ------*/
.rating-1 {
  background-color: #990000;
}
.rating-2 {
  background-color: #cc7f7f;
}
.rating-3 {
  background-color: #669933;
}
.rating-4 {
  background-color: #40641c;
}
.ratings-scale {
  margin-bottom: 50px;
}
.ratings-scale header {
  margin: 0;
  padding: 22px 20px;
  border: 1px solid #cccccc;
  border-bottom: 0;
}
.ratings-scale .d-table {
  border-collapse: collapse;
}
.ratings-scale .d-table .d-cell {
  padding: 8px;
  border: 1px solid #ffffff;
  border-top: 0;
  color: #ffffff;
  font-style: italic;
  font-weight: 500;
}
.ratings-scale .d-table .d-cell:first-child {
  border-left: 0;
}
.ratings-scale .d-table .d-cell:last-child {
  border-right: 0;
}
.ratings-tbl {
  font-size: 1rem;
}
.ratings-tbl .d-table {
  border-collapse: collapse;
  margin-bottom: 25px;
}
.ratings-tbl .d-cell {
  position: relative;
  padding: 25px 20px 0;
  border: 1px solid #cccccc;
  vertical-align: top;
}
.ratings-tbl .d-cell strong,
.ratings-tbl .d-cell b {
  font-weight: 500;
}
.ratings-tbl .rating-number {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  width: 28px;
  margin: 0 auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-style: italic;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  text-indent: 1px;
  color: #ffffff;
  font-size: 1rem;
}
.ratings-tbl .no-rating {
  font-style: italic;
}
.heading-2 + .ratings-tbl {
  margin-top: 45px;
}
.field-rating .check-all-rating0 {
  position: relative;
  float: right;
  z-index: 1;
  text-align: center;
  font-size: 1rem;
}
.check-all-rating0.button {
  margin: 0 0 40px 0;
  background-color: #555555;
}
.check-all-rating0.button:hover,
.check-all-rating0.button:active {
  background-color: #666666;
}
.field-rating .calculated-rating {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding-left: 80%;
  text-align: center;
  font-size: 1rem;
}
.field-rating .calculated-rating i {
  margin-left: 2px;
  font-size: 0.8em;
}
@media all and (max-width:1024px) {
  .ratings-scale {
    margin-bottom: 38px;
  }
  .heading-2 + .ratings-tbl {
    margin-top: 34px;
  }
}
@media all and (max-width:768px) {
  .ratings-scale {
    margin-bottom: 30px;
  }
  .ratings-tbl .d-table {
    display: block;
    width: 100%;
  }
  .ratings-tbl .d-cell {
    display: block;
    width: 100%;
    padding: 20px 20px 0 55px;
  }
  .ratings-tbl .d-cell + .d-cell {
    border-top: 0;
  }
  .ratings-tbl .rating-number {
    top: 20px;
    left: 20px;
    right: auto;
    width: 21px;
    line-height: 21px;
    font-size: 12px;
  }
  .heading-2 + .ratings-tbl {
    margin-top: 18px;
  }
}
/*------ swc/gwc formula ------*/
#wc-formula-table {
  text-align: center;
  color: #333333;
}
#wc-formula-table tr {
  background: none;
}
#wc-formula-table td {
  padding: 5px;
  font-size: inherit;
  font-weight: 700;
  font-size: 1rem;
}
#wc-formula-table tr:first-child td {
  font-weight: 300;
  font-size: 14px;
}
#wc-formula-table i {
  font-size: 0.6em;
}
#wc-formula-table #wc-result2 {
  color: #669933;
}
/*------ tables ------*/
.data-table th small {
  color: inherit;
}
.data-table a.icon-button:hover,
.data-table input.icon-button:hover,
.data-table button.icon-button:hover,
.data-table a.icon-button:active,
.data-table input.icon-button:active,
.data-table button.icon-button:active {
  color: #669933;
}
.data-table a.icon-button:disabled,
.data-table input.icon-button:disabled,
.data-table button.icon-button:disabled {
  color: #cccccc;
}
.data-table .icon-checkbox + label {
  height: 100%;
}
.form-table tr:nth-child(odd) {
  background: #f6f6f6;
}
.form-table label {
  font-size: 1.125rem;
  font-weight: 300;
}
.form-table label.visually-hidden {
  display: block;
}
.form-table .input-wrapper {
  margin-bottom: 0;
}
.form-table .input,
.form-table .select {
  background-color: #ffffff;
}
.form-table .input:focus,
.form-table .select:focus {
  background-color: #0066cc;
}
.form-table .input:disabled,
.form-table .select:disabled {
  background-color: #cccccc;
  color: #555555;
}
.form-table .checkbox + label,
.form-table .radio + label {
  display: inline-block;
  width: 100%;
}
.form-table .checkbox + label .box,
.form-table .radio + label .box {
  background-color: #ffffff;
}
.form-table .checkbox:disabled + label .box,
.form-table .radio:disabled + label .box {
  background-color: #cccccc;
}
.footable .footable-header .footable-toggle {
  display: none;
}
.footable .footable-detail-row {
  background: #fafafa;
}
.footable .footable-detail-row > td {
  position: relative;
  padding-left: 40px;
}
.footable .footable-detail-row > td:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  background: #eeeeee;
}
.footable .footable-details {
  margin: 0;
}
.footable .footable-details th {
  background: inherit;
  color: #333333;
}
.footable .footable-details th,
.footable .footable-details td {
  border: 0;
  padding: 0;
  vertical-align: top;
  text-align: left;
}
.footable .footable-details tr,
.footable .footable-details th,
.footable .footable-details td {
  background: none;
}
.footable .footable-details td {
  padding-bottom: 10px;
}
.footable .footable-toggle {
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.footable .footable-toggle.fooicon {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #0066cc;
}
.footable .footable-toggle.fooicon:focus,
.footable .footable-toggle.fooicon:hover,
.footable .footable-toggle.fooicon:active {
  color: #669933;
}
.footable .footable-toggle.fooicon-plus:before {
  content: "\f13a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.footable .footable-toggle.fooicon-minus {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.footable .footable-toggle.fooicon-minus:before {
  content: "\f13a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.footable .radio + label {
  margin-bottom: 7px;
}
.footable .radio + label .box:before {
  background: #ffffff;
}
.footable-loader .fooicon-loader:before {
  font-weight: 900;
}
@media all and (max-width:768px) {
  .footable .footable-details .icon-button {
    margin-top: 10px;
    background-color: #eeeeee;
  }
  .footable .footable-details > tbody > tr > th:nth-child(1) {
    padding-right: 10px;
  }
  .data-table.not(.static-table) .icon-button {
    margin-top: 10px;
  }
  .data-table.not(.static-table) a.icon-button,
  .data-table.not(.static-table) input.icon-button,
  .data-table.not(.static-table) button.icon-button {
    background-color: #ffffff;
  }
  .form-table tbody > tr {
    margin-bottom: 10px;
  }
  .form-table tr label {
    font-weight: 300;
  }
  .form-table .input-wrapper {
    margin-bottom: 10px;
  }
  .form-table td.center.nopadding {
    display: inline-block;
    display: block;
  }
  .form-table td.center.nopadding:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .form-table a.icon-button,
  .form-table input.icon-button,
  .form-table button.icon-button {
    float: right;
    background: #666666;
    color: #ffffff;
  }
  .form-table a.icon-button:hover,
  .form-table input.icon-button:hover,
  .form-table button.icon-button:hover,
  .form-table a.icon-button:active,
  .form-table input.icon-button:active,
  .form-table button.icon-button:active {
    background: #669933;
    color: #ffffff;
  }
  .form-table a.icon-button:disabled,
  .form-table input.icon-button:disabled,
  .form-table button.icon-button:disabled {
    background: #cccccc;
    color: #ffffff;
  }
}
/*------ jquery ui helpers ------*/
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-widget-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.loading-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #111111;
  opacity: 0.25;
  filter: alpha(opacity=25);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  z-index: 9999;
}
.loading-overlay .fas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  color: #ffffff;
}
.loading-overlay .fas.fa-3x {
  width: 60px;
  height: 60px;
}
/*------ dialog box ------*/
.ui-dialog {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  max-width: calc(100% - 20px);
  padding: 0;
  overflow: hidden;
  outline: none !important;
  background: #ffffff;
  border: 0;
  -moz-box-shadow: 0px 0px 10px -5px #000000;
  -webkit-box-shadow: 0px 0px 10px -5px #000000;
  box-shadow: 0px 0px 10px -5px #000000;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 15px 40px 15px 20px;
  position: relative;
  background: #333333;
  color: #ffffff;
  font-weight: 800;
}
.ui-dialog.dialog-success .ui-dialog-titlebar {
  background: #669933 !important;
}
.ui-dialog.dialog-error .ui-dialog-titlebar {
  background: #d72f2f !important;
}
.ui-dialog.no-title-bar .ui-dialog-titlebar {
  display: none;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0;
}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:focus {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 0 0 0 1px;
  background: none;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border: 0;
  font-weight: bold;
  cursor: pointer;
  outline: none !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  background: none;
  outline: none;
  font-size: 1rem;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  background: none;
  color: #ffffff;
  outline: none;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0;
  padding: 0 10px 10px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
  margin: 0 10px 5px 0;
  cursor: pointer;
  background: #eeeeee;
  color: #333333;
  outline: none !important;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-transform: none;
  padding: 10px;
  font-weight: 700;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.ui-dialog .ui-dialog-buttonpane .ui-button.bg-theme1 {
  background: #669933;
  color: #ffffff;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:hover {
  background: #333333;
  color: #ffffff;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 20px;
  background: none;
  overflow: auto;
  zoom: 1;
  /*font-size:(20rem/@rem-root); line-height:1.4; letter-spacing:-(25/@letter-spacing)*(1em);*/
  color: #333333;
}
.ui-dialog .ui-dialog-content iframe {
  max-width: 100%;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-dialog .button.span-50 {
  width: calc(50% - 5px);
  margin: 0;
}
/*------ tabs ------*/
.content-tabs ul,
.content-tabs div {
  display: none;
}
.content-tabs.ui-tabs {
  display: block;
  padding-top: 5px;
}
.content-tabs.ui-tabs .ui-tabs-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0 0 0 1px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.content-tabs.ui-tabs .ui-tabs-nav li {
  display: inline-block;
  position: relative;
}
.content-tabs.ui-tabs .ui-tabs-nav li a {
  position: relative;
  display: block;
  margin: 0 0 -1px -1px;
  padding: 15px 20px;
  border: 1px solid #ffffff;
  border-bottom-color: #cccccc;
  outline: none;
  background: #eeeeee;
  z-index: 1;
  color: #333333;
  font-weight: 500;
  font-size: 1.125rem;
  text-decoration: none;
}
.content-tabs.ui-tabs .ui-tabs-nav li a:hover {
  color: #ffffff;
  background: #0066cc;
}
.content-tabs.ui-tabs .ui-tabs-nav li.ui-state-active a,
.content-tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:hover {
  background: #0066cc;
  z-index: 2;
  color: #ffffff;
}
.content-tabs.ui-tabs .ui-tabs-panel {
  display: block;
  clear: both;
  padding: 30px 20px 10px;
}
.content-tabs.ui-tabs .ui-tabs-panel ul,
.content-tabs.ui-tabs .ui-tabs-panel div {
  display: block;
}
.content-tabs.ui-tabs .ui-tabs-select {
  display: none;
}
.content-tabs.ui-tabs.responsive-tabs .ui-tabs-nav {
  display: none;
}
.content-tabs.ui-tabs.responsive-tabs .ui-tabs-select {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 15px 20px;
  border: 0;
  background-color: #0066cc;
  background-image: url('../images/ui/select-white.png');
  color: #ffffff;
  font-weight: 500;
}
@media all and (max-width:768px) {
  .content-tabs.ui-tabs .ui-tabs-nav li {
    display: block;
  }
  .content-tabs.ui-tabs .ui-tabs-panel {
    padding: 20px 10px 0px;
  }
}
/*------ tooltip ------*/
.tooltip {
  display: inline-block;
  margin-left: 2px;
  cursor: pointer;
  line-height: 1;
  color: #4d7326;
  font-size: 1rem;
}
.ui-tooltip {
  display: none;
  position: absolute;
  width: 300px;
  padding: 20px;
  background: rgba(51, 51, 51, 0.9);
  z-index: 10001;
  -moz-box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
  box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
  font-size: 1rem;
  color: #ffffff;
}
.ui-tooltip .title {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}
.ui-tooltip.tooltip-sm {
  width: auto;
  padding: 8px 10px;
  font-size: 14px;
}
.ui-tooltip.tooltip-glossary {
  padding-bottom: 0;
}
.heading-2 .tooltip,
.heading-3 .tooltip {
  vertical-align: top;
}
th .tooltip {
  color: #ffffff;
}
/*------ datepicker ------*/
.ui-datepicker {
  display: none;
  padding: 1px 0;
  -moz-box-shadow: 0px 0px 25px 0px rgba(11, 11, 11, 0.25);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(11, 11, 11, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(11, 11, 11, 0.25);
}
.ui-datepicker .ui-datepicker-header {
  background: #ffffff;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  display: none;
}
.ui-datepicker select {
  position: relative;
  display: block;
  width: 100%;
  padding: 1px 20px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  background: #eeeeee;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.125rem;
  font-family: 'Futura BT', Arial, Helvetica, sans-serif;
  color: #0066cc;
  height: 50px;
  padding-right: 40px;
  background-image: url('../images/ui/select-blue.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  display: inline-block;
  width: 50%;
  border: 0;
  margin-bottom: 1px;
  background-color: #004589;
  background-image: url('../images/ui/select-white.png');
  color: #ffffff;
  font-weight: 700;
}
.ui-datepicker select::-webkit-input-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ui-datepicker select:-moz-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ui-datepicker select::-moz-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ui-datepicker select:-ms-input-placeholder {
  color: #666666;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ui-datepicker select:focus {
  background-color: #0066cc;
  border-color: transparent;
  z-index: 2;
  color: #ffffff;
}
.ui-datepicker select:focus::-webkit-input-placeholder {
  color: #eeeeee;
}
.ui-datepicker select:focus:-moz-placeholder {
  color: #eeeeee;
}
.ui-datepicker select:focus::-moz-placeholder {
  color: #eeeeee;
}
.ui-datepicker select:focus:-ms-input-placeholder {
  color: #eeeeee;
}
.ui-datepicker select:-moz-read-only {
  cursor: default;
}
.ui-datepicker select:read-only {
  cursor: default;
}
.ui-datepicker select:disabled {
  cursor: not-allowed;
  background-color: #cccccc;
  color: #555555;
}
.ui-datepicker select:focus,
.ui-datepicker select:disabled {
  background-image: url('../images/ui/select-white.png');
}
.ui-datepicker select + select {
  width: calc(50% - 1px);
  margin-left: 1px;
}
.ui-datepicker select:focus {
  background-color: #004589;
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 0 auto;
  background: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
}
.ui-datepicker .ui-datepicker-calendar th span,
.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar th a,
.ui-datepicker .ui-datepicker-calendar td a {
  display: block;
  padding: 5px 10px;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
  color: #333333;
}
.ui-datepicker .ui-datepicker-calendar th {
  background: #0066cc;
  font-weight: 500;
}
.ui-datepicker .ui-datepicker-calendar th span {
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar td {
  border: 1px solid #ffffff;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
  background: #c9e6ab;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
  background: #333333;
  color: #ffffff;
}
/*------ language selector ------*/
.language-selector {
  display: table;
  width: 90px;
  margin-left: 30px;
  border-collapse: collapse;
  table-layout: fixed;
}
.language-selector a {
  display: table-cell;
  width: 50%;
  background: #ffffff;
  vertical-align: middle;
  border: 1px solid #cccccc;
  color: #555555;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}
.language-selector a:hover,
.language-selector a:active {
  z-index: 1;
  color: #333333;
}
.language-selector a.active {
  background: #333333;
  border: 1px solid #333333;
  color: #ffffff;
}
/*------ sticky footer ------*/
#sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 0;
  background: rgba(51, 51, 51, 0.85);
  -webkit-transition: background 0.3s ease 0s;
  -moz-transition: background 0.3s ease 0s;
  -ms-transition: background 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
  z-index: 2;
  font-weight: 500;
}
#sticky-footer:hover,
#sticky-footer[style^="position: absolute;"] {
  background: #333333;
}
#sticky-footer .buttons-wrapper {
  margin: 0;
}
#sticky-footer .button {
  font-weight: 500;
  letter-spacing: -0.025em;
}
#sticky-footer .button .fas {
  color: #40641c;
}
#sticky-footer .button:hover .fas,
#sticky-footer .button:active .fas {
  color: #ffffff;
}
#sticky-footer .button:disabled {
  background-color: #40641c;
  color: #999999;
}
#sticky-footer .button:disabled .fas {
  color: #273c11;
}
#sticky-footer .bg-black {
  background: #222;
}
#sticky-footer .bg-black:hover,
#sticky-footer .bg-black:active {
  background: #669933;
}
#sticky-footer .bg-black:disabled {
  background: #222;
  color: #999999;
}
#sticky-footer .bg-black:disabled .fas {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#sticky-footer .add .fas {
  color: #669933;
}
#sticky-footer .add:disabled .fas {
  color: #669933;
}
#sticky-footer .delete .fas {
  color: #c62626;
}
#sticky-footer .delete:disabled .fas {
  color: #c62626;
}
#sticky-footer .exit-btn {
  font-size: 0;
}
#sticky-footer .exit-btn .fas {
  font-size: 1.125rem;
  margin: 0;
  color: #999999;
}
#sticky-footer .previous-btn {
  margin-right: 10px;
}
#sticky-footer #back-to-top-btn {
  position: absolute;
  top: -60px;
  right: 20px;
  display: block;
  width: 40px;
  height: 40px;
  background: #0066cc;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
}
#sticky-footer #back-to-top-btn:hover,
#sticky-footer #back-to-top-btn:active {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
@media screen and (max-height: 768px) {
  #sticky-footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media all and (max-width:1366px) {
  #sticky-footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media all and (max-width:1024px) {
  #sticky-footer {
    background: #333333;
  }
  #sticky-footer #back-to-top-btn {
    display: none;
  }
}
@media all and (max-width:768px) {
  #sticky-footer {
    padding: 20px 0 19px;
  }
  #sticky-footer .d-cell.column-p .button {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 1px 0;
    text-align: center;
  }
  #sticky-footer .d-cell.column-p + .d-cell.column-p {
    margin-top: 10px;
  }
  #sticky-footer .d-cell.column-p .previous-btn {
    margin-bottom: 10px;
  }
  #sticky-footer .exit-btn {
    font-size: 1.125rem;
  }
  #sticky-footer .exit-btn .fas {
    margin-right: 10px;
  }
}
/*------ site footer ------*/
#site-footer {
  padding: 30px 0 25px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-left: 0;
  border-right: 0;
}
#site-footer #footer-logo {
  width: 112px;
  float: left;
  margin-right: 30px;
}
#site-footer .footer-content {
  width: calc(100% - 112px - 30px - 100px - 30px);
  float: left;
  font-size: 14px;
  color: #666666;
}
#site-footer .footer-content strong {
  font-weight: 500;
}
#site-footer .footer-content .item {
  font-size: inherit;
}
#site-footer .footer-contact .item:before {
  content: "/";
  display: inline-block;
  padding: 0 10px;
  color: #cccccc;
}
#site-footer .footer-contact .item:first-child:before {
  content: none;
}
#site-footer .footer-contact a:hover,
#site-footer .footer-contact a:active {
  color: #333333;
}
#site-footer .language-selector {
  float: right;
}
@media all and (max-width:1024px) {
  #site-footer .footer-content {
    width: calc(100% - 112px - 30px);
  }
  #site-footer .language-selector {
    clear: both;
    margin: 20px 0 0 auto;
  }
}
@media all and (max-width:768px) {
  #site-footer {
    text-align: center;
  }
  #site-footer #footer-logo,
  #site-footer .footer-content,
  #site-footer .language-selector {
    float: none;
    margin: 0 auto;
  }
  #site-footer #footer-logo {
    margin-bottom: 10px;
  }
  #site-footer .footer-content {
    width: 100%;
    margin-bottom: 20px;
  }
  #site-footer .footer-content strong {
    display: block;
    margin-bottom: 5px;
  }
  #site-footer .footer-contact .item {
    display: block;
    margin-bottom: 3px;
  }
  #site-footer .footer-contact .item:before {
    content: none;
  }
}
/*------ login page ------*/
#login-page {
  position: relative;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
#login-page > .d-cell {
  position: relative;
  z-index: 1;
}
#login-page .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.credentials-form {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  padding: 30px 50px;
  background: #ffffff;
  -moz-box-shadow: 0px 0px 25px 10px rgba(11, 11, 11, 0.25);
  -webkit-box-shadow: 0px 0px 25px 10px rgba(11, 11, 11, 0.25);
  box-shadow: 0px 0px 25px 10px rgba(11, 11, 11, 0.25);
}
.credentials-form header {
  margin-bottom: 30px;
}
.credentials-form footer {
  display: none;
}
.credentials-form .column-p.f_left {
  padding-top: 15px;
  padding-right: 25px;
}
.credentials-form .column-p.f_right {
  padding-left: 25px;
}
.credentials-form .buttons-wrapper {
  margin-bottom: 10px;
}
.credentials-form .button-xl {
  width: 100%;
  text-transform: uppercase;
}
.credentials-form .links {
  padding: 0 0 15px 0;
  text-align: center;
  font-size: 1rem;
}
.credentials-form .links a:before {
  content: "/";
  display: inline-block;
  padding: 0 10px;
  color: #0066cc;
}
.credentials-form .links a:first-child:before {
  content: none;
  display: none;
}
.credentials-form .language-selector {
  float: right;
}
.credentials-form-sm {
  width: 600px;
}
@media all and (max-width:768px) {
  #login-page {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .credentials-form {
    width: 600px;
    max-width: 100%;
  }
  .credentials-form .column-p.f_left {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
  }
  .credentials-form .column-p.f_right {
    padding-left: 0;
  }
}
@media all and (max-width:600px) {
  .credentials-form {
    padding-left: 25px;
    padding-right: 25px;
  }
  .credentials-form #header-logo {
    width: 100%;
  }
  .credentials-form #header-logo img {
    margin: 0 auto;
  }
  .credentials-form header .language-selector {
    display: none;
  }
  .credentials-form footer {
    display: block;
    padding: 15px 0;
  }
}
/*------ login modal ------*/
#modal-login-form {
  padding: 10px;
  font-size: 1rem;
}
#modal-login-form header {
  margin-bottom: 20px;
}
#modal-login-form .button {
  width: 100%;
  text-transform: uppercase;
}
#modal-login-form .links {
  padding: 0 0 15px 0;
  text-align: center;
  font-size: 1rem;
}
@media all and (max-width:600px) {
  #modal-login-form {
    padding: 0;
  }
}
/*------ forgot password ------*/
#forgot-password-modal .button {
  font-weight: 700;
  text-transform: uppercase;
}
/*------ register ------*/
#register-form .buttons-wrapper {
  margin-top: 40px;
}
#register-form .button-xl {
  min-width: 200px;
  max-width: 100%;
  text-transform: uppercase;
}
@media all and (max-width:1024px) {
  #register-form .buttons-wrapper {
    margin-top: 30px;
  }
}
@media all and (max-width:768px) {
  #register-form .buttons-wrapper {
    margin-top: 24px;
  }
}
/*------ terms ------*/
#terms-form {
  margin-top: 25px;
}
#terms-form .checkbox + label {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
/*------ glossary ------*/
#glossary-nav {
  display: block;
  margin: 0 0 30px 0;
  font-size: 1.3125rem;
}
#glossary-nav ul {
  list-style: none;
  display: block;
  margin: 0 0 0 -7px;
  padding: 0;
}
#glossary-nav ul li {
  display: inline-block;
}
#glossary-nav ul li a,
#glossary-nav ul li span {
  display: block;
  padding: 7px;
}
.glossary-group header {
  margin-bottom: 20px;
}
.glossary-group header .glossary-title {
  width: calc(100% - 160px);
  color: #0066cc;
}
.glossary-group header .top-btn {
  width: 160px;
  text-align: right;
}
.glossary-group .definition strong {
  font-weight: 500;
}
.glossary-group .definition .term {
  float: left;
  padding-right: 10px;
  font-weight: 700;
}
.glossary-group a[href="#glossary-nav"] .fas {
  padding-right: 5px;
}
.glossary-group + .glossary-group {
  margin-top: 50px;
}
.glossary-term {
  text-decoration: none;
}
.glossary-term:before {
  content: "G";
  display: inline-block;
  padding: 0 2px;
  margin-right: 4px;
  background: #0066cc;
  color: #ffffff;
  font-size: 9px;
  font-weight: 500;
}
.glossary-term a {
  display: inline;
  border-bottom: 2px dotted #0066cc;
  color: inherit;
}
.glossary-term:hover:before,
.glossary-term:active:before {
  background: #669933;
}
.glossary-term:hover a,
.glossary-term:active a {
  border-color: #669933;
}
@media all and (max-width:1024px) {
  .glossary-group + .glossary-group {
    margin-top: 38px;
  }
}
@media all and (max-width:768px) {
  .glossary-group + .glossary-group {
    margin-top: 30px;
  }
}
/*------ workbook ------*/
#new-worbook-options .version-warning {
  font-style: italic;
  color: #d72f2f;
  font-size: 1rem;
}
.ubooks-table .alert-badge {
  position: relative;
  top: -2px;
  margin-left: 5px;
}
.workbook-table tr:nth-child(odd) {
  background: #f6f6f6;
}
.workbook-table td {
  position: relative;
}
.workbook-table .chapter-applicable-checkbox + label {
  font-size: 0;
}
.workbook-table .chapter-applicable-checkbox + label:before {
  font-size: 1rem;
}
.workbook-table .chapter-name + .alert-badge {
  position: relative;
  top: -2px;
  margin-left: 5px;
}
.workbook-table .progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: rgba(102, 153, 51, 0.2);
}
.workbook-table .progress-bar .fill {
  background: #669933;
}
.workbook-table .progress-bar .fill:before {
  content: none;
}
.showhide-workbook-btn {
  color: #555555;
}
.showhide-workbook-btn .fas:before {
  content: "\f070";
}
.showhide-workbook-btn.active {
  color: #333333;
}
.showhide-workbook-btn.active:hover,
.showhide-workbook-btn.active:active {
  color: #333333 !important;
}
.showhide-workbook-btn.active .fas:before {
  content: "\f06e";
}
#ubook-number {
  position: relative;
  top: -5px;
  display: inline-block;
  color: #eeeeee;
  font-size: 0.65em;
}
#ubook-number small {
  color: #cccccc;
  font-size: 0.65em;
}
.rename-ubook-btn,
a.rename-ubook-btn {
  width: auto;
  height: auto;
  vertical-align: middle;
  line-height: 1;
  color: #c9e6ab;
}
.rename-ubook-btn:hover,
a.rename-ubook-btn:hover,
.rename-ubook-btn:active,
a.rename-ubook-btn:active {
  color: #ffffff;
}
.inventory-calculations td label {
  font-weight: 500;
}
@media all and (max-width:768px) {
  .inventory-calculations td + td {
    margin-top: 10px;
  }
  .inventory-calculations td label {
    margin: 0;
  }
}
#water-use-form .table-wrapper,
#nutrient-unit-form .table-wrapper {
  width: 100%;
  margin: 10px 0 30px;
}
#water-use-form .table-wrapper table,
#nutrient-unit-form .table-wrapper table {
  margin: 0;
}
.water-use-table tbody th,
.nutrient-unit-table tbody th,
.water-use-table tfoot th,
.nutrient-unit-table tfoot th {
  background: none;
  color: #333333;
}
.water-use-table .checkbox + label .text,
.nutrient-unit-table .checkbox + label .text {
  width: calc(100% - 40px);
}
.water-use-table .input,
.nutrient-unit-table .input {
  display: inline-block;
  width: 90px;
}
.water-use-table .input + label,
.nutrient-unit-table .input + label {
  display: inline-block;
}
.water-use-table .first-row th,
.nutrient-unit-table .first-row th,
.water-use-table .first-row td,
.nutrient-unit-table .first-row td {
  border-top: 2px solid #cccccc;
}
.water-use-table tbody .first-row:first-child th,
.nutrient-unit-table tbody .first-row:first-child th,
.water-use-table tbody .first-row:first-child td,
.nutrient-unit-table tbody .first-row:first-child td {
  border-top: 1px solid #ffffff;
}
.water-use-table .sibling-row .fixture-name,
.nutrient-unit-table .sibling-row .fixture-name,
.water-use-table .sibling-row .typical-usage,
.nutrient-unit-table .sibling-row .typical-usage {
  font-size: 0;
}
.water-use-table tfoot th,
.nutrient-unit-table tfoot th,
.water-use-table tfoot td,
.nutrient-unit-table tfoot td {
  border-top-width: 2px;
  background: #333333;
  color: #ffffff;
}
.water-use-table th,
.water-use-table td {
  vertical-align: top;
}
.water-use-table .efficiency-measure + label .text {
  padding-top: 0;
}
.nutrient-unit-table th,
.nutrient-unit-table td {
  vertical-align: middle;
}
.nutrient-unit-table thead .subheader-row th {
  padding: 5px 20px;
}
.nutrient-unit-table .input {
  width: 100px;
}
@media all and (max-width:1280px) {
  .table-wrapper {
    overflow: auto;
  }
}
.user-workbooks-table .select {
  background-color: #ffffff;
}
.user-workbooks-table .select:focus {
  background-color: #0066cc;
}
.user-workbooks-table .select:disabled {
  background-color: #cccccc;
  color: #555555;
}
.user-workbooks-table .alert-badge {
  position: relative;
  top: -2px;
  margin-left: 5px;
}
/*------ action plan ------*/
.risk-fieldset .action-flag {
  display: block;
  margin-bottom: 5px;
  font-size: 1rem;
  color: #d72f2f;
}
.actionplan-form .fieldset-header {
  display: inline-block;
  display: block;
  width: 100%;
}
.actionplan-form .fieldset-header:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.actionplan-form .fieldset-header.reviewed .heading-2 {
  width: calc(100% - 250px);
  float: left;
}
.actionplan-form .fieldset-header .review-fields {
  width: 270px;
  margin-top: 20px;
  float: right;
}
.actionplan-form .heading-3 small {
  font-size: 1.125rem;
  font-style: normal;
}
.actionplan-form .textarea {
  max-width: 100%;
}
.actionplan-form .radio-buttons {
  width: auto;
}
.actionplan-form .radio-button + label {
  font-weight: 300;
}
.actionplan-form .copy-answers-select {
  display: table;
  width: auto;
  max-width: 180px;
  height: 45px;
  padding: 1px 30px 1px 15px;
  margin: 40px auto;
  border: 0;
  background-color: #669933;
  background-image: url('../images/ui/select-white.png');
  background-position: calc(100% - 15px);
  font-size: 1rem;
  color: #ffffff;
  font-weight: 300;
}
.actionplan-form .copy-answers-select:focus {
  background-color: #0066cc;
}
.actionplan-form .review-fields {
  margin-bottom: 40px;
}
.actionplan-form .review-fields.approved .fas,
.actionplan-form .review-fields.approved a {
  background: #669933;
}
.actionplan-form .review-fields.denied .fas,
.actionplan-form .review-fields.denied a {
  background: #d72f2f;
}
.actionplan-form .review-fields .d-cell {
  vertical-align: top;
}
.actionplan-form .review-fields .d-cell:first-child {
  width: 50px;
}
.actionplan-form .review-fields .fas {
  width: 50px;
  line-height: 50px;
  color: #ffffff;
  text-align: center;
}
.actionplan-form .review-fields a {
  display: block;
  padding: 0 20px;
  margin-left: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 50px;
  color: #ffffff;
  font-weight: 500;
}
.actionplan-form .review-fields a:hover,
.actionplan-form .review-fields a:active {
  background: #333333;
}
@media all and (max-width:768px) {
  .actionplan-form .fieldset-header {
    display: inline-block;
    display: block;
    width: 100%;
  }
  .actionplan-form .fieldset-header:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .actionplan-form .fieldset-header.reviewed .heading-2 {
    width: 100%;
    float: none;
  }
  .actionplan-form .fieldset-header .review-fields {
    width: 100%;
    float: none;
  }
}
.review-actionplan-form .heading-2 {
  margin-bottom: 20px;
}
.review-actionplan-form .review-fields {
  padding: 15px 20px;
  background: #0066cc;
}
.review-actionplan-form .review-fields .radio-buttons-wrapper {
  width: 100px;
}
.review-actionplan-form .review-fields .radio-button + label {
  width: 50px;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 50px;
}
.review-actionplan-form .review-fields .textarea-wrapper {
  padding-left: 10px;
}
.review-actionplan-form .review-fields .textarea {
  display: block;
  max-width: 100%;
  min-height: 52px;
  height: 52px;
  border: 0;
  background-color: #ffffff;
}
.review-actionplan-form .review-fields .textarea:focus {
  background-color: #0066cc;
}
.review-actionplan-form .review-fields .textarea:focus::-webkit-input-placeholder {
  color: #eeeeee;
}
.review-actionplan-form .review-fields .textarea:focus:-moz-placeholder {
  color: #eeeeee;
}
.review-actionplan-form .review-fields .textarea:focus::-moz-placeholder {
  color: #eeeeee;
}
.review-actionplan-form .review-fields .textarea:focus:-ms-input-placeholder {
  color: #eeeeee;
}
.review-actionplan-form .review-fields .textarea:disabled {
  background-color: #cccccc;
  color: #555555;
}
.review-actionplan-form .review-fields.error {
  background-color: #d72f2f;
}
.review-actionplan-form .form-fields-table th,
.review-actionplan-form .form-fields-table td {
  padding: 10px 20px;
  vertical-align: top;
}
.review-actionplan-form .form-fields-table th {
  background-color: transparent;
  color: #333333;
}
#approve-deny-efp-comments {
  min-height: 300px;
}
/*------ chat/questions ------*/
#chapter-questions-modal {
  padding: 0;
}
#questions-wrapper {
  position: relative;
}
#questions-wrapper .thread {
  max-height: 320px;
  padding: 20px;
  display: inline-block;
  display: block;
  overflow: auto;
}
#questions-wrapper .thread:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#questions-wrapper .thread-item {
  float: left;
  clear: both;
  width: 60%;
  max-width: 300px;
  margin-bottom: 1px;
}
#questions-wrapper .thread-item blockquote {
  margin: 0;
  padding: 10px;
  border: 0;
  background: #eeeeee;
  font-size: 1rem;
}
#questions-wrapper .thread-item blockquote p {
  padding: 0;
}
#questions-wrapper .thread-item time {
  margin-top: 10px;
  font-size: 0.75rem;
}
#questions-wrapper .thread-item .author {
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
  font-weight: 500;
  font-size: 1.125rem;
}
#questions-wrapper .thread-item.user-message {
  float: right;
}
#questions-wrapper .thread-item.user-message blockquote {
  background: #c9e6ab;
}
#questions-wrapper .thread-item.user-message .author,
#questions-wrapper .thread-item.user-message time {
  display: block;
  text-align: right;
}
#questions-wrapper .thread-item.user-message .author {
  padding: 0 10px 0 0;
}
#questions-wrapper .thread-item.add-padding {
  margin-top: 20px;
}
#questions-form {
  width: 100%;
  padding: 20px;
  background: #0066cc;
  display: inline-block;
  display: block;
}
#questions-form:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#questions-form .textarea {
  float: left;
  width: calc(100% - 101px);
  min-height: 70px;
  height: 70px;
  resize: none;
  border: 0;
  background: #ffffff;
  color: #0066cc;
}
#questions-form .textarea:focus::-webkit-input-placeholder {
  color: #666666;
}
#questions-form .textarea:focus:-moz-placeholder {
  color: #666666;
}
#questions-form .textarea:focus::-moz-placeholder {
  color: #666666;
}
#questions-form .textarea:focus:-ms-input-placeholder {
  color: #666666;
}
#questions-form .button {
  float: right;
  width: 100px;
  padding: 0;
  border: 0;
  background: #004589;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
}
#questions-form .button:hover,
#questions-form .button:active {
  background: #ffffff;
  color: #004589;
}
@media all and (max-width:768px) {
  #questions-wrapper .thread-item {
    max-width: calc(100% - 40px);
  }
}
/*------ drawing tool ------*/
.drawing-tool {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  justify-content: flex-start;
}
.drawing-tool .drawing-board {
  border: 3px solid #eeeeee;
}
.drawing-tool .drawing-tools-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 20px;
  background: #404040;
  color: #ffffff;
}
.drawing-tool .drawing-tools-nav h6 {
  margin-bottom: 10px;
}
.drawing-tool .drawing-tools-nav .tool-group-name {
  display: block;
  margin-bottom: 3px;
  font-weight: 500;
  font-size: 0.875rem;
}
.drawing-tool .drawing-tools-nav ul {
  list-style: none;
  display: inline-block;
  display: block;
  margin: 0;
  padding: 0;
}
.drawing-tool .drawing-tools-nav ul:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.drawing-tool .drawing-tools-nav ul li {
  display: inline-block;
  float: left;
}
.drawing-tool .drawing-tools-nav > ul > li {
  padding: 0 9px 10px 0;
}
.drawing-tool .drawing-tools-nav .icon-button {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 1px;
  border: 0;
  outline: 0;
  background: url("../images/ui/icon-sprites.png") no-repeat #eeeeee;
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
  color: #ffffff;
}
.drawing-tool .drawing-tools-nav .icon-button.farm-straight {
  background-position: -40px 0;
}
.drawing-tool .drawing-tools-nav .icon-button.field-straight {
  background-position: -80px 0;
}
.drawing-tool .drawing-tools-nav .icon-button.water-straight {
  background-position: -120px 0;
}
.drawing-tool .drawing-tools-nav .icon-button.woodlot-straight {
  background-position: -160px 0;
}
.drawing-tool .drawing-tools-nav .icon-button.road-straight {
  background-position: -200px 0;
}
.drawing-tool .drawing-tools-nav .icon-button.farm-curve {
  background-position: -40px -40px;
}
.drawing-tool .drawing-tools-nav .icon-button.field-curve {
  background-position: -80px -40px;
}
.drawing-tool .drawing-tools-nav .icon-button.water-curve {
  background-position: -120px -40px;
}
.drawing-tool .drawing-tools-nav .icon-button.woodlot-curve {
  background-position: -160px -40px;
}
.drawing-tool .drawing-tools-nav .icon-button.road-curve {
  background-position: -200px -40px;
}
.drawing-tool .drawing-tools-nav .icon-button.water-polygon {
  background-position: -120px -80px;
}
.drawing-tool .drawing-tools-nav .icon-button.text {
  background-position: -200px -120px;
}
.drawing-tool .drawing-tools-nav .icon-button.text-large {
  background-position: -200px -160px;
}
.drawing-tool .drawing-tools-nav .icon-button.north {
  background-position: -200px -200px;
}
.drawing-tool .drawing-tools-nav .icon-button.slope {
  background-position: -200px -240px;
}
.drawing-tool .drawing-tools-nav .icon-button.square {
  background-position: -200px -280px;
}
.drawing-tool .drawing-tools-nav .icon-button.circle {
  background-position: -200px -320px;
}
.drawing-tool .drawing-tools-nav .icon-button[data-tool="select"],
.drawing-tool .drawing-tools-nav .icon-button[data-tool="rotate"],
.drawing-tool .drawing-tools-nav .icon-button[data-tool="delete"],
.drawing-tool .drawing-tools-nav .icon-button[data-tool="clear"] {
  background-image: none;
  line-height: 40px;
}
.drawing-tool .drawing-tools-nav .icon-button[data-tool="select"],
.drawing-tool .drawing-tools-nav .icon-button[data-tool="rotate"] {
  color: #666666;
}
.drawing-tool .drawing-tools-nav .icon-button[data-tool="delete"],
.drawing-tool .drawing-tools-nav .icon-button[data-tool="clear"] {
  color: #d72f2f;
}
.drawing-tool .drawing-tools-nav .icon-button.active.farm,
.drawing-tool .drawing-tools-nav .icon-button:hover.farm,
.drawing-tool .drawing-tools-nav .icon-button:active.farm {
  background-position-x: 0;
  background-color: #77560f;
}
.drawing-tool .drawing-tools-nav .icon-button.active.field,
.drawing-tool .drawing-tools-nav .icon-button:hover.field,
.drawing-tool .drawing-tools-nav .icon-button:active.field {
  background-position-x: 0;
  background-color: #717940;
}
.drawing-tool .drawing-tools-nav .icon-button.active.water,
.drawing-tool .drawing-tools-nav .icon-button:hover.water,
.drawing-tool .drawing-tools-nav .icon-button:active.water {
  background-position-x: 0;
  background-color: #0000ff;
}
.drawing-tool .drawing-tools-nav .icon-button.active.woodlot,
.drawing-tool .drawing-tools-nav .icon-button:hover.woodlot,
.drawing-tool .drawing-tools-nav .icon-button:active.woodlot {
  background-position-x: 0;
  background-color: #9a662d;
}
.drawing-tool .drawing-tools-nav .icon-button.active.road,
.drawing-tool .drawing-tools-nav .icon-button:hover.road,
.drawing-tool .drawing-tools-nav .icon-button:active.road {
  background-position-x: 0;
  background-color: #555555;
}
.drawing-tool .drawing-tools-nav .icon-button.active.text,
.drawing-tool .drawing-tools-nav .icon-button:hover.text,
.drawing-tool .drawing-tools-nav .icon-button:active.text {
  background-position-x: 0;
  background-color: #333333;
}
.drawing-tool .drawing-tools-nav .icon-button.active.north,
.drawing-tool .drawing-tools-nav .icon-button:hover.north,
.drawing-tool .drawing-tools-nav .icon-button:active.north {
  background-position-x: 0;
  background-color: #0b5453;
}
.drawing-tool .drawing-tools-nav .icon-button.active.slope,
.drawing-tool .drawing-tools-nav .icon-button:hover.slope,
.drawing-tool .drawing-tools-nav .icon-button:active.slope {
  background-position-x: 0;
  background-color: #0b5453;
}
.drawing-tool .drawing-tools-nav .icon-button.active.building,
.drawing-tool .drawing-tools-nav .icon-button:hover.building,
.drawing-tool .drawing-tools-nav .icon-button:active.building {
  background-position-x: 0;
  background-color: #555555;
}
.drawing-tool .drawing-tools-nav .icon-button.active[data-tool="select"],
.drawing-tool .drawing-tools-nav .icon-button:hover[data-tool="select"],
.drawing-tool .drawing-tools-nav .icon-button:active[data-tool="select"],
.drawing-tool .drawing-tools-nav .icon-button.active[data-tool="rotate"],
.drawing-tool .drawing-tools-nav .icon-button:hover[data-tool="rotate"],
.drawing-tool .drawing-tools-nav .icon-button:active[data-tool="rotate"] {
  background-color: #666666;
  color: #ffffff;
}
.drawing-tool .drawing-tools-nav .icon-button.active[data-tool="delete"],
.drawing-tool .drawing-tools-nav .icon-button:hover[data-tool="delete"],
.drawing-tool .drawing-tools-nav .icon-button:active[data-tool="delete"],
.drawing-tool .drawing-tools-nav .icon-button.active[data-tool="clear"],
.drawing-tool .drawing-tools-nav .icon-button:hover[data-tool="clear"],
.drawing-tool .drawing-tools-nav .icon-button:active[data-tool="clear"] {
  background-color: #d72f2f;
  color: #ffffff;
}
.drawing-tool .drawing-tools-nav .button {
  align-self: flex-end;
  margin-top: auto;
}
@media all and (max-width:1280px) {
  .drawing-tool {
    display: block;
    max-width: 500px;
  }
}
/*------ map ------*/
.gllpLatlonPicker {
  position: relative;
}
.gllpMap {
  position: relative;
  width: 100%;
  height: 350px;
}
.gllpSearch {
  margin-bottom: 10px;
}
.gllpCurrentLocation {
  background: #333333;
  color: #ffffff;
}
.gllpCurrentLocation:hover,
.gllpCurrentLocation:active {
  background: #0066cc;
}
.gllpCurrentLocation:disabled {
  background: #cccccc;
}
@media all and (max-width:1024px) {
  .gllpCurrentLocation {
    width: 40px;
    line-height: 40px;
  }
}
@media all and (max-width:768px) {
  .gllpSearch .keyword-search-form {
    width: calc(100% - 50px);
    float: right;
  }
}
/*------ conversion ------*/
#conversion-form {
  max-width: none;
}
#conversion-form .d-table {
  margin-bottom: 20px;
}
#conversion-form .d-table .d-cell.column-p {
  padding-left: 5px;
  padding-right: 5px;
}
#conversion-form .d-table .d-cell.column-p:first-child {
  padding-left: 0;
}
#conversion-form .d-table .d-cell.column-p:last-child {
  padding-right: 0;
}
#conversion-form #result-wrapper {
  font-weight: 500;
}
#conversion-form #convert-result {
  display: inline-block;
  padding-left: 5px;
}
#conversion-table-modal {
  padding: 0;
}
#conversion-table-modal .conversion-table-wrapper {
  max-height: 500px;
  padding: 20px;
  overflow: auto;
}
#conversion-table-modal .conversion-table-wrapper .column.f_left {
  padding-right: 15px;
}
#conversion-table-modal .conversion-table-wrapper .column.f_right {
  padding-left: 15px;
}
@media all and (max-width:1024px) {
  #conversion-table-modal .conversion-table-wrapper .column.f_left {
    padding-right: 0;
  }
  #conversion-table-modal .conversion-table-wrapper .column.f_right {
    padding-left: 0;
  }
}
@media all and (max-width:768px) {
  #conversion-form .d-table .d-cell.column-p {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
  }
  #conversion-form #result-wrapper {
    padding-top: 10px;
  }
}
/*------ calculator ------*/
#calculator-form .calc-row {
  width: calc(100% + 10px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  margin-left: -5px;
}
#calculator-form .calc-button {
  width: 25%;
  margin: 0 5px;
  background: #eeeeee;
  font-size: 1rem;
  line-height: 35px;
}
#calculator-form .calc-button.func-button {
  background: #e1e1e1;
}
#calculator-form .calc-button[name="enter"] {
  background: #669933;
  color: #ffffff;
}
#calculator-form .calc-button[name="enter"]:hover,
#calculator-form .calc-button[name="enter"]:active {
  background: #40641c;
}
#calculator-form .calc-button:hover,
#calculator-form .calc-button:active {
  background: #333333;
  color: #ffffff;
}
#calculator-form .compute-row {
  -ms-flex-align: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}
#calculator-form .compute-row .calc-button[name="enter"] {
  flex-grow: 1;
}
/*------ event form ------*/
#events-form .select {
  width: 170px;
}
#events-form .textarea {
  min-height: 0;
}
#events-form .small-wrapper {
  width: 170px;
}
#events-form .flex-children {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-evenly;
}
#events-form .flex-children > * {
  margin-left: 10px;
}
#events-form .time-input-wrapper .select {
  width: 100px;
  max-width: 100%;
}
#events-form .time-input-wrapper label {
  font-style: normal;
  color: #333333;
}
@media all and (max-width:768px) {
  #events-form .time-input-wrapper {
    max-width: 100%;
    clear: both;
    margin-top: 10px;
  }
  #events-form .time-input-wrapper label {
    display: none;
  }
  #events-form .time-input-wrapper label + * {
    margin-left: 0;
  }
}
@media all and (max-width:480px) {
  .time-input-wrapper .input-wrapper {
    max-width: 28%;
  }
}
/*------ calendar ------*/
.fc-calendar.fc a {
  text-decoration: none !important;
}
.fc-calendar.fc table {
  margin: 0;
  border-collapse: collapse;
}
.fc-calendar.fc th,
.fc-calendar.fc td {
  border-color: #fff;
}
.fc-calendar.fc .fc-row .fc-content-skeleton td {
  border-color: #fff;
}
.fc-calendar.fc .fc-header-toolbar {
  position: relative;
  padding-top: 42px;
}
.fc-calendar.fc .fc-header-toolbar .fc-center {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.fc-calendar.fc .fc-header-toolbar .fc-center * {
  float: none;
}
.fc-calendar.fc .fc-head th {
  padding: 8px 5px;
  border: 0;
}
.fc-calendar.fc .fc-day-number {
  min-width: 20px;
  padding: 2px;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 500;
}
.fc-calendar.fc .fc-day-grid-event {
  margin-left: 1px;
  margin-right: 1px;
  padding: 2px 10px;
}
.fc-calendar.fc tr:first-child > td > .fc-day-grid-event {
  margin-top: 1px;
}
.fc-calendar.fc .fc-event {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fc-calendar.fc .fc-event .fc-time {
  font-weight: 500;
}
.fc-calendar.fc .fc-event,
.fc-calendar.fc .fc-event-dot {
  background-color: #c9e6ab;
  border: none;
  color: #333333;
}
.fc-calendar.fc .fc-agenda-view .fc-axis {
  font-weight: 500;
}
.fc-calendar.fc .fc-list-view .fc-list-item-time {
  font-weight: 500;
}
.fc-calendar.fc .fc-axis {
  padding: 0 8px;
}
.fc-calendar.fc .fc-scroller {
  height: auto !important;
}
.fc-calendar.fc .fc-list-empty-wrap2 {
  position: relative;
}
.fc-calendar.fc .fc-list-empty {
  padding: 20px;
  color: #999;
}
.fc-calendar.fc .fc-day.fc-today {
  background-color: inherit;
}
.fc-calendar.fc .fc-today .fc-day-number {
  background: #333333;
  color: #ffffff;
}
.fc-calendar.fc .fc-icon {
  font-family: 'Font Awesome 5 Free';
}
.fc-calendar.fc .fc-icon-x:after {
  font-size: 130%;
}
.fc-calendar.fc .fc-divider {
  padding: 0;
  border-color: #fff;
}
.fc-calendar.fc .fc-button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ffffff;
  background: #eeeeee;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  outline: 0;
  font-size: 1rem;
  text-transform: capitalize;
}
.fc-calendar.fc .fc-button.fc-state-hover {
  background: #cccccc;
}
.fc-calendar.fc .fc-button.fc-state-active {
  background: #333333;
  color: #ffffff;
}
#calendar-event-modal .title {
  color: #0066cc;
  font-size: 1.3125rem;
}
#calendar-event-modal .datetime {
  font-weight: 500;
  font-size: 1rem;
}
#calendar-event-modal footer {
  color: #555555;
  font-size: 14px;
}
#calendar-event-modal i {
  display: inline-block;
  margin-right: 7px;
  font-size: smaller;
}
#calendar-event-modal .separator {
  display: inline-block;
  color: #cccccc;
}
@media all and (max-width:768px) {
  .fc-calendar.fc tr {
    border: 0;
  }
  .fc-calendar.fc td {
    border-width: 1px;
    border-style: solid;
  }
  .fc-calendar.fc .fc-header-toolbar {
    padding-top: 38px;
  }
  .fc-calendar.fc .fc-day-top {
    border-bottom: 0;
  }
  .fc-calendar.fc .fc-month-view.fc-basic-view .fc-time {
    display: none;
  }
  .fc-calendar.fc .fc-listMonth-view.fc-list-view td {
    padding: 8px 14px;
    border-left: 0;
    border-right: 0;
  }
  .fc-calendar.fc .fc-agendaWeek-button,
  .fc-calendar.fc .fc-agendaDay-button {
    display: none;
  }
}
/*------ embed media ------*/
a.embed-media {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
a.embed-media img {
  display: block;
  max-width: 100%;
}
a.embed-media .play {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 36px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  line-height: 1;
  z-index: 1;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.3s ease 0s;
  -moz-transition: background-color 0.3s ease 0s;
  -ms-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
}
a.embed-media .play::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f04b";
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
a.embed-media:hover .play {
  background-color: rgba(0, 0, 0, 0.5);
}
iframe.embed-media {
  display: inline-block;
  background-color: #0f0f0f;
}