/** VARIABLES/MIXINS **/
/** VARIABLES/MIXINS **/
/** OVERRIDES FOR COMPASS OVERLAY **/


.ui-dialog-titlebar {
  display: none;
}
.ui-dialog.ui-widget-content {
  border: none;
}
.ui-widget-content {
  background-color: #fff!important;
  background-image: none!important;
}
.ui-dialog .ui-dialog-content {
  padding: 0!important;
}
#sailplan-bonusoffers div.note,
#sailplan-pricing div.note,
.bonus-content div.note,
.bonus div.note,
#custom-itin-tour-features-highlights div.note,
.shipitinerary-promo div.note {
  border: 1px #ccc solid!important;
  max-height: none!important;
  overflow: hidden!important;
}
div.note {
  background-color: #fff;
  height: auto!important;
}
.bonuscontent-container .bonus-title {
  margin-top: 0!important;
}
.bonuscontent-container #loading{
    margin:0 auto;
    display:block;
}
#bonusContentID ul{
    padding:3px 15px;
}
#bonusContentID ul li{
    margin:0 0 3px;
}
div.note {
  width:500px;
  border:0px #f1faff solid!important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 6px 10px 2px rgba(0,0,0,.12);
  box-shadow: 2px 6px 10px 2px rgba(0,0,0,.12);
}
div.note .bonuscontent-container .bonus-title {
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#page-cover {
  opacity: 0.5!important;
}
.bonus-footer button {
  display: initial!important;
}
/**{
    	-webkit-box-sizing:inherit!important;
        -moz-box-sizing:inherit!important;
        box-sizing: inherit!important;
    }*/
/** OVERRIDES FOR COMPASS OVERLAY **/
.ui-dialog.ui-widget-content {
  border: 1px #ccc solid!important;
}
.bonus-container {
  max-width: 450px;
  /*border:1px #ccc solid!important;*/
  
  font-size: 12px;
  float: left;
}
.bonuscontent-container {
  float: left;
  width: 100%!important;
  color: #000;
}
.bonus-section {
  padding: 2.96296296%;
}
.bonus-title {
  font-size: 1.2em!Important;
  font-weight: 600!Important;
  background-color: #3175c0 !important;
  margin: 0;
  padding: 10px !important;
  border-bottom: 1px #ccc solid;
  color: #fff !important;    
}
.bonus-title p {
  padding: 0 10px 0 0!important;
  margin: 0!important;
  font-size:16px!important;
}
.bonus-title div.overlayCloseX {
  font-size: 14px!important;
  color: #fff!important;
  font-weight: 700!important;
  background: none!important;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 11px!important;
}
.bonus-img {
  float: left;
  margin-bottom: 2.96296296%;
  max-width: 100%;
  overflow: hidden;
}
.bonus-img img {
  width: 100%!important;
  height: auto!important;
}
.bonus-copy {
  float: left;
  display: block;
}
.bonus-copy::-webkit-scrollbar {
  width: 7px;
  cursor: pointer;
}
.bonus-copy::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.bonus-copy::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  cursor: pointer;
}
.bonus-copy p:first-child {
  margin: 0 0 1em!important;
}
.bonus-container .bonuscontent-container .bonus-section .bonus-copy,
.bonus-container .bonuscontent-container .bonus-section .bonus-copy p,
.bonus-container .bonuscontent-container .bonus-section .bonus-copy li,
.bonuscontent-container .bonus-section .bonus-copy-sm {
  line-height: 16px!important;
}
.bonuscontent-container .bonus-section .bonus-copy ul {
  margin: 0 0 3px 30px!important;
  list-style-position:inherit;
  padding:0;
}
.bonus-copy-edit {
  width: 100%;
}
.bonus-copy-edit .input_text {
  width: 100%;
  margin: 0 0 10px;
}
.bonus-copy-edit .input_textarea {
  width: 100%;
  height: 250px;
}
.bonuscontent-container .bonus-section .bonus-id {
  width: 100%;
  padding: 2.96296296% 0;
  float: left;
  font-size: 11px!important;
  text-align: center;
  line-height: 16px;
}
.bonuscontent-container .bonus-section .bonus-id strong {
  font-size: 11px!important;
}
.bonus-id strong {
  font-weight: bold;
}
.bonus-copy-sm {
  float: left;
  display: block;
  margin: 10px 0;
}
.bonus-container .bonus-footer {
  width: 100%!important;
  border-top: 1px #ccc solid!important;
  text-align: right;
  float: left;
}
.bonus-footer button,
.ui-dialog-buttonset button {
  webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px #ccc solid;
  margin: 15px;
  padding: 6px 12px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  cursor: pointer;
  background-color: #fff !important;
  font-weight: normal!important;
  font-size:14px;
  color: #000!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
}
.bonus-footer button:hover {
  webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ccc;
}
.ui-dialog-buttonset button {
  margin: 2.96296296% 2px;
  background: none!important;
  background-color: #eeeeee !important;
  font-weight: normal!important;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}