.bod-popup-container { display: none; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 999; }

.bod-popup { position: fixed; width: 300px; height: 360px; top: 50%; left: 50%; margin-top: -130px; margin-left: -150px; background-color: #f0f2ed; }

.bod-popup .bod-popup-text { padding: 30px 30px 10px 30px; text-align: left; }

.bod-popup .bod-popup-text #bod-book-an-evaluation-header { margin-top: 0; font-size: 18px; text-align: center; }

.bod-popup .bod-popup-text input { width: 100%; border-color: #001641; border-radius: 0; }

#bod-book-an-evaluation-form-success-message { display: none; line-height: 1.5; }

#bod-book-an-evaluation-submit-button { width: 100%; transform: scale(1) !important; }

#bod-book-an-evaluation-submit-button:hover { color: #001641 !important; background-color: transparent !important; border-color: #ecc41b !important; border-top-color: rgb(236, 196, 27) !important; border-right-color: rgb(236, 196, 27) !important; border-bottom-color: rgb(236, 196, 27) !important; border-left-color: rgb(236, 196, 27) !important; -webkit-transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: color, background-color, border-color; transition-duration: 200ms, 200ms, 200ms; transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86), cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-delay: 0s, 0s, 0s; }

#bod-book-an-evaluation-submit-button:after { content: ''; position: absolute; border: 1px solid; border-top-color: inherit; border-top-style: solid; border-top-width: 1px; border-right-color: inherit; border-right-style: solid; border-right-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: inherit; border-left-style: solid; border-left-width: 1px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-radius: inherit; border-color: inherit; border-top-color: inherit; border-right-color: inherit; border-bottom-color: inherit; border-left-color: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; }

.bod-book-an-evaluation-is-sending,
.bod-book-an-evaluation-is-sending:hover { color: #001641 !important; background-color: #ecc41b !important; cursor: default !important; -webkit-transition: none !important; transition: none !important; }

.close-bod-popup { position: absolute; top: -22px; right: -22px; background: #000; width: 42px; border-radius: 21px; height: 42px; text-align: center; margin: 0; padding-top: 0; font-weight: bold; font-size: 22px; color: white; border: 2px solid white; }
.close-bod-popup a { color: white; }


/* errors (used by the calculator too, not just the BOOK AN EVALUATION popup) */
p.bod-error { display: none; margin-top: 5px; }
p.bod-error,
p.bod-error label { color: #ca4d46 !important; line-height: 1.25; font-size: 11px; font-weight: normal; }
.bod-red-outline { border-color: #ca4d46 !important; }
p.bod-representation-error,
p.bod-risks-error { margin-top: 4px; }
p.bod-form-error { text-align: center; margin-top: 0; margin-bottom: 5px; }

/* responsive (used by the calculator too, not just the BOOK AN EVALUATION popup) */

/* make inputs single-column when they'd otherwise be too wide to show the full text */
@media (max-width: 1289px) and (min-width: 960px), (max-width: 499px) {
	.mc-field-group { flex: 0 0 100%; }
}

/* add padding when in tablet/phone mode */
@media (max-width: 959px) {
	.main-container .row-container.bod-rental-alerts-row:not(.limit-width) > .row { padding: 36px 36px 36px 36px; }
	/*.uncode_text_column > *:first-child { margin-top: 27px; }*/
}

/* narrower popup BOOK AN EVALUATION form for iphone 5 or similar */
@media (max-width: 330px) {
	.bod-popup { width: 276px; margin-left: -138px; }
	.bod-popup .bod-popup-text { padding-left: 26px; padding-right: 26px; }
}

/* shorter inputs for popup BOOK AN EVALUATION form for iphone 5 or similar in landscape mode */
@media (max-height: 480px) {
  .bod-popup-container { z-index: 2001; }
  .bod-popup { height: 260px; }
  .bod-popup .bod-popup-text { padding-top: 20px; }
  .bod-popup .bod-popup-text input { padding: 4px; margin-top: 6px; }
  #bod-book-an-evaluation-submit-button { padding: 10px 31px !important; }
}