.cal-body{border:1px solid #ccc;border-radius:12px;padding:30px;width:90%;height:90%;overflow:auto;max-width:400px}.cal-body.cal-4{max-width:800px}.cal-body.cal-3{max-width:600px}.cal-body.cal-2{max-width:400px}.cal-tabs{list-style:none;display:flex;padding-left:0;margin-top:0;margin-bottom:0;border-bottom:1px solid #ccc;width:100%}.cal-tabs li{text-align:center;cursor:pointer;padding:16px 8px;display:block}.cal-body.cal-4 .cal-tabs li{width:25%}.cal-body.cal-3 .cal-tabs li{width:33.3333%}.cal-body.cal-2 .cal-tabs li{width:50%}.cal-body.cal-1 .cal-tabs li{width:100%}.cal-tabs li.active{text-align:center;border-bottom:3px solid #ccc;background-color:#f4f4f4}.cal-calculator{padding-top:15px}.cal-input-wrapper .cal-input{padding:12px 0}.cal-input-wrapper .cal-input label>span{display:block}.cal-input-wrapper .cal-input label span.cal-required{display:inline-block;margin-left:4px;color:red}.cal-input-wrapper .cal-input label input{width:100%;padding:8px 16px;display:block;box-sizing:border-box}.cal-total-wrapper{padding-top:15px}.cal-total-wrapper .cal-row{display:flex;flex-wrap:wrap;padding:15px 0}.cal-total-wrapper .cal-row:not(:last-child){border-bottom:1px solid #ccc}.cal-total-wrapper .cal-main-total span{display:inline-block;width:100%}.cal-total-wrapper .cal-main-total b{font-size:48px;font-weight:700}.cal-total .title{font-size:24px;font-weight:700}.cal-total .cal-total-detail{display:flex;flex-wrap:wrap;width:100%;padding-top:8px}.cal-total .cal-total-detail span:nth-child(1){width:200px}.cal-total .cal-total-detail span:nth-child(2){width:calc(100% - 200px)}.cal-total table{border-collapse:collapse;width:100%}.cal-total table th{border:1px solid #ccc;padding:8px 0;background-color:#f4f4f4}.cal-total table td{border:1px solid #ccc;padding:8px 0;text-align:center}.cal-total table tr{padding:8px 0}@media only screen and (max-width: 474px){.cal-tabs-wrapper{overflow:auto}.cal-tabs{width:360px}}