*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}body{font-size:100%;line-height:1em}.budget-calculator{position:relative}.tax-sprite{background:#2166f3 url(https://static.toiimg.com/photo/62634908.cms) center center no-repeat;background-size:320px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);margin-top:10px}#calculateTaxForm{padding:10px;border:1px solid #ddd}.budget-calculator h1{text-align:center;font-weight:900;text-transform:uppercase;font-size:28px;margin:30px 0 0 0}
.budget-calculator h3{text-align:center;font-weight:700;text-transform:uppercase;font-size:18px}.budget-calculator .subtext{color:#333;line-height:22px;margin:5px 0 20px 0}.budget-calculator .info{font-size:11px;font-weight:400;color:#999;line-height:16px;padding-right:16px;display:inline-block;margin-top:6px}.budget-calculator .info span{color:#000;font-size:10px}.budget-calculator label{cursor:auto}.budget-calculator .form-elements .credits{text-align:center;margin:15px auto;margin-bottom:0;width:33%;font-size:12px;color:#aaa;font-weight:400}
.legends{margin:0 auto;text-align:center;text-transform:uppercase}.legends li{display:inline-block;background:#f4463d;line-height:23px;padding:0;color:#fff;font-size:12px;font-weight:400;margin:0;width:80px;height:22px}.legends li:last-child{background:#00ae85}.budget-calculator .form-elements{padding:10px;font-size:16px;font-weight:700}.budget-calculator .form-elements:after{display:table;clear:both;content:''}.budget-calculator .form-elements .label,.budget-calculator .form-elements .field,.budget-calculator .form-elements .latestbudget{float:left;width:33.333%}
.budget-calculator .form-elements label{line-height:35px;color:#1a1a1a;font-size:14px;font-weight:600}.budget-calculator .form-elements .field label{font-size:20px}.budget-calculator .form-elements .field input{width:98%;display:block;border:1px solid #ccc;background:#fafafa;border-radius:1px;padding:10px 5px;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1)}.bgImg .budget-calculator .form-elements .field input{width:91%}.budget-calculator .form-elements .field .error-msg{font-size:12px;font-weight:400;color:red;margin-top:5px}
.budget-calculator .form-elements .button{text-transform:uppercase;font-size:16px;background-color:#2166f3;border-radius:2px;border:0;display:block;padding:10px 45px;color:#fff;font-weight:700;margin:0 auto}.budget-calculator input[type="checkbox"]{vertical-align:middle;width:18px;height:18px}.budget-calculator .form-elements #compare label{width:30%;display:inline-block;line-height:16px;vertical-align:top;margin-left:8px;font-weight:400;text-transform:uppercase;font-size:12px;color:#1f1f1f;padding-right:30px}
.budget-calculator #calculate-hra{color:#2166f3;text-transform:uppercase;font-size:10px;font-weight:700;cursor:pointer;margin-top:5px}#calculated-tax .form-elements.saving-border{border-top:1px solid #ddd;border-bottom:1px solid #ddd}#calculated-tax .form-elements .field label{font-size:25px}#calculated-tax #savings{margin-top:35px;text-align:center;font-size:24px}#calculated-tax .save{color:#29ae81}#calculated-tax .loss{color:#f4463d}#gross-empty{font-size:12px;font-weight:normal;color:#f4463d;display:none}
#calculated-tax #savings span{font-weight:700}.latestbudget{display:none}#calculated-tax{display:none}#hra-fields #accomodation{width:40%;display:inline-block;border:1px solid #ccc;background:#fafafa;border-radius:1px;padding:10px 5px;margin-right:10px;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.1)}#hra-fields #hra-done,#hra-fields #hra-cancel{text-transform:uppercase;font-size:14px;background-color:#2166f3;border-radius:2px;border:0;display:inline-block;padding:8px;color:#fff;font-weight:700;margin-right:5px}
#hra-fields #hra-cancel{background-color:#c00}#calculate-savings-container{display:none;margin:30px auto}.budget-calculator .sliders{width:535px;margin:35px auto}.budget-calculator .sliders .slider-field{margin:0 auto 15px;white-space:nowrap}.budget-calculator .sliders .slider-field div{display:inline-block;font-size:14px;color:#333;vertical-align:middle}.budget-calculator .sliders .slider-field .slider-name{font-weight:600}.budget-calculator .sliders .slider-name{width:130px;text-align:right;margin-right:20px}
.budget-calculator .sliders .slider-container{width:calc(100% - 158px);margin-right:10px}.budget-calculator .sliders .slider-val{width:20px;font-size:16px !important;color:#555 !important;font-weight:700}.budget-calculator .sliders .tax-slabs{display:inline-block}.budget-calculator .sliders .tax-slabs-box .slider-name{margin-top:20px}.budget-calculator .sliders .tax-slabs-box{margin-bottom:10px !important}#calculate-savings-container .slider-info,#calculate-savings-container .tax-slab-info{margin-left:150px;margin-top:15px;margin-bottom:30px;line-height:18px;font-size:12px;color:#999}
#calculate-savings-container .tax-slab-info{margin-top:0}.budget-calculator .sliders .slider-field:after{content:'';display:table;clear:both}.bgImg .budget-calculator #calculateTaxForm .field{width:50%}.budget-calculator .sliders .tax-slabs li{display:inline-block;width:90px;margin-right:15px}.budget-calculator .sliders .tax-slabs li .taxslab-info{position:relative;width:100%}.budget-calculator .sliders .tax-slabs li .taxslab-info p{text-align:center;color:#999;text-transform:uppercase;font-weight:700;margin:0;font-size:14px;padding:0}
.budget-calculator .sliders .tax-slabs li .taxslab-info .control{background:#f4f4f4;position:absolute;width:25px;float:left;height:36px;border:1px solid #bdbdbd;cursor:pointer;border-radius:2px}.budget-calculator .sliders .tax-slabs li .taxslab-info .control span{font-size:22px;text-align:center;display:block;transform:translate(-50%,-50%);top:50%;position:absolute;left:50%;font-weight:700}.budget-calculator .sliders .tax-slabs li .taxslab-info .control.left{left:0}.budget-calculator .sliders .tax-slabs li .taxslab-info .control.right{right:0}
.budget-calculator .sliders .tax-slabs li .taxslab-info .counter .label{font-weight:300;font-size:12px;line-height:34px}.budget-calculator .sliders .tax-slabs li .taxslab-info span.slabplus{font-size:22px;font-weight:700;line-height:14px;position:relative;top:3px}.budget-calculator .sliders .tax-slabs li .taxslab-info .counter{position:relative;text-align:center;height:36px;float:left;border:1px solid #bdbdbd;border-left:0;border-right:0;margin-left:21px;font-size:14px;padding:1px 3px;width:44px}
.budget-calculator .sliders .tax-slabs li .taxslab-info .counter .text-inputs{min-width:12px;height:33px;margin-top:0;display:inline-block;border:0;font-weight:300;font-size:12px;line-height:34px;color:#999;text-align:center;position:relative;margin:0 auto;max-width:22px;border-left:0;border-right:0;text-align:right;margin-right:12px}.budget-calculator .sliders .tax-slabs li .taxslab-info .counter .percent{font-size:12px;color:#999;font-weight:300;position:absolute;z-index:2;right:7px;top:10px;left:auto}
.budget-calculator .form-elements .button[disabled]{background:#999;cursor:not-allowed}.budget-calculator .sliders .tax-slabs .taxslab-info .plus{position:relative;font-size:24px !important;font-weight:400 !important;color:#333 !important}.budget-calculator .sliders .tax-slabs .taxslab-info .minus{position:relative;font-size:32px !important;font-weight:400 !important;color:#333 !important}.error-msg{display:none}@media screen and (max-width:1024px){.budget-calculator .sliders .tax-slabs li .taxslab-info .counter .text-inputs{min-width:22px;font-size:11px}
.budget-calculator .sliders{width:580px}.budget-calculator .sliders .tax-slabs li{width:100px}.budget-calculator .sliders .tax-slabs li .taxslab-info .counter{width:54px}.budget-calculator .sliders .tax-slabs li .taxslab-info .counter .text-inputs{max-width:30px;text-align:right}.budget-calculator .sliders .tax-slabs li .taxslab-info .counter .percent{top:12px}}