#content {
	border: none;
}

#calculator-form{
    padding-top: 10px;
}
.inputWrapper > input {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    width: 190px;
    margin-right: 15px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}
.inputWrapper > input:focus, textarea:focus {
    outline: none;
}
#age {
    width: 120px;
}
.inputWrapper{
    display: inline-block;
    vertical-align: top;
}
.error{
    color: #ed0722;
    font-size: 11px !important;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
}
.discountWrapper{
    display: none;
    margin-top: 15px;
}
.discountText{
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    max-width: 91%;
}
.discountImage{
    display: inline-block;
    vertical-align: top;
}
.discountTextBody{
    font-size: 12px !important;
    padding-bottom: 0px;
}
.discountTextHeader{
    font-size: 12px !important;
    padding-bottom: 0px !important;
    color: #ed0722;
    font-weight: bold;

}
.primaryColor{
    color: #ed0722;
}
.resultWrapper, .resultHeader, .resultInfo, .resultBody {
    display:block;
}
.resultWrapper{
margin-top: 25px;
}
.resultHeaderImage, .resultHeaderTitle, .resultInfoImage, .resultInfoBody {

    display: inline-block;
    vertical-align: top;
}
.resultInfo{
    padding-top: 0px;
    padding-bottom: 10px;
}
.resultInfoImage > img {
padding-top: 5px;

}
.resultBox{
    display:inline-block;
    width: 49%;
    vertical-align: top;
}
.resultHeader {
    margin-bottom: 20px;
}
.modalHeader > h3 { display:inline-block;}
.resultHeaderImage > img {
    width: 50px;
}
.resultHeaderTitle > p {
    padding-bottom: 0px !important;
    font-size: 1.8em !important;
    padding-left:5px;
}
.result {
    color: #ed0722;
    font-size: 2.2em !important;
    padding-bottom: 6px !important;

}
.resultBody > ul > li {
margin-left: 15px !important;

}
.resultBody > ul > li > p {
    font-size: 1.1em !important;
    padding-right: 20px !important;
}
.resultInfo{
    display:none;
}
.labelInput{
    display: block !important;
    color: #fff ;
    font-size: 1.4em !important;

}
.error {
    transition-property: all;
    transition-duration: 1s
}
.infoBlock{
    padding-top:3px;
    padding-bottom:3px;
}
.infoWrapper{
    background: #fafafa;
    display: block;
    border-radius: 6px;
    margin-top:14px;
    width: 100%;
}
.info{
    display:inline-block;
    vertical-align:top;
    padding-top: 5px !important;
    padding-bottom:3px !important;
    padding-left: 5px !important;
    font-size: 1.1em !important;
}
.infoIcon{
    display:inline-block;
    vertical-align: top;
    float:left;
    padding-left: 5px;
    padding-top: 3px;
}
.infoWrapper{
    display:none;
}
.errorIcon{
    background-image: url('http://www.scotiabank.com/ca/common/icons/png/error.png');
    background-repeat: no-repeat;
    background-position: right 6px top 5px;

}
.checkIcon{
    background-image: url('http://www.scotiabank.com/ca/common/icons/png/check.png');
    background-repeat: no-repeat;
    background-position: right 6px top 10px;
}
@media  (max-width: 689px){
    .inputWrapper{
    display: block;
    margin-bottom: 10px;
    }
    .inputWrapper > input {
    width: 90%;
    }
    #age{ 
    width: 90%;
    }
    #calculator-form{ 
    padding-right: 10px;
    }
    .discountImage{
    width: 10%
    }
    .discountText{
    width: 85%
    }
    .discountTextBody{
    padding-top: 0px !important;
    }
    .discountImage{ 
    padding-top:15px
    }
    .resultHeaderTitle > p{
    font-size: 18px !important;
    padding-top: 0px !important;
    padding-left: 7px !important;
    }
    .resultHeaderImage > img {
    width: 50px;
    }
    .resultInfoImage > img{
    padding-top: 15px !important;
    }
    .result{
    font-size: 22px !important;
    }
    .discountWrapper{ 
    display:none;
    margin-bottom: 20px ;
    }
    .infoIcon{ 
    width: 10%; 
    text-align:center; 
    padding-top: 10px;
    }
    .info{
    width: 85%;
    }
    .resultBox { 
    display: block;
    width: 100%;
    }
    .phone{
    width: 100% !important;
    }
}
@media (min-width: 690px) and (max-width: 1024px){
    .infoWrapper{
    width: 75%;
    }
    .resultHeaderTitle > p {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    }
    .info{
    padding-left: 30px !important;
    }
    .discountImage{ 
    padding-top:5px
    }
    .discountTextBody{ padding-top: 0px !important; padding-bottom: 0px !important; width: 
    100% !important;
    }
    .resultWrapper{
    margin-top: 30px;
    }
    .resultHeader{
    margin-bottom: 0px;
    }
    #content #content-body .right ul li{
    width: 50% !important;
    }
    .applyInPerson {
    padding-top: 6px;
    }
    .resultInfoImage > img{
    padding-top: 15px !important;
    }
    .resultInfo{
    padding-bottom: 0px;
    }
}
@media (min-width: 690px) and (max-width: 1024px) and (orientation: landscape){
    .infoWrapper{
    width: 90%;
    }
    .resultHeaderTitle > p {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    }
    .info{
    padding-left: 10px !important;
    font-size: 9px;
    }
    .discountImage{ 
    padding-top:5px
    }
    .discountTextBody{ 
    padding-top: 0px !important; 
    padding-bottom: 0px !important; 
    width: 100% !important;
    }
    .resultWrapper{
    margin-top: 30px;
    }
    .resultHeader{
    margin-bottom: 0px;
    }
    #content #content-body .right ul li{
    width: 50% !important;
    }
    .applyInPerson {
    padding-top: 6px;
    }
    .resultInfoImage > img{
    padding-top: 15px !important;
    }
    .resultInfo{
    padding-bottom: 0px;
    }
    #content-body .right ul{
    width: 100%!important;
    }
    #content-body .right .phone {
    display: block;
    width: 100% !important;
    }
}
.discountWrapper{ 
    display:none;
}
table.default{
border-top: none !important;
}
tbody{
border-top: 3px solid #ccc;
}
.discountModal{
display:none;
position: absolute;
background-color: white;
z-index:1;
max-width: 500px; 
margin: 0 auto;
left: 0;
right: 0;
top: 50px;
}
.modal{
border-radius:5px;
border: 1px solid #666;
opacity: 1;
z-index: 999;
padding: 20px;
}
table.default {
font-size: 1.2em !important;
}
.closeModal{
color: red; 
font-weight: bold;
font-size:1.4em;
}
.legal > ul > li {
list-style-type: none !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
line-height: initial !important;
}
.wrapper{
    overflow-x: hidden;
}