img.SOB {
  display: none;
}

.societyName.lineOne {
  display: none;
}

.societyName.lineTwo {
  display: none;
}

.header-top-container {
  min-height: 0 !important;
}

div.header-bottom-container {
  background-image: url(https://www.asbcnet.org/Style%20Library/Images/2026ASBCCIBD_RegBanner.jpg);
  background-size: 100% !important;
  height: calc(19em + 2vmin) !important;
}

.titleBar {
  background-color: #b97000 !important;
}

.btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a, button, html input[type="button"], input[type="reset"], input[type="submit"], .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton {
  background: #3366cc !important;
}

input[type='button']:hover, input[type='submit']:hover {
  background-color: #3366cc !important;
}

.hotelAgreement label {
  font-weight: normal !important;
  display: inline;
}

.hotelAgreement input {
  margin-top: 5px;
}

.registrant {
    margin: 10px 10px 10px 45px !important;
}

.section > .header:first-child {
  background-color: #3366cc !important;
  color: #fff;
}

div.container{
  padding-left:  15px !important;
}

.pronounContainer input[type="checkbox"], .pronounContainer input[type="checkbox"] + label {
  font-weight:  normal;
}

.pronounContainer .field .label label {
  font-weight:  500 !important;
}

.enumerationList table {
  margin:  15px 0;
}

.enumerationList table tr {
    float: left;
    width:  50%;
}

.enumerationList table td {
    padding-left: 10px;
}

.enumerationList table tr:first-child {
    display:  none;
}

.functions .collapse.opened .header .controls .collapseButton {
  background-color:  transparent !important;
  background-repeat:  no-repeat !important;
  margin-top:  18px !important;
}

.functions .collapse.collapsed .header .controls .collapseButton {
  background-color:  transparent !important;
  background-repeat:  no-repeat !important;
  margin-top:  15px !important;
}


@media only screen and (max-width: 2300px) {

  div.header-bottom-container {
     height: calc(17em + 2vmin) !important
  }

}

@media only screen and (max-width: 2000px) {

  div.header-bottom-container {
     height: calc(15em + 2vmin) !important
  }

}

@media only screen and (max-width: 1800px) {

  div.header-bottom-container {
     height: calc(13em + 2vmin) !important
  }

}

@media only screen and (max-width: 1600px) {

  div.header-bottom-container {
     height: calc(11em + 2vmin) !important
  }

}

@media only screen and (max-width: 1200px) {

  div.header-bottom-container {
     height: calc(9em + 2vmin) !important
  }

}

@media only screen and (max-width: 1100px) {


  #hd {
    padding-bottom:  0 !important;
    margin-bottom:  0 !important;
  }

}

@media only screen and (max-width: 963px) {

  .slider:before {
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 3px;
  }

  .selection.section span.quantity {
    display: inline-block !important;
  }

  span.extendedCost {
    width: 20% !important;
  }

  span.cost {
    width: 20% !important;
  }
}

@media only screen and (max-width: 950px) {

  div.header-bottom-container {
     height: calc(8em + 2vmin) !important
  }

}

@media only screen and (max-width: 815px) {



}

@media only screen and (max-width:  750px) {



}

@media only screen and (max-width:  650px) {
 
  div.header-bottom-container {
    background-image: url(https://www.asbcnet.org/Style%20Library/Images/2026ASBCCIBD_RegBanner_Small.jpg);
    background-size: 100% !important;
    height: calc(13em + 2vmin) !important;
  }

  div.login div.controls { 
    width: 100%;
  }

  .extendedDemographics .enumerationList {
    margin-left: 0;
  }

  .enumerationList table tr {
    float: none;
  }

}

@media only screen and (max-width:  550px) {

  div.header-bottom-container {
    height: calc(10em + 2vmin) !important
  }

}

@media only screen and (max-width: 500px) {

  div.container {
    width: 98% !important;
    padding-left: 5px !important;
  }

  div.header-bottom-container {
    background-size: 112% !important;
    margin-left: -5%;
    height: calc(12em + 2vmin) !important;
  }

  div.login span.label {
    width: 15% !important;
  }

  div.content div.createContact span, div.createContact label {
    width: 100%;
  }

  div.attendeeInformation div.contactReceiptDisplay {
    width: 100%;
  }

  .field .label {
    width: 40% !important;
  }

  .attendeeInformation div.total {
    width: 100%;
  }
}

@media only screen and (max-width: 440px) {

   div.header-bottom-container {
    background-size: 118% !important;
    margin-left: -9%;
    height: calc(11em + 2vmin) !important;
  }

  div.content div.createContact span.value, div.content div.createContact select.value {
    width: 45% !important;
  }

  .createContact .field .label {
    width: 47%;
  }

  div.content div.createContact span, div.createContact label {
    width: 100%;
    padding-right: 0;
    font-size: 11pt;
  }

}

@media only screen and (max-width: 400px) {

  div.createContact .field {
    width: 97%;
    text-align: center;
  }

  div.createContact div.field div.label {
    display: block !important;
    width: 100% !important;
    text-align: center;
    float: none;
  }

  div.content div.createContact span.value, div.content div.createContact select.value {
    width: 85% !important;
    height: 25px;
  }

  div.createContact .field input {
    width: 100%;
  }

  div.createContact label {
    text-align: center;
  }
}
