/*$login-title-imgURL: '../../../client/images/shared/login-inner-bg.png';*/
/* Additional styling for inputs */
/* Override for Webkits horrible yellow autofill */
.tableRow-columnLabels {
  font-size: 0.95em;
  font-weight: 700;
}

fast-controller-wrapper[type=discrete] fast-controller-footer {
  height: 60px;
}

.slider-selection {
  background-color: #648edc;
}

.slider-handle {
  background-image: linear-gradient(to bottom, #1F4488 0%, #162f5e 100%);
}

/* ============================== */
/* Large Sliders */
.sliderWrapper.lg .slider-selection {
  background-color: #648edc;
  opacity: 1;
}

.sliderWrapper.lg .slider-handle {
  background-color: #1F4488;
}

.sliderWrapper.lg .slider-tick.in-selection {
  background-color: #648edc;
}

/* =============================================== */
/* GENERAL STYLES FOR APP */
fast-progress-bar {
  background: linear-gradient(90deg, rgb(116, 180, 37) 0%, rgb(0, 181, 203) 33%, rgb(26, 66, 128) 66%, rgb(94, 57, 155) 100%);
}

fast-progress-bar .inner {
  height: 100%;
  background: transparent;
  transition: width 600ms ease-in-out;
}

.btn.inline-text {
  display: inline;
  font-size: inherit !important;
}

.btn.text, .btn.inline-text {
  color: #0091DA;
}

.btn.inline-text:hover {
  text-decoration: underline;
}

a,
a:active,
a:visited,
a:focus,
a:link {
  color: #696566;
}

a:hover {
  color: #1F4488;
  text-decoration: underline;
}

a.white,
a.white:active,
a.white:visited,
a.white:focus,
a.white:link {
  color: #fff;
  opacity: 0.75;
}

a.white:hover {
  opacity: 1;
  text-decoration: underline;
}

.border-halfCircle_left {
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
}

.border-halfCircle_right {
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}

.input-enclosed {
  border-radius: 0px;
  -webkit-border-radius: 0px;
}

fast-select {
  color: black;
}

/* Moved to the left because of addition of pixel that added AdChoices button */
fast-navbutton-next {
  margin-right: 100px;
}

@media (min-width: 992px) {
  .nav-button-wrapper {
    min-width: 250px;
  }
}
@media (max-width: 991px) {
  fast-controller-wrapper[type=discrete] fast-controller-footer {
    height: 80px;
  }
  fast-navbutton-previous,
  fast-navbutton-next {
    width: 100%;
  }
}
.color-white.icon {
  fill: #fff;
}

.icon.lg svg {
  height: 35px;
  width: 35px;
  min-height: 35px;
  min-width: 35px;
  font-size: 2rem;
  stroke-width: 0px;
}

.icon.sm svg {
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
  stroke-width: 0px;
}

.icon.icon-callout {
  border-radius: 50%;
  border: 2px #fff solid;
}

.icon.icon-callout svg {
  height: 200px;
  width: 200px;
  min-height: 200px;
  min-width: 200px;
  padding: 20px;
  fill: #fff;
  stroke-width: 0px;
}

.question-header {
  color: #207c88;
  font-weight: bold;
}

.question-sub {
  color: #999999;
  font-size: 14px;
}

.comparison-bar {
  height: 20px;
  width: 0%;
}

.input-enclosed {
  min-height: 35px;
}

.section-header {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: bold;
  font-size: 19px;
}

fast-row[total] {
  background-color: #E8E8E8 !important;
  font-weight: 700;
  color: #000000 !important;
  min-height: 50px !important;
}

fast-row[total] [class^=input-]:disabled, [class*=input-].disabled {
  -webkit-text-fill-color: #000000;
}

.view-header {
  color: #0B1D4B !important;
}

.view-subheader {
  color: #0B1D4B !important;
}

.calculator-chart-sec {
  -webkit-justify-content: flex-start !important;
}

.ot-sdk-show-settings {
  cursor: pointer;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: rgb(51, 51, 51);
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 149, 211, 0.05) inset;
}

/* =============================================== */
/* Modal dimensions */
.modal-controller-wrapper {
  max-width: 1500px;
  max-height: 800px;
}

.intro-bg {
  background-image: url("../../images/vcdr/intro-modal-img@2x.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.intro-header {
  font-size: 3.2rem;
  color: #737174;
}

.intro-dot {
  height: 60px;
  width: 60px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
}

.intro-text1 {
  font: normal normal normal 15px/20px Metropolis Regular;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.intro-text2 {
  font: normal normal bold 14px/20px Metropolis Semibold;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

#introduction-btn-begin {
  width: 250px;
  height: 60px;
  text-align: center;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

fast-tray-toggle .hamburgerMenu-stripe {
  background-color: #0091DA;
}

fast-additionalcontent-toggle i {
  color: #b9bbbd;
}

fast-page-list[controller=main] {
  background-color: #FFFFFF;
  padding: 5px;
  border-radius: 0px;
}

.input-enclosed.input-dirty:not(:disabled) {
  background-color: #D9EBF4 !important;
}

#OP_Number_of_Years {
  text-align-last: right;
}

#OP_Number_of_Years option {
  direction: rtl;
}

/* ================================================== */
/* Scrollbar custom edits */
body::-webkit-scrollbar-track, .overflow-y-auto::-webkit-scrollbar-track {
  background: #EEEEEE;
}

body::-webkit-scrollbar-thumb, .overflow-y-auto::-webkit-scrollbar-thumb {
  background: #207c88;
}

body::-webkit-scrollbar-thumb:hover, .overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #16565f;
}

/* =============================================== */
/* Company Profile */
.companyProfile-type + label {
  width: 150px;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(32, 124, 136, 0.5);
  border-color: #fff !important;
  border-radius: 8px;
  color: #fff !important;
}

.companyProfile-type:checked + label {
  background-color: #fff;
  color: #0091DA !important;
}
.companyProfile-type:checked + label > .icon {
  fill: #0091DA !important;
  stroke-width: 0px;
}
.companyProfile-type:checked + label:hover > .icon {
  fill: #fff !important;
  stroke-width: 0px;
}

.companyProfile-type:hover + label {
  color: #fff !important;
}

.companyProfile-type + label i {
  font-size: 4em;
  fill: #fff !important;
  stroke-width: 0px;
}

.companyProfile-bg {
  background-image: url("../../images/vcdr/profile-bg.png");
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #DC2870;
}

input:focus + .slider {
  box-shadow: 0 0 1px #DC2870;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

/* =============================================== */
/* Solution */
.solution-bg {
  background-image: url("../../images/vcdr/solution-bg.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

/* =============================================== */
/* Discovery */
.discovery-bg {
  background-image: url("../../images/vcdr/discovery-bg.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

/* =============================================== */
/* TCO */
.tco-bg {
  background-image: url("../../images/vcdr/tco-bg.svg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.callout-value.tco-callout-value {
  text-align: left;
  font: normal normal 300 30px/35px Metropolis Regular;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.callout-label.tco-callout-label {
  text-align: left;
  font: normal normal bold 12px/14px Metropolis Regular;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  font-weight: 500;
}

.disclaimer-text {
  text-align: left;
  font: italic normal normal 12px/15px Metropolis Regular;
  letter-spacing: 0px;
  color: #0B1D4B;
  opacity: 1;
}

/* =============================================== */
/* RESULTS */
.square-box {
  border: 1px solid #BFBFBF;
  border-radius: 0px;
  padding: 15px;
}

.box-callouts {
  height: 82px;
}

.box-report {
  min-height: 276px;
}

.box-tco-chart {
  min-height: 340px;
}

fast-row[total] {
  border-radius: 0px !important;
}

.indented-label {
  padding-left: 25px;
}

.total-column-bold input {
  font-weight: bold;
}

fast-table:not(.condensed) fast-row:not([total]):not([subtotal]) div.included-div {
  display: none;
}

fast-table.condensed fast-row:not([total]):not([subtotal]) div.included-div {
  display: flex;
}

fast-table:not(.condensed) fast-row.section-start-row {
  margin-bottom: 0px;
  margin-top: 0px;
}

fast-table.condensed fast-row.section-start-row {
  margin-top: 50px;
}

/* =============================================== */
/* REPORT MODAL */
.report-modal-bg {
  background-color: #FFFFFF;
}

.roi-bg {
  background-image: url("../../images/vcdr/roi-bg.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.roi-callout {
  text-align: left;
  font: normal normal 300 30px/35px Metropolis Regular;
  letter-spacing: 0px;
  color: #0B1D4B;
  opacity: 1;
}

.roi-callout-label {
  text-align: left;
  font: normal normal bold 12px/14px Metropolis Regular;
  letter-spacing: 0px;
  color: #0B1D4B;
  opacity: 1;
}

.roi-callout-RHS {
  text-align: center;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  font-size: 23px;
  font-weight: bold;
}

#getReport-btn {
  width: 125px;
  height: 37px;
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  font-size: 19px;
  font-weight: bold;
}

#roi-share-header {
  letter-spacing: 1.3px;
  color: #FFFFFF;
  opacity: 1;
  font-size: 13px;
  font-weight: bold;
}

#roi-share-text {
  text-align: center;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  font-weight: bold;
}

.roi-shared-icons {
  background: #0B1D4B 0% 0% no-repeat padding-box;
  border-radius: 100px;
  height: 48px;
  width: 114px;
}

/* =============================================== */
/* media queries */
@media (max-width: 640px) {
  .intro-header {
    font-size: 2.5rem;
  }
}