﻿.brokingAccuntWrapper {display:none;}

/*Fee Calculator*/
.feecalculatorwrap {padding:50px 0;}
.feecalculatorwrap .feecalcform {margin:0 0 30px;}
.feecalculatorwrap .feecalcform.drpdown {margin:0 0 50px;}
.feecalculatorwrap .feecalcform label {display:block;font-weight:normal;font-size:15px;line-height:18px;margin:0 12px 5px 0;}
.feecalculatorwrap .feecalcform div {display:inline-block;position:relative;width:100%;}
.feecalculatorwrap .feecalcform div input {display:inline-block;width:100%;border: 1px solid #ddd;font-size:15px;line-height:18px;color:#000;font-weight: 500;padding:6px 30px 6px 12px;}
.feecalculatorwrap .feecalcform select {display:inline-block;width:215px;border: 1px solid #ddd;font-size:15px;line-height:18px;color:#000;font-weight: 500;padding:6px 30px 6px 12px;}
.feecalculatorwrap .feecalcform div input:focus, .feecalculatorwrap .feecalcform select, .feecalculatorwrap .feecalctable table tr td div input {outline:none;box-shadow:none;}
.feecalculatorwrap .feecalctable table tr td div input {font-size:15px;line-height:20px;color:#000;font-weight:500;}
.feecalculatorwrap .feecalcform div:after {content:"";position:absolute;top:10px;right:14px;font: normal normal normal 18px / 1 FontAwesome;color:#b2cf40;}
.feecalculatorwrap .feecalcform div.rupees:after {content:"\f156";}
.feecalculatorwrap .feecalcform div.percentage:after {content:"%";}
.feecalculatorwrap .feecalctable {margin-top:40px;}
.feecalculatorwrap .feecalctable table {width:100%;border:1px solid #ddd;}
.feecalculatorwrap .feecalctable table tr th {color:#fff;font-size:15px;line-height:18px;font-weight:normal;padding:12px;border:1px solid #ddd;background:#46529c;}
.feecalculatorwrap .feecalctable table tr th:first-child {width:520px;}
.feecalculatorwrap #oneyearpms .feecalctable table tr th:first-child {width:85%;}
.feecalculatorwrap .feecalctable table tr td {padding:12px;color:#000;font-size:15px;line-height:20px;border:1px solid #ddd;text-align:right;}
.feecalculatorwrap .feecalctable table tr td:first-child {text-align:left;}
.feecalculatorwrap .feecalctable table tr td div {position:relative;}
.feecalculatorwrap .feecalctable table tr td div.percentage:after {content:"%";position:absolute;top:9px;right:14px;color:#b2cf40;font-size:18px;}
.feecalculatorwrap .feecalctable table tr td span {font-size:15px;line-height:18px;color:#000;font-weight:500;}
.feecalculatorwrap .feecalctable .blankrow {background-color:#f5f5f5;}
.feecalculatorwrap .feecalcnotes {margin:35px 0 0;}
.feecalculatorwrap .feecalcnotes span {display:block;font-family: 'Roboto', sans-serif;font-weight:400;margin:0 0 8px;font-size:15px;line-height:18px;color: #4350b0;}
.feecalculatorwrap .feecalcnotes ul {display:block;margin:0;padding:0;}
.feecalculatorwrap .feecalcnotes ul li {display:block;margin:0 0 10px;padding:0 0 0 15px;font-size:14px;line-height:22px;color:#000;position:relative;}
.feecalculatorwrap .feecalcnotes ul li:before {content:"\f111";position:absolute;top:8px;left:0; font: normal normal normal 6px / 1 FontAwesome;}
.feecalculatorwrap .feeillustrationbtn { text-align:right;}
.feecalculatorwrap .feeillustrationbtn a { background-color: #b2cf40;border:1px solid #b2cf40; display: inline-block;color: #fff;padding: 8px 18px;font-size: 16px;line-height: 18px;border-radius: 8px;transition: all .5s ease; font-weight: bold;}
.feecalculatorwrap .feeillustrationbtn a:hover { background-color: #fff;color:#b2cf40;}

@media only screen and (max-width: 992px) {
  .feecalculatorwrap .feecalctable table tr td span {font-size:14px;line-height:17px;}
  .feecalculatorwrap .feecalctable table tr td div input {font-size:14px;line-height:17px;}
  .feecalculatorwrap .feecalctable table tr td {font-size:14px;}
}

@media only screen and (max-width: 767px) {
  .feecalculatorwrap {padding:30px 0;}
  .feecalculatorwrap .feeillustrationbtn { margin: 0 0 40px; }
}

@media only screen and (max-width: 479px) {
  .feecalculatorwrap .feecalcform label {display:block;}
  .feecalculatorwrap .feecalcform div {display:block;margin:4px 0 0;}
  .feecalculatorwrap .feecalcform div input {width:100%;}
  .feecalculatorwrap .feecalcform select {width:100%;margin:4px 0 0;font-size:14px;line-height:17px;}
  .feecalculatorwrap .feecalcform.drpdown {margin:0 0 30px;}
  .feecalculatorwrap .feecalctable {margin-top:15px;}
}