#calculator { min-width: 300px; background: #fff; width:100%; max-width: 847px; padding:30px; box-sizing: border-box; /*font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, "STHeiti", \534E\6587\9ED1\4F53, "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, "SimSun", \5B8B\4F53, "WenQuanYi Micro Hei", sans-serif; */ } #calculator .hide {display: none;} #calculator .dd-options {max-height: 280px;} #calculator .center-block { display: block !important; margin-right: auto !important; margin-left: auto !important; float: none !important; } .toggle-units { cursor: pointer; } #calculator .disability-coverage-label { height: 60px; display: table; width:100%; box-sizing: content-box !important; padding-left: 10px; padding-right: 10px; } #calculator .disability-coverage-label span { display: table-cell; vertical-align: middle; } #calculator .courseTitle { font-size: 18px; font-weight: bold; color: #4d4d4d; } #calculator .inputContainer { margin-top: -30px; margin-bottom: -30px; } #calculator div.div-table { width: 100%; border: 1px solid #959595; } #calculator div.div-table .div-row, #calculator .row { box-sizing: border-box; } #calculator .row { margin-right: -10px; margin-left: -10px; padding-top: 30px; padding-bottom: 30px; } #calculator .row.no-padding { padding-top: 0px; padding-bottom: 0px; } #calculator div.div-table .div-row:before, #calculator div.div-table .div-row:after, #calculator .row:before, #calculator .row:after { display: table; content: " "; } #calculator div.div-table .div-row:after, #calculator .row:after { clear: both; } #calculator hr {border-top: 1px solid #dedede; } #calculator h1, #calculator h2, #calculator h3, #calculator h4 { color: #4d4d4d; font-weight: normal; margin-bottom: 25px; } #calculator h1.title { font-size: 36px; line-height: 38px; } #calculator h2.title { font-size: 36px; line-height: 38px; } #calculator h2.subtitle { font-size: 27px; line-height: 31px; } #calculator h3.subtitle { font-size: 22px; line-height: 24px; } #calculator p { font-size: 15px; line-height: 21px; color: #808080;} #calculator small, #calculator .small { font-size: 85%; line-height: 21px; color: #808080; } #calculator strong, #calculator .strong { font-weight: bold; } #calculator div.div-table .div-row .div-col, #calculator .col-md-1, #calculator .col-md-2, #calculator .col-md-3, #calculator .col-md-4, #calculator .col-md-5, #calculator .col-md-6, #calculator .col-md-7, #calculator .col-md-8, #calculator .col-md-9, #calculator .col-md-10, #calculator .col-md-11, #calculator .col-md-12 { float: left; box-sizing: border-box; float:left; padding-left:10px; padding-right:10px; min-height: 1px; } #calculator div.div-table .div-row .div-col:before, #calculator div.div-table .div-row .div-col:after #calculator .col-md-1:before, #calculator .col-md-1:after, #calculator .col-md-2:before, #calculator .col-md-2:after, #calculator .col-md-3:before, #calculator .col-md-3:after, #calculator .col-md-4:before, #calculator .col-md-4:after, #calculator .col-md-5:before, #calculator .col-md-5:after, #calculator .col-md-6:before, #calculator .col-md-6:after, #calculator .col-md-7:before, #calculator .col-md-7:after, #calculator .col-md-8:before, #calculator .col-md-8:after, #calculator .col-md-9:before, #calculator .col-md-9:after, #calculator .col-md-10:before, #calculator .col-md-10:after, #calculator .col-md-11:before, #calculator .col-md-11:after, #calculator .col-md-12:before, #calculator .col-md-12:after { display: table; content: " "; } #calculator div.div-table .div-row .div-col:after, #calculator .col-md-1:after, #calculator .col-md-2:after, #calculator .col-md-3:after, #calculator .col-md-4:after, #calculator .col-md-5:after, #calculator .col-md-6:after, #calculator .col-md-7:after, #calculator .col-md-8:after, #calculator .col-md-9:after, #calculator .col-md-10:after, #calculator .col-md-11:after, #calculator .col-md-12:after { clear: both; } #calculator div.div-table .div-row .div-col-12, #calculator .col-md-12 { width: 100%; } #calculator div.div-table .div-row .div-col-11, #calculator .col-md-11 { width: 91.6666667%; } #calculator div.div-table .div-row .div-col-10, #calculator .col-md-10 { width: 83.3333333%; } #calculator div.div-table .div-row .div-col-9, #calculator .col-md-9 { width: 75%; } #calculator div.div-table .div-row .div-col-8, #calculator .col-md-8 { width: 66.6666667%; } #calculator div.div-table .div-row .div-col-7, #calculator .col-md-7 { width: 58.3333333%; } #calculator div.div-table .div-row .div-col-6, #calculator .col-md-6 { width: 50%; } #calculator div.div-table .div-row .div-col-5, #calculator .col-md-5 { width: 41.6666667%; } #calculator div.div-table .div-row .div-col-4, #calculator .col-md-4 { width: 33.3333333%; } #calculator div.div-table .div-row .div-col-3, #calculator .col-md-3 { width: 25%; } #calculator div.div-table .div-row .div-col-2, #calculator .col-md-2 { width: 16.6666667%; } #calculator div.div-table .div-row .div-col-1, #calculator .col-md-1 { width: 8.3333333%; } #calculator .tablePanel {font-size: 14px; line-height: 24px; color: #808080; } #calculator .tablePanel strong, #calculator .tablePanel .strong {color: #4d4d4d;} #calculator .tablePanel .div-table-caption, #calculator .tablePanel .div-table-header {color: #000;} #calculator .tablePanel .div-table-header .div-col { padding-top:5px; padding-bottom:5px; } #calculator .tablePanel .div-table .div-row .div-col { border-right: 1px solid #dadada; } #calculator .pull-right { float: right; } #calculator .pull-left { float: left; } #calculator .text-right { text-align: right !important; } #calculator .text-center { text-align: center !important; } #calculator .text-left { text-align: left !important; } #calculator .rangeReading .reading { font-size: 12px; line-height: 24px; color: #4d4d4d; } #calculator .btn { font-size: 16px; font-weight: 400; color: #ed1c24; background: #eee; background-image: none; display: inline-block; padding: 10px 20px; margin-top: 0px; margin-bottom: 5px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; } #calculator .btn:hover { text-decoration: none; } #calculator .btn.btn-transparent { background: transparent; box-shadow: none; padding-left:5px; padding-right:5px; } #calculator .btn.btn-red { background: #ed1c24; color: #fff; } #calculator .btn.btn-grey { background: #58585a; color: #fff; } #calculator .btn.btn-light-grey { background: #cacaca; color: #4d4d4d; } #calculator .btn.btn-block { display: block; } #calculator .box-rounded { background: #f5f5f5; border: 1px #e5e5e5 solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 25px; } #calculator div.div-inline { display: inline; } #calculator div.div-inline-block { display: inline-block; } #calculator div.div-inline .calc-wrapper { width:180px; display: inline-block; margin-bottom: -16px; } #calculator input.fix-width { width:100px; } #calculator input.form-inline { display: inline-block; width: 120px; } #calculator input.form-inline.large-text { width: 150px; } #calculator input.form-inline.big-text { width: 150px; } #calculator input.form-inline.big-number { width: 230px; } #calculator input.form-inline.medium-number { width: 150px; } #calculator input.form-inline.small-number { width: 100px; } #calculator .calculatorIndicator { color: #fff; font-size: 18px; background: url(../../img/calculator/slider_indicator.png) no-repeat; width: 43px; height: 32px; text-align: center; padding-top: 3px; position: absolute; bottom: 28px; } #calculator .heartRateIndicator { background: url(../../img/calculator/slider_indicator2.png) no-repeat; width: 150px; font-size: 15px; bottom: 32px; } #calculator .calculatorInputBox { height: 52px; width: 100%; background: #e8f3f9; border: none; color: #4d4d4d; -webkit-appearance: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px; } #calculator .calculatorInputBox.error { background: transparent; border: 1px solid red; } #calculator .calculatorInputBox[disabled] { background: #eee; font-weight: lighter; -webkit-opacity: 1; -webkit-text-fill-color: rgba(131, 131, 131, 1); color: rgba(131, 131, 131, 1); } #calculator .bg-transparent { background: transparent; border: none; } #calculator .bg-darkgrey { background: #4d4d4d; color:#fff; } #calculator .bg-red { background: red;; } #calculator .box-rounded .bg-overflow { margin-right: -25px; margin-left: -25px; padding-right: 15px; padding-left: 15px; } /* for the label of the sliders */ #calculator ul.not-list li {list-style: none; display: inline-block; float:left; height: 1.2em;} #calculator ul.not-list {padding: 0; margin: 0; min-height: 1px; } #calculator ul.not-list.full-width { width: 100%;} #calculator ul.not-list.half-width { width: 50%;} #calculator ul.not-list.text-center {text-align: center;} /* width of labels lists */ #calculator ul.not-list.one-list li { width:100%; } #calculator ul.not-list.two-list li { width: 50%; } #calculator ul.not-list.three-list li { width: 33.3333333%; } #calculator ul.not-list.four-list li { width: 25%; } #calculator ul.not-list.five-list li { width: 20%; } #calculator ul.not-list.six-list li { width: 16.6666667%; } #calculator ul.not-list.seven-list li { width: 14.2857143%; } #calculator ul.not-list.eight-list li { width: 14.285%; } #calculator ul.not-list.nine-list li { width: 11.111%; } #calculator ul.not-list.ten-list li { width: 10%; } #calculator #calculatorResult { margin-top: 50px; font-size: 16px; line-height: 24px; color: #808080; } #calculator #calculatorResult .row.cal-breakdown .row { padding-top: 0; padding-bottom: 0; font-size: 14px; line-height: 24px; color: #808080; } /* -------------------------------- Icons -------------------------------- */ #calculator .calc-icon { display: block; } #calculator .calc-icon.cocktail { background: url(../../img/calculator/icon_cocktail.png); width: 39px; height: 61px; } #calculator .calc-icon.time { background: url(../../img/calculator/icon_edu_time.png); width: 46px; height: 46px; } #calculator .calc-icon.time_negative { background: url(../../img/calculator/icon_time_reverse.png); width: 46px; height: 46px; } #calculator .calc-icon.book { background: url(../../img/calculator/icon_edu_book.png); width: 69px; height: 42px; } #calculator .calc-icon.adult { background: url(../../img/calculator/icon_adult.png); width:26px; height: 61px; } #calculator .calc-icon.child { background: url(../../img/calculator/icon_child.png); width:26px; height: 61px; } #calculator .calc-icon.info { background: url(../../img/calculator/calculatorRetireinfo.png); margin-bottom: -10px; width: 28px; height: 28px; display: inline-block; } #calculator .calc-icon.ward { background: url(../../img/calculator/icon_ward.png); width: 64px; height: 39px; } #calculator .calc-icon.money { background: url(../../img/calculator/icon_dollar.png); width: 32px; height: 55px; } #calculator .large-text { font-size: 50px; } #calculator .big-text { font-size: 36px; } #calculator .big-text .small { font-size: 15px; } #calculator .medium-text { font-size: 22px; } #calculator .row.cal-breakdown .large-text, #calculator .row.cal-breakdown .big-text { color: #4d4d4d; } #calculator .sm-icon {width:35px; height:35px; display: inline-block; background: url(../img/sm.png) no-repeat; text-indent: -9999px;} #calculator .sm-icon.fb {background-position: 0px 0px} #calculator .sm-icon.gplus {background-position: -35px 0px} #calculator .sm-icon.twitter {background-position: -70px 0px} #calculator .sm-icon.email {background-position: -105px 0px; width:43px;} #calculator .sm-icon.print {background-position: -148px 0px; width:37px;} #calculator .hint {display: none;} #calculator .hint.show {display: inline-block;} #calculator .prompt {position: relative; height: 1px;} #calculator .prompt .dialogBox {position: absolute; max-width: 300px; min-width: 200px; background: #fff; bottom: 35px; padding: 5px; font-size: 14px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); border: 1px solid #CCCCCC;} #calculator .tooltip { /*background-color: #ed1b24; color: #ffffff; cursor: default; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block; font-size: 11px; height: 7px; padding: 4px; line-height: 8px;*/ display: inline-block; font-size: 11px; } #calculator .tooltip-copy {display: none;} /*.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; font-size: 12px; max-width: 400px; -webkit-box-shadow: 0 0 5px #aaa; border-width: 2px; box-shadow: 0 0 5px #aaa; background: #fff;border: 1px solid #CCCCCC; }*/ .ui-tooltip { color: #808080; position: fixed; max-width: 300px; padding: 10px; margin-top: -10px; font-size: 13px; line-height: 16px; background-color: #fff; z-index: 99; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 2px 0 14px rgba(31,29,25,.26); -moz-box-shadow: 2px 0 14px rgba(31,29,25,.26); box-shadow: 2px 0 14px rgba(31,29,25,.26); } .ui-tooltip .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .ui-tooltip .arrow.top { top: -16px; bottom: auto; } .ui-tooltip .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-box-shadow: 6px 5px 9px -9px black; -moz-box-shadow: 6px 5px 9px -9px black; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border: 1px solid #D8D8D8; } .ui-tooltip .arrow.top:after { bottom: -20px; top: auto; } /* general styles */ #calculator .ui-slider { position: relative; text-align: left; } #calculator .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:35px; height:35px; cursor: default; background:../img/images/slider_marker.png); } #calculator .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;} /* For IE8 - See #6727 */ #calculator .ui-slider.ui-state-disabled .ui-slider-handle, #calculator .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } #calculator .slider .divider li, #calculator .ui-slider-horizontal { height:28px;} #calculator .slider .divider li { box-sizing: border-box; border-right: 1px solid #d7d7d7;} #calculator .slider .divider li.last {border-right: none;} #calculator .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -1em; } #calculator .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background-color: #e1121a; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #e51923; /* layer fill content */ -moz-box-shadow: inset 1px 1px 4px rgba(31,29,25,.2); /* inner shadow */ -webkit-box-shadow: inset 1px 1px 4px rgba(31,29,25,.2); /* inner shadow */ box-shadow: inset 1px 1px 4px rgba(31,29,25,.2); /* inner shadow */ } #calculator .ui-slider-horizontal .ui-slider-range-min { left: 0; } #calculator .ui-slider-horizontal .ui-slider-range-max { right: 0; } #calculator .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } #calculator .ui-widget-header a { color: #222222; } #calculator .ui-state-default, #calculator .ui-widget-content .ui-state-default, #calculator .ui-widget-header .ui-state-default { width:32px; height:32px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #d7d7d7; /* layer fill content */ -moz-box-shadow: 1px 1px 2px #848484, inset 1px 0 1px rgba(255,255,255,.75); /* drop shadow and inner shadow */ -webkit-box-shadow: 1px 1px 2px #848484, inset 1px 0 1px rgba(255,255,255,.75); /* drop shadow and inner shadow */ box-shadow: 1px 1px 2px #848484, inset 1px 0 1px rgba(255,255,255,.75); /* drop shadow and inner shadow */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YjdiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZGZlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #b5b7bb 0%, #d9dfe3 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #b5b7bb 0%, #d9dfe3 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #b5b7bb 0%, #d9dfe3 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #b5b7bb 0%, #d9dfe3 100%); /* gradient overlay */ } #calculator .bmiIndicator.ui-widget-content { background: #e51923; /* Old browsers */ background: -moz-linear-gradient(left, #45b7ec 0%, #5fcca5 20%, #9de527 40%, #b7c91b 60%, #d58c1b 80%, #f45427 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#45b7ec), color-stop(20%,#5fcca5), color-stop(40%,#9de527), color-stop(60%,#b7c91b), color-stop(80%,#d58c1b), color-stop(100%,#f45427)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #45b7ec 0%,#5fcca5 20%,#9de527 40%,#b7c91b 60%,#d58c1b 80%,#f45427 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #45b7ec 0%,#5fcca5 20%,#9de527 40%,#b7c91b 60%,#d58c1b 80%,#f45427 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #45b7ec 0%,#5fcca5 20%,#9de527 40%,#b7c91b 60%,#d58c1b 80%,#f45427 100%); /* IE10+ */ background: linear-gradient(to right, #45b7ec 0%,#5fcca5 20%,#9de527 40%,#b7c91b 60%,#d58c1b 80%,#f45427 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b7ec', endColorstr='#f45427',GradientType=1 ); /* IE6-9 */ } #calculator .bfIndicator.ui-widget-content { background: #e51923; /* Old browsers */ background: -moz-linear-gradient(left, #f45427 0%, #d58c1b 20%, #b7c91b 40%, #9de527 60%, #5fcca5 80%, #45b7ec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45427), color-stop(20%,#d58c1b), color-stop(40%,#b7c91b), color-stop(60%,#9de527), color-stop(80%,#5fcca5), color-stop(100%,#45b7ec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f45427 0%,#d58c1b 20%,#b7c91b 40%,#9de527 60%,#5fcca5 80%,#45b7ec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f45427 0%,#d58c1b 20%,#b7c91b 40%,#9de527 60%,#5fcca5 80%,#45b7ec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f45427 0%,#d58c1b 20%,#b7c91b 40%,#9de527 60%,#5fcca5 80%,#45b7ec 100%); /* IE10+ */ background: linear-gradient(to right, #f45427 0%,#d58c1b 20%,#b7c91b 40%,#9de527 60%,#5fcca5 80%,#45b7ec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45427', endColorstr='#45b7ec',GradientType=1 ); /* IE6-9 */ } #calculator .ui-state-default a, #calculator .ui-state-default a:link, #calculator .ui-state-default a:visited { color: #555555; text-decoration: none; } #calculator .ui-state-hover, #calculator .ui-widget-content .ui-state-hover, #calculator .ui-widget-header .ui-state-hover, #calculator .ui-state-focus, #calculator .ui-widget-content .ui-state-focus, #calculator .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; } #calculator .ui-state-hover a, #calculator .ui-state-hover a:hover, #calculator .ui-state-hover a:link, #calculator .ui-state-hover a:visited, #calculator .ui-state-focus a, #calculator .ui-state-focus a:hover, #calculator .ui-state-focus a:link, #calculator .ui-state-focus a:visited { color: #212121; text-decoration: none; outline: none; } #calculator .ui-state-active, #calculator .ui-widget-content .ui-state-active, #calculator .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; } #calculator .ui-state-active a, #calculator .ui-state-active a:link, #calculator .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ #calculator .ui-state-highlight, #calculator .ui-widget-content .ui-state-highlight, #calculator .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; } #calculator .ui-state-highlight a, #calculator .ui-widget-content .ui-state-highlight a, #calculator .ui-widget-header .ui-state-highlight a { color: #363636; } #calculator .ui-state-error, #calculator .ui-widget-content .ui-state-error, #calculator .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } #calculator .ui-state-error a, #calculator .ui-widget-content .ui-state-error a, #calculator .ui-widget-header .ui-state-error a { color: #cd0a0a; } #calculator .ui-state-error-text, #calculator .ui-widget-content .ui-state-error-text, #calculator .ui-widget-header .ui-state-error-text { color: #cd0a0a; } #calculator .ui-priority-primary, #calculator .ui-widget-content .ui-priority-primary, #calculator .ui-widget-header .ui-priority-primary { font-weight: bold; } #calculator .ui-priority-secondary, #calculator .ui-widget-content .ui-priority-secondary, #calculator .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } #calculator .ui-state-disabled, #calculator .ui-widget-content .ui-state-disabled, #calculator .ui-widget-header .ui-state-disabled { opacity: 1; filter:Alpha(Opacity=1); background-image: none; } #calculator .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } #calculator .ui-widget-content { -border: 1px solid #e3e3e3; /* stroke */ -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; /* border radius */ -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; /* prevents bg color from leaking outside the border */ -webkit-box-shadow: inset 1px 1px 4px rgba(31,29,25,.2); /* inner shadow */ -moz-box-shadow: inset 1px 1px 4px rgba(31,29,25,.2); /* inner shadow */ box-shadow: inset 1px 1px 4px rgba(31,29,25,.2); /* inner shadow */ background-color: #f5f5f5; /* layer fill content */ } #calculator .ui-widget-content a { color: #222222; } #calculator div.label {display: inline-block; width:80px;} #calculator div.label-mobile {display: inline-block; width:auto;} #calculator div.label-lg {display: inline-block; width:120px;} #calculator div.label-sm {display: inline-block; width:60px;} #calculator div.label-desktop, #calculator div.label-desktop-sm, #calculator div.label-desktop-lg {display: inline-block; width:auto;} #calculator .dependant-entry { -webkit-border-radius: 4px 4px 0px 0; -moz-border-radius: 4px 4px 0px 0; border-radius: 4px 4px 0px 0; -webkit-box-shadow: 0px 0px 6px #e3e3e3; -moz-box-shadow: 0px 0px 6px #e3e3e3; box-shadow: 0px 0px 6px #e3e3e3; margin-bottom: 20px; } #calculator .dependant-entry .entry-heading { background: #ededed; height: 53px; line-height: 53px; font-family: Arial, "Helvetica Neue", Helvetica, "STHeiti", \534E\6587\9ED1\4F53, "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, "SimSun", \5B8B\4F53, "WenQuanYi Micro Hei", sans-serif; color: #4d4d4d; font-size: 16px; padding-left: 28px; -webkit-border-radius: 4px 4px 0px 0; -moz-border-radius: 4px 4px 0px 0; border-radius: 4px 4px 0px 0; position: relative; } #calculator .add-adult-dependant { font-size: 20px; padding-left: 25px; } #calculator .add-adult-dependant img { margin-right: 20px; } #calculator .additional-inputs { margin-left: 15px; margin-right: 15px; } #calculator .additional-inputs input.form-inline { max-width:200px; width: 100% } #calculator #calculatorResult .icons, #calculator .additional-inputs .icons { /*width: 13%;*/ } #calculator .additional-inputs .icon-label { margin-top: 12px; } #calculator .dependant-entry .calculatorRemove { background: url(../../img/calculator/icon_remove.png); width: 18px; height: 21px; margin-right: 28px; margin-top: 15px; } #calculator .dependant-entry .entry-body .title, #calculator .dependant-entry .entry-heading .title { font-size:20px; color:#4d4d4d; } #calculator .dependant-entry .entry-body { padding:30px 30px 0; } #calculator .calc-wrapper .calc-tab { width: 100%; font-size: 15px; box-sizing: border-box; cursor: pointer; text-align: center; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #calculator .calc-wrapper.stacked-tab .innerWrap{ margin: 20px 0px; } #calculator .calc-wrapper.xl-tab.stacked-tab .innerWrap{ margin-top: 33px; } #calculator .calc-wrapper.stacked-tab .dIBVerMiddle { display: block; } #calculator .calc-wrapper.stacked-tab .dIBVerMiddle.text { line-height: normal; margin-top: 20px; } #calculator .calc-wrapper.xs-tab .calc-tab { height: 37px; line-height: 37px; } #calculator .calc-wrapper.sm-tab .calc-tab { height: 71px; line-height: 71px; } #calculator .calc-wrapper.md-tab .calc-tab { height: 54px; line-height: 54px; } #calculator .calc-wrapper.lg-tab .calc-tab { height: 147px; line-height: 71px; } #calculator .calc-wrapper.xl-tab .calc-tab { height: 194px; line-height: 71px; } #calculator .calc-wrapper.calc-tab-2 .calc-tab { width:50%; } #calculator .calc-wrapper.calc-tab-3 .calc-tab { width:33.3333333%; } #calculator .calc-wrapper.calc-tab-4 .calc-tab { width:25%; } #calculator .calc-wrapper.calc-tab-5 .calc-tab { width:20%; } #calculator .calc-wrapper .calc-tab.calc-right { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } #calculator .calc-wrapper.xs-tab .calc-tab.calc-right { -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; } #calculator .calc-wrapper .calc-tab.calc-left { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #calculator .calc-wrapper.xs-tab .calc-tab.calc-left { -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px; } #calculator .calc-wrapper .calc-tab { color: #4d4d4d; cursor: pointer; -webkit-box-shadow: 0 3px 0 #e1e1e1; -moz-box-shadow: 0 3px 0 #e1e1e1; box-shadow: 0 3px 0 #e1e1e1; border:1px solid #e6e6e6; background-color: #f5f5f5; background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f1f1f1 100%); background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #f1f1f1 100%); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f1f1f1 100%); background-image: linear-gradient(bottom, #f5f5f5 0%, #f1f1f1 100%); background-image: -ms-linear-gradient(top, #F5F5F5 0%, #F1F1F1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #F1F1F1)); } #calculator .calc-wrapper .calc-tab.active { color: #f5f5f5; -webkit-box-shadow: 0 3px 0 #e91c23, #b01a1f -4px 4px 8px inset; -moz-box-shadow: 0 3px 0 #e91c23, #b01a1f -4px 4px 8px inset; box-shadow: 0 3px 0 #e91c23 , #b01a1f -4px 4px 8px inset; border:1px solid #e91c23; background-color: #e01b22; background-image: -moz-linear-gradient(bottom, #e91c23 0%, #d61920 100%); background-image: -o-linear-gradient(bottom, #e91c23 0%, #d61920 100%); background-image: -webkit-linear-gradient(bottom, #e91c23 0%, #d61920 100%); background-image: linear-gradient(bottom, #e91c23 0%, #d61920 100%); background-image: -ms-linear-gradient(top, #e91c23 0%, #d61920 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e91c23), color-stop(1, #d61920)); } #calculator .calc-wrapper .active .hospital-class {color:#fff;} #calculator .calc-wrapper { width: 100%; box-sizing: border-box; } #calculator .calc-wrapper .male { width: 16px; height: 43px; } #calculator .calc-wrapper .female { width: 20px; height: 43px; } #calculator .calc-wrapper .male_xs, #calculator .calc-wrapper .female_xs { width: 9px; height: 20px; } #calculator .calc-wrapper .child { width: 12px; height: 27px; } #calculator .calc-wrapper .modest, #calculator .calc-wrapper .comfortable, #calculator .calc-wrapper .premiere { width: 100px; height: 66px; } #calculator .calc-wrapper .critical-p, #calculator .calc-wrapper .critical-a, #calculator .calc-wrapper .critical-b1, #calculator .calc-wrapper .critical-b2, #calculator .calc-wrapper .critical-c { width: 74px; height: 55px; } #calculator .calc-tab.active .male_xs { background: url(../../img/calculator/adult_male_xs_white.png); } #calculator .calc-tab .male_xs { background: url(../../img/calculator/adult_male_xs_red.png); } #calculator .calc-tab.active .female_xs { background: url(../../img/calculator/female_xs_white.png) no-repeat center; } #calculator .calc-tab .female_xs { background: url(../../img/calculator/female_xs_red.png) no-repeat center; } #calculator .calc-tab.active .male { background: url(../../img/calculator/adult_male_white.png); } #calculator .calc-tab .male { background: url(../../img/calculator/adult_male_red.png); } #calculator .calc-tab.active .female { background: url(../../img/calculator/female_white.png) no-repeat center; } #calculator .calc-tab .female { background: url(../../img/calculator/female_red.png) no-repeat center; } #calculator .calc-tab.active .child { background: url(../../img/calculator/child_white.png) no-repeat center; } #calculator .calc-tab .child { background: url(../../img/calculator/child_red.png) no-repeat center; } #calculator .calc-tab.active .modest { background: url(../../img/calculator/icon_modest_white.png) no-repeat center; } #calculator .calc-tab .modest { background: url(../../img/calculator/icon_modest_red.png) no-repeat center; } #calculator .calc-tab.active .comfortable { background: url(../../img/calculator/icon_comfortable_white.png) no-repeat center; } #calculator .calc-tab .comfortable { background: url(../../img/calculator/icon_comfortable_red.png) no-repeat center; } #calculator .calc-tab.active .premiere { background: url(../../img/calculator/icon_premiere_white.png) no-repeat center; } #calculator .calc-tab .premiere { background: url(../../img/calculator/icon_premiere_red.png) no-repeat center; } #calculator .calc-tab.active .critical-p { background: url(../../img/calculator/icon_critical_p_on.png) no-repeat center; } #calculator .calc-tab .critical-p { background: url(../../img/calculator/icon_critical_p_off.png) no-repeat center; } #calculator .calc-tab.active .critical-a { background: url(../../img/calculator/icon_critical_a_on.png) no-repeat center; } #calculator .calc-tab .critical-a { background: url(../../img/calculator/icon_critical_a_off.png) no-repeat center; } #calculator .calc-tab.active .critical-b1 { background: url(../../img/calculator/icon_critical_b1_on.png) no-repeat center; } #calculator .calc-tab .critical-b1 { background: url(../../img/calculator/icon_critical_b1_off.png) no-repeat center; } #calculator .calc-tab.active .critical-b2 { background: url(../../img/calculator/icon_critical_b2_on.png) no-repeat center; } #calculator .calc-tab .critical-b2 { background: url(../../img/calculator/icon_critical_b2_off.png) no-repeat center; } #calculator .calc-tab.active .critical-c { background: url(../../img/calculator/icon_critical_c_on.png) no-repeat center; } #calculator .calc-tab .critical-c { background: url(../../img/calculator/icon_critical_c_off.png) no-repeat center; } #calculator .hospital-class { color: #808080; margin-bottom: 0px; } #calculator h3.hospital-class { font-size: 18px; } #calculator h4.hospital-class { font-size: 16px; margin-top: 3px; } /* Some common overwriting for calculator */ .productActionMenu .productAction .icon { margin-top: 0; } .productActionMenu .productAction .shareContent .socialContent { padding-top: 10px; padding-bottom: 10px; } #calculator .productActionMenu { line-height: 20px; } #calculator .mobileSelector { color: #4d4d4d; font-size: 16px; line-height: 24px; } #calculator .div-inline .dd-container { width:180px !important; display: inline-block; } @media (min-width: 768px) { #calculator div.label-desktop {display: inline-block; width:120px;} #calculator div.label-desktop-sm {display: inline-block; width:80px;} #calculator div.label-desktop-lg {display: inline-block; width:150px;} } @media (max-width: 767px) { #calculator div.label-mobile {display: inline-block; width:80px;} #calculator div.label-mobile-lg {display: inline-block; width:150px;} #calculator { padding:10px; } #calculator hr { margin-top: 0px; margin-bottom: 0px; } #calculator .big-text, #calculator h1.title { font-size: 24px; line-height: normal; } #calculator .big-text, #calculator h2.title { font-size: 24px; line-height: 1; } #calculator .large-text { font-size: 40px; line-height: normal; } #calculator .additional-inputs { margin-left:-5px; margin-right:-5px; } #calculator .add-adult-dependant { font-size: 18px; padding-left: 15px; } #calculator .add-adult-dependant img { margin-right: 10px; } #calculator .dependant-entry .entry-body .title, #calculator .dependant-entry .entry-heading .title, #calculator .subtitle.medium-text { font-size: 16px; } #calculator .dependant-entry .entry-body { padding: 10px 10px 0; } #calculator .col-md-1, #calculator .col-md-2, #calculator .col-md-3, #calculator .col-md-4, #calculator .col-md-5, #calculator .col-md-6, #calculator .col-md-7, #calculator .col-md-8, #calculator .col-md-9, #calculator .col-md-10, #calculator .col-md-11, #calculator .col-md-12, #calculator div.div-table .div-row .div-col-1, #calculator div.div-table .div-row .div-col-2, #calculator div.div-table .div-row .div-col-3, #calculator div.div-table .div-row .div-col-4, #calculator div.div-table .div-row .div-col-5, #calculator div.div-table .div-row .div-col-6, #calculator div.div-table .div-row .div-col-7, #calculator div.div-table .div-row .div-col-8, #calculator div.div-table .div-row .div-col-9, #calculator div.div-table .div-row .div-col-10, #calculator div.div-table .div-row .div-col-11, #calculator div.div-table .div-row .div-col-12 { width:100%; border: none; } #calculator div.div-table .div-row { border-bottom: 1px solid #dadada; padding: 10px; } #calculator .tablePanel .div-table .div-row .div-col { border: none; } #calculator .rangeReading .reading { width:auto; } #calculator .calc-wrapper.sm-tab .calc-tab, #calculator .calc-wrapper.lg-tab .calc-tab { height: 71px; } #calculator .calc-wrapper.lg-tab .calc-tab { line-height: normal; } #calculator .calc-wrapper.stacked-tab .dIBVerMiddle { line-height: 15px; } #calculator .calc-wrapper.stacked-tab .dIBVerMiddle .verMiddle { line-height: normal; display: block; vertical-align: baseline; } #calculator .calc-wrapper.stacked-tab .dIBVerMiddle.text { display: block; margin-top: 0; line-height: 5px; } #calculator .calc-wrapper.stacked-tab .innerWrap { margin: 0; } #calculator .calc-wrapper .modest, #calculator .calc-wrapper .comfortable, #calculator .calc-wrapper .premiere { width: 80px; height: 28px; margin: 0 auto; } #calculator .calc-icon.child { background: url(../../img/calculator/icon_edu_child_m.png) no-repeat center center; width: 28px; height: 28px; margin-top: 10px; } #calculator .calc-icon.time { background: url(../../img/calculator/icon_edu_time_m.png) no-repeat center center; height: 28px; width: 28px; margin-top: 10px; } #calculator .calc-icon.book { background: url(../../img/calculator/icon_edu_book_m.png) no-repeat center center; height: 28px; width: 28px; margin-top: 10px; } #calculator .calc-icon.ward { background: url(../../img/calculator/icon_ward_m.png); width: 28px; height: 28px; } #calculator .calc-icon.money { background: url(../../img/calculator/icon_dollar_m.png); width: 28px; height: 28px; } #calculator .calc-tab.active .modest { background: url(../../img/calculator/icon_modest_white_mobile.png) no-repeat center; } #calculator .calc-tab .modest { background: url(../../img/calculator/icon_modest_red_mobile.png) no-repeat center; } #calculator .calc-tab.active .comfortable { background: url(../../img/calculator/icon_comfortable_white_mobile.png) no-repeat center; } #calculator .calc-tab .comfortable { background: url(../../img/calculator/icon_comfortable_red_mobile.png) no-repeat center; } #calculator .calc-tab.active .premiere { background: url(../../img/calculator/icon_premiere_white_mobile.png) no-repeat center; } #calculator .calc-tab .premiere { background: url(../../img/calculator/icon_premiere_red_mobile.png) no-repeat center; } #calculator .additional-inputs .icons { width: 15%; max-width: 40px; } #calculator .additional-inputs .icon-label { width: 30%; margin-top: 0px; margin-bottom: 0px; } #calculator .additional-inputs .liabilities { width: 55%; margin-top: -14px; } #calculator input.form-inline { width: 150px; } #calculator .additional-inputs input.form-inline { max-width: 99px; } #calculator .additional-inputs .icons img, #calculator #calculatorResult .icons img { width: 22px; } #calculator .calc-icon.adult { background: url(../../img/calculator/icon_retirement_aged_mobile.png) no-repeat center; width: 28px; height: 28px; } #calculator .calc-icon.cocktail { background: url(../../img/calculator/icon_retirement_retire_mobile.png) no-repeat center; width: 28px; height: 28px; } #calculator .calc-icon.time_negative { background: url(../../img/calculator/icon_retirement_years_mobile.png) no-repeat center; width: 28px; height: 28px; } #calculator .productActionMenu { width:100%; } #calculator .box-rounded { padding-left: 15px; padding-right: 15px;} #calculator .row.cal-breakdown { padding-top:15px;} #calculator .box-rounded .bg-overflow { margin-right: -15px; margin-left: -15px; padding-right: 5px; padding-left: 5px; } #calculator .not-rw .col-md-1 { width: 8.333333%; } #calculator .not-rw .col-md-2 { width: 16.666667%; } #calculator .not-rw .col-md-3 { width: 25%; } #calculator .not-rw .col-md-4 { width: 33.333333%; } #calculator .not-rw .col-md-5 { width: 41.666667%; } #calculator .not-rw .col-md-6 { width: 50%; } #calculator .not-rw .col-md-7 { width: 58.333333%; } #calculator .not-rw .col-md-8 { width: 66.666667%; } #calculator .not-rw .col-md-9 { width: 75%; } #calculator .not-rw .col-md-10 { width: 83.333333%; } #calculator .not-rw .col-md-11 { width: 91.333333%; } #calculator .not-rw .col-md-12 { width: 100%; } #calculator .not-rw img.not-rw-img { width: 100%; max-width: 50px } #calculator .not-rw .minWidth20 { min-width: 20px; } #calculator .not-rw .minWidth30 { min-width: 30px; } #calculator .not-rw .minWidth40 { min-width: 40px; } #calculator .not-rw .minWidth50 { min-width: 50px; } #calculator .not-rw .minWidth60 { min-width: 60px; } #calculator .not-rw .minWidth70 { min-width: 70px; } #calculator .not-rw .minWidth80 { min-width: 80px; } #calculator .not-rw .minWidth90 { min-width: 90px; } #calculator .not-rw .minWidth100 { min-width: 100px; } #calculator .not-rw .minWidth125 { min-width: 125px; } #calculator .not-rw .minWidth150 { min-width: 150px; } #calculator .not-rw .maxWidth20 { max-width: 20px; } #calculator .not-rw .maxWidth30 { max-width: 30px; } #calculator .not-rw .maxWidth40 { max-width: 40px; } #calculator .not-rw .maxWidth50 { max-width: 50px; } #calculator .not-rw .maxWidth60 { max-width: 60px; } #calculator .not-rw .maxWidth70 { max-width: 70px; } #calculator .not-rw .maxWidth80 { max-width: 80px; } .borderRight1 {border-right: none; } .borderRight2 {border-right: none; } } @media (max-width: 830px) { }