@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}div#calculate{width:auto;padding:0 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{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:25%;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:75%;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:100%}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: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:center;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: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:#f9f5f5}div#calculate .box .row table tbody td{width:100%;display:inline-block;padding:5px}div#calculate div.point{padding:10px 0}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:700;font-size:45px;text-align:center}div.title{width:100%;height:auto;padding:10px 5px;border-radius:3px;background-color:#007aff;color:#fff;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:#0ca678;color:#fff;border:none;border-radius:4px;cursor:pointer}input[type="button"]:hover{background-color:#097656}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{}div#calculate{width:100%;border-radius:4px;border:solid 1px #ddd;background-color:#fff}}.iframe-main span{float:left;width:100px;font-weight:300}.iframe-main label.iframe-gen{width:100%}.iframe-css .iframe-gen textarea{padding:10px;font-family:"Segoe UI","Open Sans",sans-serif,serif;width:98%;height:100px;border:1px solid #e5e5e5;background:#fbfbfb;font-size:16px;line-height:1.5;outline:0;-webkit-box-shadow:inset 1px 1px 2px rgb(200 200 200 / 20%);box-shadow:inset 1px 1px 2px rgb(200 200 200 / 20%);font-weight:500;color:#777}.copyit{float:right;margin-right:12px;margin-top:10px;border:none;display:inline-block;padding:10px;background:#0ca678;color:#fff;cursor:pointer;font-size:14px;text-transform:uppercase;border-radius:5px}.copyit:hover{background:#097656}