#calculator{
    background-color: #f6f9fc;
}
#calculator .row{
    margin-right: 0px!important;
    margin-left: 0px!important;
}
#calculator select{
    padding: 5px!important;
}
#calculator input{
    padding: 10px 2px 10px 5px!important;
}
.mobile-view{
    display: none !important;
    padding-right: 9px !important;
}
.calculator-1{
    width: 30%;
    background: white;
    text-align: center;
    margin-bottom: 1.5%;
    box-shadow: 1px 1px 4px #c4c4c4;
    padding: 11px;
    position: relative;
    padding-top: 35px;
    height: 92px;
}
.calculator-2{
    width: 39% !important;
    background: white;
    text-align: center;
    margin-bottom: 1.5%;
    box-shadow: 1px 1px 4px #c4c4c4;
    margin-left: 5px;
    margin-right: 5px;
    padding: 11px;
    position: relative;
    padding-top: 35px;
    height: 92px;
}
.calculator-3{
    width: 30%;
    background: white;
    text-align: center;
    margin-bottom: 1.5%;
    box-shadow: 1px 1px 4px #c4c4c4;
    padding: 11px;
    position: relative;
    padding-top: 35px;
    height: 92px;
}

.calculator-box-1 {
    padding: 10px;
    background: white;
    font-size: 12px;
    box-shadow: 2px 2px 0px #ddd;
    margin-top: 1px;
    transition: all 0.20s ease-out;
    height: 575px!important;
    text-align: right!important;
    padding-right: 15px;
    
}
.calculator-box-2 {
    padding: 10px;
    background: white;
    font-size: 12px;
    box-shadow: 2px 2px 0px #ddd;
    margin-top: 1px;
    transition: all 0.20s ease-out;
    height: 575px!important;
    text-align: right!important;
    padding-right: 30px;
}
.calculator-box-3 {
    padding: 10px;
    background: white;
    font-size: 12px;
    box-shadow: 2px 2px 0px #ddd;
    margin-top: 1px;
    transition: all 0.20s ease-out;
    height: 575px!important;
    text-align: right!important;
    padding-right: 30px;
    
}
.calculator-title{
    padding: 10px;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 2px 2px 0px #ddd;
    padding: 10px;
    color: #00abc3;
    background: white;
    height: 60px !important;
    border-top:3px solid #17a2b8;
}
.calculator-box-1 .form-group{
margin-bottom: 2px!important;
}

.pt-0{
    padding:0px 0px 0px 0px !important; 
}
.pt-1{
    padding:1px 0px 0px 0px !important; 
}
.pt-2{
    padding:2px 0px 0px 0px !important; 
}
.pt-3{
    padding:3px 0px 0px 0px !important; 
}
.pt-4{
    padding:4px 0px 0px 0px !important; 
}
.pt-5{
    padding:5px 0px 0px 0px !important; 
}
.pt-9{
    padding:9px 0px 0px 0px !important; 
}
.pt-12{
    padding:12px 0px 0px 0px !important; 
}
.pb-0{
    padding:0px 0px 0px 0px !important; 
}
.pb-1{
    padding:0px 0px 1px 0px !important; 
}
.pb-2{
    padding:0px 0px 2px 0px !important; 
}
.pb-3{
    padding:0px 0px 3px 0px !important; 
}
.pb-4{
    padding:0px 0px 4px 0px !important; 
}
.pb-5{
    padding:0px 0px 5px 0px !important; 
}


.netToGross{
    height:auto!important;
}
.netPay{
    height:auto!important;
}
.weeklyEarning{
    height:auto!important;
    float: right;
}
.calculator-button{
    box-shadow: 2px 2px 0px #ddd;
    padding: 5px;
    background: #f0fcff;
    text-align: center;
    height: 60px !important;
    margin-bottom: 40px;
}
.calculator-button .btn-info{
    background-color: #00abc3!important;
}
.label-title{
    font-size: 12px;
    font-weight: 600;
    color:#17a2b8;
}
.label-header{
    font-size: 14px;
    font-weight: 700;
    color:#17a2b8;
}
.calculator-box-2 .table-responsive
{
    padding-right:13px  !important;
}
.calculator-box-2 .table th,.calculator-box-2 .table td{
    padding: 2px!important;
    border:none!important;
}
.calculator-box-2 .table thead th{
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color:#17a2b8 !important;
}
.calculator-box-2 .table th{
    font-size: 12px !important;
    font-weight: 600 !important;
    color:#17a2b8 !important;
}
.calculator-box-2 .table tbody th{
    padding-top:13px!important; 
    width:30%!important;
    text-align: right!important;
    padding-right: 5px!important;
}
.calculator-box-2 .table thead th{
    padding-left: 15px !important;
}
@media (max-width: 768px) {
    
.calculator-box-1 {
    height: 815px!important;
    margin-bottom: 0!important;
    float: left!important;
    text-align: left!important;
}
.calculator-box-2 {
    height: 670px!important;
    margin-bottom: 0!important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    float: left!important;
    text-align: left!important;
}
.calculator-box-3 {
    height: 295px!important;
    margin-bottom: 0!important;
    float: left!important;
    text-align: left!important;
}
.label-title{
    padding: 0px 0px 2px 25px!important;
}
.calculator-button{
    padding-top: 15px!important;
}
.desktop-view{
    display: none !important;
}
.mobile-view{
    display: block!important;
}
}

@media (min-width: 768px) and (max-width:800px) {
    
    .calculator-box-1 {
        height: 595px!important;
        margin-bottom: 0!important;
        float: left!important;
        text-align: left!important;
        padding-right: 10px !important;
    }
    .calculator-box-2 {
        height: 595px!important;
        margin-bottom: 0!important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        float: left!important;
        text-align: left!important;
        padding-right: 10px !important;
    }
    .calculator-box-3 {
        height: 595px!important;
        margin-bottom: 0!important;
        float: left!important;
        text-align: left!important;
        padding-right: 10px !important;
    }
    .label-title{
        padding: 0px 0px 2px 25px!important;
    }
    .calculator-button{
        padding-top: 7px!important;
    }
}