#ms-combobulator {
    margin-top: -20px;
    list-style-type: none;
}   
#introtext {
		color: #127ab9;
        background-color: white;
}
			.intro {
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-webkit-align-items: center;
					-ms-flex-align: center;
					align-items: center;	
				}
#introCTA {
    font-size: 1.1em;
    padding: 1em 0em;
    					/* disable absolute positioning */
					position: relative !important;
					top: inherit !important;
					left: inherit !important;
					-moz-transform: none !important;
					-webkit-transform: none !important;
					transform: none !important;
}
.headerImage {
    display: none;
}
			@media (max-width: 1022px) {
					#introtext .large-3 {
						display: none;
					}
				}
/* ---------- USER INPUTS ---------- */
#Ttipb, #Ttip2b {
    margin-top: -1rem;
    margin-bottom: 1rem;
}
.hideTooltip {
    display: none !important;
}
#combobulator-input-container .column{
    padding-left: 0px;
    padding-right: 0px;
}
#combobulator-input-container {
	background-color: #f8f8f8;
}

.row-title  {
    color: #127ab9;
    font-family: "Neue Helvetica W01",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    text-rendering: optimizeLegibility;
    font-size: 2.625rem;
}

/*DOLLAR SIGN*/
.left-inner-addon input {
    padding-left: 10px;  
    text-align: left;    
}

.left-inner-addon span {
    position: absolute;
    padding: .4em .5em;
    pointer-events: none;
    font-size:18px; 
    color: white;
}
/*PERCENTAGE SIGN*/
.right-inner-addon span {
    color: white;
    position: absolute;
    padding-top: .4em;
    padding-left: 17%;
    pointer-events: none;
    font-size:18px; 
}
.right-inner-addon {
    width: 35%;
}
#combobulator-input .input-group-field, #combobulator-input .dropdown{
	color: white;
	border-radius:5px;
	border-width:0px; 
	font-size:18px; 
}
.darkinput {
	background-color: #16364b !important;
}
.lightinput {
	background-color: #127ab9;
}
.lightinput:hover {
	background-color: #16364b;
    border: none;
}

#userRate{
	width: 100% !important;
}
#principalInput {
    padding-left: 1.125em;
}

#pcuRateDisplay, #pcuCompRateDisplay {
    font-size: 1.4em;
}
.subText {
    font-size: .7em;
}
#minimumDepositText {
    font-size: 1.2em;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.content-block {
    padding-top: 20px;
}

#combobulator-input {
    padding-bottom: 20px;
}
				#combobulator-input-container-wrapper {
					background-color: #f8f8f8;
					float: left;
					width: 100%;
				}
                				#combobulator-input-container {
					overflow: auto;
					background: transparent;
				}

/* ---------- RESULTS ---------- */
#combobulatorResultContainer, #combobulatorResultContainerB {
	padding-top: 20px;
}

.hideResult {
    display: none;
}
.resultnumber {
	font-size: 4em;
	font-weight:700;
	line-height: 1em;
	color: #127ab9;
}

.resultnumberb {
	font-size: 3em;
	font-weight:700;
	line-height: 2rem;
	color: #127ab9;
}
#combobulatorFigures .reduce {
    margin-top: 1em!important;
}
#pocuhero {
    margin-left:auto;
    margin-right:auto;
    display: block;
}
.button.learnmore {
	padding: 1rem 1.5rem 1.0625rem !important;
    margin-top: 1em;
}
.button.learnmorefail {
	padding: 1rem 1.5rem 1.0625rem !important;
}

.unboldstatement{
	font-weight: 400;
}

#betterLoanCTA {
    text-align: center;
	background-color: #f8f8f8;
    padding-bottom: 1em;
    margin-top: 1em;
    padding-top: .3em;
}
#betterLoanCTA p{
margin-bottom: 0rem;
}

#morebetter {
	padding-top: .4em;
    float: left;
    width: 100%;
    margin-left: 0;
	margin-right: 0;
    text-align: center;
}
#morebetter p{
margin-bottom: 0rem;
}
#POCUAnimations {
    display: none;
}

#combobulatorFigures {
    width: 100%;
    text-align:center;
}
#timeSavings {
    padding-top: 30px;
}
/* ---------- RESPONSIVENESS ---------- */
@media only screen and (min-width:566px) {
#userRate{
	width: 50% !important;
}
.right-inner-addon span {
    padding-left: 8%;
}
}
@media only screen and (min-width:599px) {
#userRate{
	width: 47% !important;
}
.right-inner-addon span {
    padding-left: 8%;
}
}
@media only screen and (min-width:1023px) {
#POCUAnimations {
    display: inline;
}
#introtext {
        padding-top: .5em;
}

#introCTA {
    font-size: 1.3em;
    position: absolute;
    top: 50%;
    left: 60%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 1em 3em 1em 0em;
}
.headerImage {
    display: block;
    margin-left:auto;
    margin-right:auto;
}

/* ---------- USER INPUTS ---------- */
.widgets-text {
	font-size: 1.5em;
	font-weight: 700;
}
#combobulator-input-container {
	padding-bottom:.5em;
    padding-top: .5em;
}
#combobulator-input-container-wrapper {
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

#combobulator-input p {
    font-size: 1rem;
}
#combobulator-input {
    padding-bottom: 0px;
}
#combobulator-input .input-group-field, #combobulator-input .dropdown{
	width: 90%;
}
.step2 {
    margin: 0px 5% !important;
    max-width: 40%;
}
#combobulator-input .dropdown{
    width: 95%;
}

/*DOLLAR SIGN*/
.left-inner-addon input {
    padding-left: 10px;  
    text-align: left;    
}

.left-inner-addon span {
    position: absolute;
    padding: .4em .5em;
    pointer-events: none;
    font-size:18px; 
    color: white;
}

/*PERCENTAGE SIGN*/
.right-inner-addon span {
    color: white;
    position: absolute;
    padding: .4em 2.8em;
    pointer-events: none;
    font-size:18px; 
}
.right-inner-addon {
    width: 100%;
}
#userRate{
	width: 40% !important;
}

#principalInput {
    padding-left: 1.1em;
}
.row-desc {
	min-height: 4em;
}

#combobulatorFigures {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-left: 3em;
}
#timeSavings {
    padding-top: 0px;
}
.resultnumber {
	font-size: 6em;
}
.resultnumberb {
	line-height: 1.2em;
}
#combobulatorFigures .reduce {
    margin-top: 0em!important;
}

/* ---------- TOOLTIP ---------- */
/* Tooltip container*/
.tooltip {
    position: relative;
    display: inline-block;
} 

#compRateTooltipContainer, #principalTooltipContainer {
    color: #16364b;
}

/* Tooltip text */
.tooltip .tooltiptext {
    width: 120px;
    background-color: #16364b;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    width: 200px;
    bottom: 100%;
    left: -100%;
}

.hiddenTooltip
{
    visibility: hidden;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left:  17%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #16364b transparent transparent transparent;
    pointer-events: none;
}
}
@media only screen and (min-width:1200px) {
#userRate{
	width: 35% !important;
}
.subText {
    font-size: .8em;
}
#combobulator-input .dropdown{
    width: 90%;
}
.row-desc {
	min-height: 3em;
}
}