@charset "UTF-8";

/**
Changes from styles.min moved here because of the remove to debugg
 */

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

label {
  /*display: inline-block;*/
  max-width: 100%;
  margin-bottom: 5px
}

.input-group {
    position: relative;
    /*display: table;*/
    border-collapse: separate
}

.news .news-story {
  border-bottom: 2px dotted #ccc;
  padding-bottom: 20px;
  overflow-x: hidden
}

.main-cont a {
  /*color: #003572;*/
  /*line-height: 1.69*/
}

.errorArea,
.errorAreaOverlay {
  /*
    padding: 15px;
    color: #a94442;
    background-color: #f2dede
  */
}

.errorArea {
  /*
    border: 1px solid;
    border-radius: 4px
  */
}

.errorAreaOverlay {
  /*
    border: 1px solid;
    border-radius: 4px;
    display: none
  */
}

.bh-text a {
  color: #fff;
  font-family: Interstate, sans-serif
}

.txt {
  max-height: 152px;
  overflow: hidden;
  text-overflow: ellipsis
}

btn.news-all {
  margin-top: 50px !important
}

.news-story {
  border-bottom: 2px dotted #ccc;
  margin-top: 20px;
  margin-bottom: 0;
  overflow-x: hidden;
  height: 100%
}

.news-story .video-top-icon {
  top: 0
}

.bggrey {
  background: #f4f4f4;
  margin-top: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 18px 0
}

.videos {
  margin-top: 20px;
  padding-bottom: 20px;
  overflow-x: hidden
}

.container-fix {
  /*
  padding-left: 0;
  height: auto;
  margin-left: -15px;
  margin-right: -10px
  */
}

.wrapper {
  /*
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto
  */
}

.h2-fix {
  /*
  margin-left: -5px
  */
}

/**
Sizer for Jquery Search
 */

.sizer{
  width: 50%;
}

/**
Intro text
 */
.subtitle {
  padding: 15px 40px 27px;
  margin-bottom: 40px;
  font-style: italic;
  font-size: 18px;
  border-bottom: 2px dotted #ccc;
}

/**
Search box with checkboxes
 */
.search-box {
  padding: 10px 0;
}

.search-box .areas {
  position: relative;
}

.search-box .areas button.btn-areas {
  background: #809cb8;
  /*white-space: nowrap;*/
  /*height: 40px;*/
  color: #fff;
  width: 100%;
  padding: 8px 20px;
  text-align: left;
  font-size: 18px;
  margin: auto;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .search-box .areas button.btn-areas {
    width: 520px;
  }
}

.search-box .areas button.btn-areas:after {
  content: "▼";
  right: 10px;
  font-size: 14px;
  padding: 5px;
  position: absolute;
}

.search-box .areas button.btn-areas.active {
  background: #003871;
}

.search-box .areas .checkboxes {
  position: absolute;
  z-index: 20;
  background: #f1f5f7;
  padding: 35px 50px;
  width: 100%;
}

@media only screen and (max-width: 340px) {
  .search-box .areas .checkboxes {
    padding: 35px 40px;
  }
}

.search-box .areas .checkboxes .checkboxes-wrapper {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

.search-box .areas .checkboxes .checkboxes-wrapper .checkbox-item {
  padding: 2px;
  min-height: 30px;
}

.search-box .areas .checkboxes .checkboxes-wrapper .checkbox-item:after {
  content: "";
  border-bottom: 1px solid #fff;
  position: absolute;
  width: 85%;
  display: block;
}

.search-box .areas .checkboxes .checkboxes-wrapper .checkbox-item:last-child:after,
.search-box .areas .checkboxes .checkboxes-wrapper .checkbox-item:nth-last-child(2):after {
  border-bottom: none;
}

.search-box .areas .checkboxes .checkboxes-wrapper .checkbox-item input {
  margin-right: 16px;
}

.search-box .areas .checkboxes .checkboxes-wrapper .checkbox-item input:checked+label {
  color: #000;
  font-weight: bold;
}

.search-box .areas .checkboxes .checkboxes-wrapper .checkbox-item label {
  font-size: 14px;
  color: #77797a;
  font-weight: 300;
  user-select: none;
}

.search-box .areas .checkboxes .areas-search-buttons {
  margin: 30px auto 5px auto;
}

.search-box .areas .checkboxes .areas-search-buttons button {
  width: 210px;
  height: 40px;
  font-size: 18px;
  color: #000;
  border: none;
  margin: 10px;
  font-weight: bold;
}

.aResetButton{
  background-color: #c0c0c0;
  border: none;
  padding: 0.5rem 4.7rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  
  width: 210px;
  height: 40px;
  font-size: 18px;
  color: #000;
  border: none;
  margin: 10px;
  font-weight: bold;
}


.aSearchButton{
  background: #ffd500;
  border: none;
  padding: 0.5rem 7.4rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;

  width: 210px;
  height: 40px;
  font-size: 18px;
  color: #000;
  border: none;
  margin: 10px;
  font-weight: bold;
}

.aSearchButton:hover{
  color: #000;
}

.aResetButton:hover{
  color: #000;
}


.search-box .areas .checkboxes .areas-search-buttons .reset {
  background: #c0c0c0;
}

.search-box .areas .checkboxes .areas-search-buttons .submit {
  background: #ffd500;
}

.search-box .search-field .input-group {
  width: 100%;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .search-box .search-field .input-group {
    width: 520px;
  }
}

.search-box .search-field .input-group input,
.search-box .search-field .input-group button {
  height: 40px;
  font-size: 18px;
  color: #003871;
  border: none;
}

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

  .search-box .search-field .input-group input,
  .search-box .search-field .input-group button {
    font-size: 16px;
  }
}

.search-box .search-field .input-group input {
  box-shadow: none;
  border-radius: 0;
  background: #f4f4f4;
  /*padding: 20px 20px;*/
  width: 60%;
}

@media only screen and (max-width: 414px) {
  .search-box .search-field .input-group input {
    width: 70%;
  }
}

.search-box .search-field .input-group button {
  background: #ffd500;
  font-weight: bold;
  width: 100%;
}

/**
Legend block style
 */
.legend {
  background: #f1f5f7;
  border-top: 1px solid #809cb8;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5;
  margin: 0 15px;
}

.legend.scrollfix-top {
  margin: 0;
}

.legend button {
  background: transparent;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 290px;
  height: 42px;
  padding: 10px;
  color: #003871;
}

.legend button:after {
  content: "▼";
  float: right;
  font-size: 14px;
  padding: 2px;
}

.legend button.bg-gray:after {
  content: "▶";
}

.legend button span {
  font-size: 12px;
}

.legend button .arrow-down {
  display: none;
}

.legend #legend-wrapper {
  margin-top: 50px;
}

.legend #legend-wrapper .legend-icons {
  padding: 10px 20px;
  color: #003871;
  max-height: 90vh;
}

@media only screen and (max-width: 1000px) {
  .legend #legend-wrapper .legend-icons {
    overflow-y: scroll;
    -ms-overflow-style: scroll;
  }
}

.legend #legend-wrapper .legend-icons i {
  font-size: 3.5rem;
  margin-right: 26px;
}

.legend #legend-wrapper .legend-icons .legend-item {
  display: flex;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  min-height: 85px;
  /*height: 10vh;*/
  font-size: 12px;
}

.legend #legend-wrapper .legend-icons .legend-item p {
  line-height: 16px;
}

.legend .bg-gray {
  background: #eaeaea;
}

/**
TOP form and Job form style
 */
.top-forms {
  margin-top: 115px;
}

.top-forms .top-form-item .box,
.top-forms .job-form-item .box,
.job-forms .top-form-item .box,
.job-forms .job-form-item .box {
  padding-bottom: 22px;
  margin-bottom: 10px;
  position: relative;
}

.top-forms .top-form-item .box.featured,
.top-forms .job-form-item .box.featured,
.job-forms .top-form-item .box.featured,
.job-forms .job-form-item .box.featured {
  padding: 30px;
  background: #eaeaea;
  margin-bottom: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.top-forms .top-form-item .box.featured h4,
.top-forms .job-form-item .box.featured h4,
.job-forms .top-form-item .box.featured h4,
.job-forms .job-form-item .box.featured h4 {
  font-size: 24px;
}

.top-forms .top-form-item .box.featured h5,
.top-forms .job-form-item .box.featured h5,
.job-forms .top-form-item .box.featured h5,
.job-forms .job-form-item .box.featured h5 {
  width: 80%;
}

.top-forms .top-form-item .box.featured .form-icon,
.top-forms .job-form-item .box.featured .form-icon,
.job-forms .top-form-item .box.featured .form-icon,
.job-forms .job-form-item .box.featured .form-icon {
  top: 30px;
  right: 30px;
}

.top-forms .top-form-item .box .top-form-label,
.top-forms .job-form-item .box .top-form-label,
.job-forms .top-form-item .box .top-form-label,
.job-forms .job-form-item .box .top-form-label {
  background: #ffd500;
  color: #323232;
  padding: 4px 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  width: 132px;
  height: 24px;
  font-size: 13px;
  margin-bottom: 20px;
}

.top-forms .top-form-item .box .form-icon,
.top-forms .job-form-item .box .form-icon,
.job-forms .top-form-item .box .form-icon,
.job-forms .job-form-item .box .form-icon {
  /* position: absolute; */
  right: 0;
  top: 0px;
  font-size: 3rem;
  color: #003871;
  float: right;
  width: 35px;
  text-align: right;
  padding-bottom: 5px;
}

.top-forms .top-form-item .box h4,
.top-forms .job-form-item .box h4,
.job-forms .top-form-item .box h4,
.job-forms .job-form-item .box h4 {
  color: #003871;
  font-weight: bold;
}

.top-forms .top-form-item .box h5,
.top-forms .job-form-item .box h5,
.job-forms .top-form-item .box h5,
.job-forms .job-form-item .box h5 {
  width: 250px;
  font-size: 12px;
  line-height: 15px;
  color: #809cb8;
  margin-top: 0;
}

.top-forms .job-form-item .box,
.job-forms .job-form-item .box {
  border-bottom: 2px dotted #ccc;
  margin-bottom: 27px;
}

.top-forms .job-form-item:last-child .box,
.job-forms .job-form-item:last-child .box {
  /*border: none;*/
}

.top-forms .tooltip,
.job-forms .tooltip {
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}

.top-forms .tooltip .tooltip-main,
.job-forms .tooltip .tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #547596;
  border: 1px solid #547596;
  float: right;
  text-align: left !important;
}

.top-forms .tooltip .tooltip-inner,
.job-forms .tooltip .tooltip-inner {
  max-width: 160px !important;
  padding: 15px 30px;
  background: #547596;
  color: #fff;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  margin-left: 100px;
}

.top-forms .tooltip.left .tooltip-arrow,
.job-forms .tooltip.left .tooltip-arrow {
  border-left-color: #547596;
}

.form-title {
  margin: 50px 0;
}

.form-title h2 {
  text-transform: uppercase;
}

/**
Util fixes
 */
.no-border {
  border: none !important;
  outline: 0 none;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .row.wide-gutter [class*=col-md-12] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*# sourceMappingURL=noel-formulartyp.css.map */