@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap");*{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Ubuntu", sans-serif}body{/* width:100%; *//* height:auto; */min-height:100vh;/* display:-webkit-box; */display:-ms-flexbox;/* display:flex; *//* -webkit-box-align:center; */-ms-flex-align:center;/* align-items:center; *//* -webkit-box-pack:center; */-ms-flex-pack:center;/* justify-content:center; padding-top: 32px !important*/;background-color:#f5f5f5;}div#calculate{width:auto;padding: 2em;border-radius:4px;border:solid 1px #ddd;background-color:#fff;margin: auto;}div#calculate .box{width:100%;height:auto;margin:10px 0}div#calculate .box .row{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:10px 0;border-bottom:solid 1px #ddd}div#calculate .box .row:last-of-type{border:none}div#calculate .box .row .col-1{width:30%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction: column;justify-content: center;-webkit-box-align:start;-ms-flex-align:start;align-items:start}div#calculate .box .row .col-2{width:70%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div#calculate .box .row .col{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px}div#calculate .box .row .col:last-of-type{border:none}div#calculate .box .row .col select{width:calc(100% - 20px) !important}div#calculate .box .row table{width:95%}div#calculate .box .row table thead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}div#calculate .box .row table thead tr{width:100%;padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}div#calculate .box .row table thead th{width:100%;text-align:left;text-indent:5px}div#calculate .box .row table tbody{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}div#calculate .box .row table tbody tr{width:100%;padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}div#calculate .box .row table tbody tr:nth-child(odd){background-color:#eee}div#calculate .box .row table tbody td{width:100%;display:inline-block;padding:5px}div#calculate div.point{padding:10px 0;border-bottom:solid 1px #ddd}div#calculate div.point p{width:100%;height:auto;text-align:center;display:block}div#calculate div.point span#total{display:block;width:100%;height:auto;padding:0 10px;font-weight:bold;font-size:45px;text-align:center}div.title{width:100%;height:auto;padding:10px 5px;border-radius:3px;background-color:#007aff;color:white;text-align:center}input{/*width:100%;height:40px*/;border:solid 1px #ddd;border-radius:4px;text-indent:10px}input[disabled]{cursor:no-drop}input:focus{outline:none;border:solid 1px #007aff}input[type="button"]{background-color:#e28000; width:100%; height:40px; color:#fff;border:none;border-radius:4px;cursor:pointer; margin:0 auto;}input[type="button"]:hover{background-color:#b04e00}select{width:100%;height:40px;border-radius:5px;border:solid 1px #ddd;background-color:#fff}small.error-small{display:block;color:red;display:none;}@media screen and (min-width: 768px) and (max-width: 1199px){div#calculate{width:90%;min-width:90%;max-width:90%;padding:10px;border-radius:4px;border:solid 1px #ddd;background-color:#fff}}@media screen and (max-width: 767px){body{/*padding-top:40px*/}div#calculate{width:100%;/*min-width:90%;max-width:90%*/;padding:10px;border-radius:4px;border:solid 1px #ddd;background-color:#fff}input[disabled]{width:60px}input[type="number"]{width:60px !important}}
    .table-is-responsive{width:100%};