@charset "utf-8";
/* CSS Document */


body {
    background-color: #fff;
    color: #555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

#main {
    min-height: 727px;
}
.col,.row{position:relative}.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.row{display:block;margin-left:-4px}.gu24 .row{width:984px}.gu23 .row{width:943px}.gu22 .row{width:902px}.gu21 .row{width:861px}.gu20 .row{width:820px}.gu19 .row{width:779px}.gu18 .row{width:738px}.gu17 .row{width:697px}.gu16 .row{width:656px}.gu15 .row{width:615px}.gu14 .row{width:574px}.gu13 .row{width:533px}.gu12 .row{width:492px}.gu11 .row{width:451px}.gu10 .row{width:410px}.gu9 .row{width:369px}.gu8 .row{width:328px}.gu7 .row{width:287px}.gu6 .row{width:246px}.gu5 .row{width:205px}.gu4 .row{width:164px}.gu3 .row{width:123px}.gu2 .row{width:82px}.gu1 .row{width:41px}.col{padding-left:4px;float:left}.gu24{width:980px}.gu23{width:939px}.gu22{width:898px}.gu21{width:857px}.gu20{width:816px}.gu19{width:775px}.gu18{width:734px}.gu17{width:693px}.gu16{width:652px}.gu15{width:611px}.gu14{width:570px}.gu13{width:529px}.gu12{width:488px}.gu11{width:447px}.gu10{width:406px}.gu9{width:365px}.gu8{width:324px}.gu7{width:283px}.gu6{width:242px}.gu5{width:201px}.gu4{width:160px}.gu3{width:119px}.gu2{width:78px}.gu1{width:37px}

.toolSize {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 15px 0;
    width: auto;
}
.inputPanel {
    border: 1px solid #ccc;
    padding-left: 0;
    width: 470px;
}
.row {
    margin-left: 0;
}
.col {
    padding-left: 2px;
}
.inputRow {
    margin: 15px 0;
    width: 457px;
}
.noselect {
    -moz-user-select: none;
}
 h3 {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    margin: 5px;
}
.col .dslider {
    margin-top: 0;
}
.slider {
    padding: 8px;
    width: 271px;
}


.rangeslider__handle {
    background: white linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)) repeat scroll 0 0 / 100% auto;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: inline-block;
    height: 40px;
    position: absolute;
    width: 40px;
}

.rangeslider, .rangeslider__fill {
    border-radius: 0;
    box-shadow: none;
}
.rangeslider--horizontal .rangeslider__fill {
    height: 100%;
    top: 0;
}
.rangeslider {
    background: #e6e6e6;
    position: relative;
}
.rangeslider--horizontal {
    height: 20px;
    width: 100%;
}
.rangeslider--horizontal {
    height: 10px;
}
.rangeslider__fill {
    background-color: #f5821f;
}
.rangeslider {
    background-color: #cacaca;
    background-image: url(sliderStripes.png);
    border-color: #f3f3f3;
}

.rangeslider__fill {
    position: absolute;
}
.rangeslider__handle:after {
    height: 10px;
    width: 10px;
}

.rangeslider__handle:after {
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-size: 100% auto;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}
.rangeslider--horizontal .rangeslider__handle {
    top: -5px;
}
.rangeslider__handle {
    background: #1f77b4 none repeat scroll 0 0;
    border: 1px solid #1f77b4;
    height: 18px;
    width: 18px;
}
.textBox {
    border: 1px solid #d9d9d9;
    height: 32px;
    margin-left: 35px;
    width: 108px;
}
.wrapper {
    position: relative;
    text-align: center;
}
.loanbox {
    width: 116px;
}
.dijitInputInner .dijitTextBoxHover, .icici .textBox, .icici .textBoxLoanAmount {
    background-color: #fff;
    background-image: none;
}
.chart, .sliderText {
    text-align: center;
}
.textBox {
    border: 1px solid #d9d9d9;
    height: 32px;
    margin-left: 35px;
    width: 108px;
}
.smallTextBox {
    width: 60px;
}
.termText {
    height: 32px;
    margin-top: 2px;
    padding-left: 5px;
}
.errorMsg {
    display: none;
}
.topMargin {
    margin-top: 20px;
}
 .homeLoanEMI {
    color: #555;
    font-size: 28px;
    font-weight: 700;
    margin: 5px;
    padding-left: 20px;
}
.homeLoanEMI span {
    color: #1a3871;
    padding-left: 20px;
}

.outputPanel {
    width: 477px;
}
.outputPanelContent {
    margin: 15px 0 0 25px;
    width: 472px;
}
 .graphTitle {
    margin-bottom: 10px;
}
.graphTitle .col h3 {
    font-weight: 700;
}
.panelMargin {
    margin-bottom: 15px;
}
.radioButtonPanel, .rpc {
    line-height: 30px;
}
.chart {
    min-width: 100%;
}
.homeOutputMargin {
    margin-left: 5%;
}
.legend0 {
    background-color: #ef701f;
}
.legend1 {
    background-color: #1285c2;
}
 h3 span {
    color: #1a3871;
    padding-left: 20px;
}
.legend0.legend-box, .legend1.legend-box {
    height: auto !important;
    margin-left: 1px !important;
    margin-right: 7px !important;
    padding: 0 5% !important;
    vertical-align: text-bottom;
}
outAlignCenter {
    padding-right: 17px;
    padding-top: 7px;
}
.outAlignLeft {
    text-align: left;
}
.applyContainer {
    float: none;
    margin: 0 69px 0 35%;
    width: 160px;
}
.btn {
    background: #f5821f ;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.btn {
    border: medium none;
    color: #fff !important;
    cursor: pointer;
}