/* Please don't hide the site from people */
body {visibility: visible !important;opacity: 1 !important;}

/* overriding sitewide img {width: 100%} because omg what */
img {max-width: 100%;}

/* this is only for dev/review, do not include in production */


.restart-calc {font-size: 14px;}

#ShareButton a {float:left; margin-right: 4px;}

.afc-calc-container {position: relative;max-width: 783px;padding: 25px 20px 20px 20px;background-color: #E9E9E9;color: #333;border-radius: 6px;font-size: 16px;}

.afc-calc-container,
.afc-calc-container * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.afc-footer-logo {float: right;margin-top: 10px;}

/* Header */
.afc-calc-header {}
.afc-calc-header h1 {display: block;float: none;font-weight: bold;font-size: 22px;text-transform: uppercase;margin: 0 0 22px 0;color: #333333;}
#afc-life-insurance h1 {width: 75%;float: left;}
.afc-tally {background-color: #fff;text-align: center;width: 23%;padding: 6px;border-radius: 6px;float: right;margin: -13px 0 0 2%;}
.afc-tally dt {font-weight: normal;margin: 0;line-height: 1.1;}

.afc-tally dd {font-weight: bold;margin: 0;line-height: 1.1;}

/* Progress Bar */
.afc-calc-progress {background-color: #fff;height: 12px;border-bottom: 1px solid #e9e9e9;border-radius: 6px 6px 0 0;overflow: hidden;position: relative;}
.afc-calc-progress-measurement {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.afc-calc-progress-increment {height: 12px;border-right: 1px solid #e9e9e9;float: left;}
.afc-calc-progress-increment:last-child {border-right: none;}
#afc-life-insurance .afc-calc-progress-increment {width: 20%;}
#afc-retirement .afc-calc-progress-increment {width: 25%;}
.afc-progress-fill {background-color: #0075c9;width: 0;height: 100%;transition: width 0.4s ease-out;}

/* Input Content */
.afc-calc-content {background-color: #f8f8f8;border-radius: 0 0 6px 6px;padding: 20px;min-height: 386px;height: 386px;overflow-y: scroll;}
.afc-slide {display: none;position: relative;min-height: 346px;height: 346px;padding-bottom: 3.5em}
.afc-slide h2 {font-size: 16px;font-weight: bold;color: #333;text-transform: uppercase;letter-spacing: 1.5px;margin: 0 0 40px;}
#afc-slide-0 h2 {margin-bottom: 5px;}
.afc-slide h3 {font-size: 16px;font-weight: bold;margin-top: 0;}

.afc-input-row {vertical-align: middle;margin-top: 20px;}
.afc-input-row label {display: block;font-weight: normal;margin: 0 0 6px;}
.afc-input-row label span {color: #959595;}
.afc-input-row input[type="text"],
.afc-input-row select {width: 288px;border: 1px solid #e9e9e9;border-radius: 6px;padding: 4px 6px;}
.afc-input-row input[type="text"] {}

.currency {position: relative;}
.currency:before {content: '$';position: absolute;top: 50%;margin-top: -.7em;left: 6px;}
.currency input[type="text"] {padding-left: 16px;}

.afc-input-row select {background: #fff url('/resources/Allstate/images/financial/tools-and-resources/caret-down.png') no-repeat top 53% right 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
.afc-slider-container {clear: both;}
.afc-slider-container .ui-slider-horizontal {height: 2px;position: relative;}
.afc-slider-container .ui-widget-content {background-color: #cccccc;border: none;background-image: none;}
.afc-slider-container .ui-slider .ui-slider-handle {width: 36px;height: 44px;}
.afc-slider-container .ui-slider-horizontal .ui-slider-handle {top: -9px;margin-left: -10px;border: 2px solid #fff;background-color: #0075c9;height: 20px;width: 20px;border-radius: 100%;font-weight: normal;color: #555555;outline: 0;cursor: pointer;}
.slider-value input[type="text"] {border: none;float: none;font-size: 24px;font-weight: bold;text-align: center;width: 2em;margin-left: -1em;position: relative;top: -5px;background: transparent;}

.afc-error {font-size: 14px;color: #ff0000;display: none;visibility: hidden;}
.afc-page-controls {position: absolute;bottom: 0;left: 0;right: 0;}
.afc-btn {font-size: 14px;font-weight: bold;text-align: center;background-color: #fff;color: #0075c9;display: inline-block; margin: 0;padding: 4px 10px;border: 1px solid #e9e9e9;border-radius: 6px;text-decoration: none;transition: all 0.2s ease;}
.afc-btn:hover {background-color: #0075c9;color: #fff;text-decoration: none;}
.afc-page-controls .afc-btn {width: 133px;}

.afc-btn--back {float: left;}
.afc-btn--next { float: right;}
.afc-btn--next.afc-title-btn {float: none;margin-top: 30px;}
.afc-btn--long {width: 168px;}

.afc-question-number {font-size: 12px;font-weight: bold;text-transform: uppercase;text-align: center;position: absolute;bottom: 0;left: 140px;right: 140px;}
.afc-slide .ui-slider-horizontal .ui-slider-range-min {background-color: #9ac8e7;}

/* Last Slide */
.afc-slide-last {padding-bottom: 0;}
.afc-slide-last h2 {margin: 13px auto 10px;width: 86%;line-height: 1.2em;}
.afc-result-copy {font-weight: bold;text-align: center;padding-bottom: 20px;}
.afc-result-copy p span {font-size: 24px;}
.afc-result-copy p sup {font-weight: normal;}

.afc-procrastination-cause,
.afc-procrastination-effect {float: left;width: 50%;margin-bottom: 20px;}
.afc-procrastination-cause {margin-top: 0;}
.afc-procrastination-update {color: #959595;}
.afc-procrastination-wait-payment {font-weight: bold;color: #333;}

.afc-notes {float: left;width: 70%;border-right: 1px solid #d4d4d4;padding-right: 24px;font-size: 12px;}
.afc-notes ul {padding-left: 20px;}
.afc-notes a {color: #0075c9;}
.afc-share-this {float: right;width: 30%;padding-left: 24px;}
.afc-agent-cta {border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;padding: 20px 25px;margin-bottom: 20px;text-align: center;}

.afc-agent-backup {background-color: #0075c9;color: #FFF;}
.afc-agent-backup:hover,
.afc-agent-backup:focus {background-color: #001c71;color: #fff;}
.afc-quote-backup {background-color: #C74E10;color: #fff;margin-bottom: 4px;}
.afc-quote-backup:hover,
.afc-quote-backup:focus {background-color: #b63a25;color: #fff;}

.afc-abc-container {padding: 10px;max-width: 340px;margin: 0 auto;text-align: left;background-color: #fff;border-radius: 10px;font-size: 12px;overflow: hidden;}
.afc-abc-container .afc-agent-label {display: block;font-size: 16px;font-weight: bold;color: #333;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 10px;}
.afc-abc-container img {float:left;width: 108px;margin-right: 10px;}
.afc-abc-container .afc-abc-copy {overflow: hidden;}
.afc-abc-container #MB_afc_name,
.afc-abc-container #afc_name {color: #3795D5;font-size: 14px;font-weight: bold;margin-bottom: 8px;display: inline-block;}
.afc-abc-container #MB_afc_phone:before,
.afc-abc-container #afc_phone:before {content: "\e182";font-family: 'Glyphicons Halflings';font-size: 12px;color: #333;margin: 0 5px 0 0;}
.afc-abc-container #afc_contact a {display: inline-block;margin-right: 15px;}
.afc-abc-container #afc_contact:first-child {margin-right: 15px;}

@media only screen and (max-width: 813px) {
  /* the calculator is 783px wide, plus 15px of margins on either side when placed inside a boostrap container,
     so this is the point at which things start to squish and we can't constrain the height anymore */
  .afc-calc-content,
  .afc-slide {height: auto;}
}

@media only screen and (max-width: 715px) {
  .afc-procrastination-cause,
  .afc-procrastination-effect {float: none;width: 100%;}
}

@media only screen and (max-width: 500px) {
  /* making room for the question numbers */
  .afc-page-controls {bottom: 1.4em;}
  .afc-page-controls .afc-btn {width: 49%;}
  .afc-question-number {left: 0;right: 0;}
  .afc-footer-logo {margin-left: auto;margin-right: auto;float: none;}
}

@media only screen and (max-width: 414px) { 
  .afc-calc-content {min-height: 286px;} 
  .afc-btn--next.afc-title-btn {width: 100%;} 
  .afc-calc-header h1,
  .afc-tally {float: none;width: 100%;}
  .afc-tally {margin: 20px 0;}  
  .afc-tally dt,
  .afc-tally dd {display: inline;font-size: 16px;} 
  .afc-slide {padding-bottom: 5em;min-height: 246px;} 
  .afc-slide h2 {margin-bottom: 20px;}
  .afc-input-row input[type="text"],
  .afc-input-row select {width: 100%;}
  .insurance-recommendation {display: block;}  
  .afc-agent-cta {padding: 20px 0;}
  .afc-notes {float: none;width: 100%;padding-right: 0;margin-bottom: 20px;border-right: 0;border-bottom: 1px solid #d4d4d4;} 
  .afc-share-this {float: none;width: 100%;padding-left: 0;text-align: center;}
  .gig-bar-container table { margin: 0 auto;} 
}