/* You can add global styles to this file, and also import other style files */

/* GENERAL */

*, *:before, *:after {
  box-sizing: border-box;             /* IE8 and up, plus all others except the next two */
  -moz-box-sizing: border-box;        /* Firefox still needs this */
  -webkit-box-sizing: border-box;     /* iOS4 and below, Android 2.3 and below */
}

body {
  -webkit-print-color-adjust: exact;
}

.container-fluid {
  padding: 0;
}

.shaded-container {
  padding-top: 20px;
}

h1 {
  font-size : 20px;
  color : #00693E;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0;
}

h2 {
  color: #0073B1;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 0;
}

h3 {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0 40px 0;
}

h4 {
  color: #fff !important;
}

.font-ital {
  font-style: italic;
}

.font-bold {
  font-weight: bold;
}

.font-small {
  font-size: 12px;
}

.gray-bg {
  background: #F2F2F2;
  min-height: inherit;
}

.white-bg {
  background: #fff;
}

.red-bg {
  background : #0073B1;
}

.blue-bg {
  background: #00693E;
}

.well {
  background : #FFFFFF;
  padding: 0;
  margin: 0;
  border-radius : 5px;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
  box-shadow : 4px 4px 5px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#000000') ;
}

.border-radius-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.border-radius-right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

span.link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.row-same-height {
display: table;
width: 100%;
table-layout: fixed;
}

.col-same-height {
display: table-cell;
float: none !important;
}

.align-middle {
  vertical-align: middle;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.add-bottom-margin {
  margin-bottom: 20px;
}

.add-top-margin {
  margin-top: 20px;
}

a, span.link {
  color: #337ab7;
}

a.footerLink, span.footerLink {
  color: #fff;
  cursor: pointer;
  padding-right: 24px;
  font-size: 11px;
  text-decoration: none;
}

a.rightFooterText, span.rightFooterText {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.logo-fidelity {
  margin-right: 30px;
}

/* HEADER */

.page-header {
  border-bottom: none;
  margin: 0;
  padding: 20px 0;
}

.header-links {
  text-align: right;
  font-size: 11px;
}

.header-links span.link {
  color: #333;
}

.header-links span.divider {
  padding: 0 10px;
}

.header-bar {
  min-height: 20px;
}

/* HOME */

.home-row {
  min-height: 500px;
}

.home-callout {
  padding: 40px 0;
}

.home-callout-icon {
  vertical-align: middle;
  text-align: center;
}

.home-callout-text {
  font-size: 14px;
  padding: 18px;
}

.home-callout-text a {
  color: #333;
}

.checkbox {
  text-align: left;
}

.checkbox label {
  font-size: 12px;
  font-weight: bold;
}

/* INPUTS PAGE */

.input-well {
  padding: 20px;
  margin-top: 20px;
}

.form-label {
  font-size: 14px;
  font-weight: normal;
}

.form-control {
  background: #F2F2F2;
  border: 1px solid #B3B3B3;
  box-shadow: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #dadada;
}

.input-group.help .form-control:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.input-group.help .input-group-addon {
  background: transparent;
  border: none;
}

.input-group.help .input-group-addon span {
  font-size: 16px;
  color: #939BA1;
  cursor: pointer;
}

.input-group-addon.clickable {
  cursor: pointer;
  border: 1px solid #B3B3B3;
}

.input-error {
  color: red;
  margin-top: 2px;
  font-size: 12px;
}

.input-error p {
  margin: 0;
}

/* RESULTS */

.blue-border {
  border: 1px solid #00693E;
  border-radius: 4px;
}

.padded-table {
  padding: 20px;
}

.current-percentages-row .padded-table {
  padding-top: 0;
}

table {
  table-layout: fixed;
}

table caption {
  text-align: center;
  color: #000;
  font-size: 14px;
  padding: 0 10px 10px 10px;
}

table thead tr th, table tbody tr td {
  font-weight: normal;
  text-align: center;
}

.table {
  margin-bottom: 0;
}

.footnote-row {
  padding: 20px;
}

chart {
  display: block;
  width: 100%;
}

.highcharts-container, svg:not(:root) {
  overflow: visible !important;
}

.highcharts-stack-labels text {
  visibility: visible;
}

.legend-container {
  margin-bottom: 40px;
}

.legend-box {
  vertical-align: middle;
  width: 12px;
}

.legend-box-item {
  height: 12px;
  width: 12px;
}

.legend-box-item.pretax {
  background: #00693E !important;
}

.legend-box-item.match {
  background: #0067AC !important;
}

.legend-box-item.catchup {
  background: #808080 !important;
}

.legend-box-item.aftertax {
  background: #0095D3 !important;
}

.legend-text {
  font-size: 11px;
  padding-left: 8px;
}

.model-row {
  margin-bottom: 25px;
}

.model-row .input-label {
  font-size: 12px;
  margin-bottom: 2px;
}

.button-container {
  margin-top: 20px;
}

.message-text {
  font-size: 12px;
  line-height: normal;
  padding: 10px;
  border-radius: 4px;
}

.message-warning {
  color: #0067AC;
  border: 1px solid #0067AC;
}

.message-success {
  color: #00693E;
  border: 1px solid #00693E;
}

/** SLIDERS **/
.blueSliderGroup {
  width: 100%; 
  margin-bottom: 8px;
}

.greenSliderGroup {
  margin-bottom: 16px; 
  padding-top: 2px;
  width: 100%; 
  margin-bottom: 8px;
}

.blueSlider1 {
  width: 100%;
}

.greenSlider1 {
  width: 100%;
}

.slider-container {
  margin-bottom: 8px;
}

.slider-container .input-group-addon {
  border: none;
  background: transparent;
  font-size: 10px;
  color: #000;
  padding: 2px 8px 0 8px;
}

/* bootstrap slider plugin */
.slider.slider-horizontal {
  width: 100%;
  margin-top: 4px;
}

.slider.slider-horizontal .slider-track {
  /* height: 14px; */
  border-radius: 0;
  box-shadow: none;
}

.slider-track-low, .slider-track-high, .slider-selection {
  border-radius: 0;
  box-shadow: none;
}

.slider-selection {
  background: #E6E6E6 !important;
}

.slider-track-high {
  background: #E6E6E6 !important;
}

.slider-handle.custom {
  background-image: url('/assets/img/slider-arrow.png') !important;
  background-size: 20px 20px !important;
  background-repeat: no-repeat !important;
}

.aftertax-slider .slider-handle.custom {
  background-image: url('/assets/img/slider-arrow-2.png') !important;
  background-size: 20px 20px !important;
  background-repeat: no-repeat !important;
}

.slider-handle.custom:before {
  content: "";
}

.slider .tooltip {
  z-index: auto;
}

.slider .tooltip.bottom {
  padding: 0;
  margin-top: 0;
}

.slider .tooltip-inner {
  background: transparent;
  color: #00693E;
  border: none;
  border-radius: 0;
  font-weight: bold;
  padding-top: 0;
}

.aftertax-slider .tooltip-inner {
  color: #0095d3;
}

.slider .tooltip-arrow {
  display: none;
}

.slider-tick {
  box-shadow: none;
}

.slider-tick.custom:before {
  content: "|";
  color: #B3B3B3;
}

.slider-selection.tick-slider-selection, .slider-tick.in-selection {
  background-image: none;
}

.slider.slider-horizontal .slider-tick {
  margin-left: -2px;
}

/* NAVIGATION BUTTONS */

.nav-row {
  padding: 20px 0 40px 0;
}

.nav-buttons {
  margin-right: 15px;
  float: right;
}

.arrow-box {
  width: 80px;
  height: 30px;
  display: inline-block;
  position: relative;
  background: #0073B1 !important;
  border-radius: 0;
  border: none;
}

.arrow-box-forward {
  margin-left: 10px;
}

.arrow-box-forward:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(235, 29, 58, 0);
border-left-color: #0073B1;
border-width: 15px;
margin-top: -15px;
}

.arrow-box-back:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(235, 29, 58, 0);
border-right-color: #0073B1;
border-width: 15px;
margin-top: -15px;
}

.arrow-text {
  position: absolute;
  left: 20px;
  top: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  z-index: 1;
}

.btn-red {
  background-color: #0073B1;
  color: #fff;
}

.btn-red:hover, .btn-red:focus, .btn-red:active {
  color: #fff;
}

/* FOOTER */

.page-footer {
  font-size: 11px;
  color: #fff;
}

.page-footer span.link {
  margin-right: 30px;
  color: #fff;
}

.footer-bar {
  min-height: 40px;
  line-height: 40px;
}

.table-limits {
  table-layout: auto;
}

.table-limits thead tr th {
  text-align: left;
  font-weight: bold;
}

.table-limits tbody tr td {
  vertical-align: middle;
}

.table-limits tbody tr td:first-child {
  text-align: left;
  width: 80%;
}

/* MODALS */

.modal-lg {
  width: 1200px !important;
  max-width: 80% !important;
}

.modal-header {
  background: #00693E;
}

.modal-header .close {
  color: #fff;
  opacity: 0.8;
}

#termsModal .modal-dialog {
  width: 60%;
}

.terms-button {
  margin-top: 6px;
}

.modal-body > .row {
  padding: 15px !important;
}

/* POPOVERS */
.closeToolTip {
  cursor: pointer;
  color: #939BA1;
}
.closeToolTip:hover {
  cursor: pointer;
  color: #939BA1;
}

.myTooltip {
  margin-top:7px;
  margin-left:10px;
  color: #939BA1;
  cursor: pointer;
}
.errorValidation {
  color: #ff0000;
}
.myTooltip:hover {
  color: #939BA1;
}
.popover {
  border: 2px solid #939BA1;
}


.popover.top>.arrow {
  margin-left: -6px;
}

.popover.top > .arrow:after {
  border-top-color: #939BA1;
}

.help-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.help-text {
  font-size: 12px;
}

.popover-content .close {
  margin-top: -2px;
}

[hidden] {
  display: none !important;
}

.new-footer {
  padding: 20px;
  border-top: solid 1px rgb(109, 104, 104);
}
.hidden {
  display:none;
}
#chartsResult2 {
	width: 100%;
	height: 700px;
}

.s-col-lg-5 {
  flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding:20px;
}
.s-col-md-5 {
  flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding:20px;
}
.s-col-lg-7 {
  flex: 0 0 58.333333%;
    max-width: 58.333333%;
    padding:20px;
}
.s-col-md-7 {
  flex: 0 0 58.333333%;
    max-width: 58.333333%;
    padding:20px;
}
/* .s-col-sm-12 {
  flex: 0 0 99%;
    max-width: 99%;
    padding:10px;
} */
/* .s-col-12 {
  flex: 0 0 99%;
    max-width: 99%;
    padding:10px;
} */