.product-switch hr { border-color: #fff !important; }
.switch {padding:60px 0;}
.switch .card {margin-bottom:50px;}
.switch h2 {color:#a783ba;}
.switch .box {padding:40px;}
.switch ul {margin: 20px 0 20px 20px; padding:0;}
.switch li {margin:0; padding:0 0 10px 0;; font-weight:300;}
.switch table thead { font-size: 16px;}
.switch .box input { border-radius:0px; border:0px; }
.switch .bordered {border:1px solid #ccc; padding:20px;} 
.switch .box.bordered {border:2px solid #ccc; padding:20px;}  
.switch .box.brand {background:#a783ba; color:#fff;}
.switch .box.brand a {color:inherit;}
.switch .box.brand h2 {color:#fff;}
.switch .box.brand .btn-primary{background:#333740; color:#fff; margin-bottom:10px;}
.switch .box.brand .btn-group .btn-primary { margin:0px; font-size:14px;}

.switch .box .bootstrap-select {padding:5px!important;}
.switch .box .bootstrap-select .btn-default {height: 31px!important; padding:0!important; margin:0px!important; border:none; color:#aaa;}
.switch .box .bootstrap-select .btn-default:hover, .switch .box .bootstrap-select .btn-default:focus {color:#aaa;}
 
.switch .btn-circle {  width: 30px;  height: 30px;  text-align: center;  padding: 6px 0;  font-size: 16px; margin-right:10px;  line-height: 10px; border-radius: 50%;background:#a783ba; color:#fff;}
.switch .checkbox-container { width:75px; float:left; }
.switch .checkbox-label { margin-left:75px;}
.switch .checkbox-dark {  width: 30px;  height: 30px;  background-color: #ccc;  position: relative; margin-top:10px;}
.switch .checkbox-dark input[type="checkbox"] {  visibility: hidden;}
.switch .checkbox-dark label {  width: 28px; height: 28px;  position: absolute;  top: 1px;  left: 1px;  border:0px;  background-color: #fff;  cursor: pointer;}
.switch .box .checkbox-dark label {background-color:#a783ba; }
.switch .checkbox-dark label:before {  content: '';  width: 12px;  height: 7px;  border: 3px solid white;  position: absolute;  border-top: none;  border-right: none;  transform: rotate(-45deg);  top: 8px;  left: 8px;  opacity: 0.3;}

.switch .checkbox-dark input[type="checkbox"]:checked + label:before {  opacity: 1;}
.switch .checkbox-dark input[type="checkbox"]:checked + label {  background:#333740; }
.switch .checkbox-dark input[type="checkbox"]:hover + label:before {  opacity: 1;}
.switch .checkbox-dark input[type="checkbox"]:hover + label {  background:#333740;}

 
.mortgage-enquiry-error.alert-danger {background:#fff; border:1px solid #ccc; color: #676767;}
 
.radio-btn {  margin-right: 5px;  display: inline-block;}
.radio-btn:last-of-type {  margin-right: 0;}
.radio-btn input {  display: none;}
.radio-btn input[type="radio"]:checked ~ label {  color: #333740;  background:white; border:2px solid white; }
.radio-btn label {   font-weight: 600;  display: inline-block;  color: white;  padding:5px 10px;  border: 2px solid #333740;  background:#333740; border-radius:5px;  -webkit-transition: color .3s ease;  transition: color .3s ease;  cursor: pointer;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;}

 

    .Repayment{  display: none;  margin-top: 10px;}
    .Interest {   color: #fff; display: none;  margin-top:10px; padding: 10px 0;}
    .Part {  display: none;  margin-top: 10px;}
  
	
	
 
.breadcrumb-bar {    list-style: none;    display: inline-block;	width: 100%;margin: 20px 0 25px !important;}
.breadcrumb-bar li {    float: left;    height: 50px;	    line-height: 50px;}
.breadcrumb-bar li:nth-child(1) {width:25%;}
.breadcrumb-bar li:nth-child(2) {width:25%;}
.breadcrumb-bar li:nth-child(3) {width:25%;}
.breadcrumb-bar li:nth-child(4) {width:25%;}
.breadcrumb-bar li a {    color: #a783ba;    display: block; text-align:center;    background: #f1f1f1;    text-decoration: none;    position: relative; font-weight:bold;	font-size:13px;	text-transform:uppercase;    padding: 0 10px 0 0;    margin-right: 40px;}
.breadcrumb-bar li:nth-child(even) a {    background-color: #f1f1f1;}
.breadcrumb-bar li:nth-child(even) a:before {    border-color: #f1f1f1;    border-left-color: transparent;}
.breadcrumb-bar li:nth-child(even) a:after {    border-left-color: #f1f1f1;}
.breadcrumb-bar li:first-child a {    padding-left: 15px;    -moz-border-radius: 4px 0 0 4px;    -webkit-border-radius: 4px;    border-radius: 4px 0 0 4px;}
.breadcrumb-bar li:first-child a:before {    border: none;}
.breadcrumb-bar li:last-child a {    padding-right: 15px;    -moz-border-radius: 0 4px 4px 0;    -webkit-border-radius: 0;    border-radius: 0 4px 4px 0;	margin-right: 0;}
.breadcrumb-bar li:last-child a:after {    border: none;}
.breadcrumb-bar li a:before, .breadcrumb-bar li a:after {    content:"";    position: absolute;    top: 0;    border: 0 solid #f1f1f1;    border-width: 25px 15px;    width: 0;    height: 0;}
.breadcrumb-bar li a:before {    left: -30px;    border-left-color: transparent;}
.breadcrumb-bar li a:after {    left: 100%;    border-color: transparent;    border-left-color: #f1f1f1;}
.breadcrumb-bar li a:hover {    background-color: #f1f1f1;}
.breadcrumb-bar li a:hover:before {    border-color: #f1f1f1;    border-left-color: transparent;}
.breadcrumb-bar li a:hover:after {    border-left-color: #f1f1f1;}
.breadcrumb-bar li a.active {    background-color: #a783ba;	color:#fff;}
.breadcrumb-bar li a.active:before {    border-color: #a783ba;    border-left-color: transparent;}
.breadcrumb-bar li a.active:after {    border-left-color: #a783ba;}


.ellipsis { width: 100%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display:block;}
.dropdown-menu.open {  position:absolute;}

.js-retention-names hr {padding-bottom:15px; margin-bottom:10px; border-color:#cebfd6;}
#retention-dupe {position:relative;}
#retention-dupe .fa {position:absolute; right:0; top:0; z-index:100;}
#retention-dupe .fa:hover {color:#333740;}

.radio-btn input[type="radio"]:checked ~ label {
    background-color: #3aaa36 !important;
    color: #fff !important;
}

/* The container */
.container-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #afafaf;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
  background-color: #3aaa36;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-radio .checkmark:after {
  left: 9px;
  top: 3px;
  width: 7px;
  height: 17px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mt20 {
    margin-top: 20px;
}
.key-message h3 {
    margin-top: 20px;
}