.modal-body-input {
max-width: 700px;
}
.calculator-tool label {
display: block !important;
color: #666666 !important;
font-size: 20px !important;
margin-bottom: 2px !important;
min-width: 130px !important;
font-weight: bold;
font-family: "Roboto", Helvetica, Arial, sans-serif;
margin: 0px !important;
}
body .calculator-tool select {
width: 194px;
height: 60px;
padding: 10px 10px 10px 15px !important;
border: 1px solid #e0e6e8 !important;
color: #000;
font-size: 19px !important;
outline: none !important;
font-weight: 400;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//shiphype.com/wp-content/uploads/2022/07/drop_arrow.png) !important;
background-repeat: no-repeat !important;
background-position: 90% 50% !important;
}
.calculator-tool input[type="number"],
.calculator-tool input[type="text"] {
max-width: 130px;
height: 60px;
padding: 10px 10px 10px 10px !important;
border: 1px solid #e0e6e8;
color: #000;
font-size: 22px;
outline: none;
font-weight: 400;
}
#packageWeight { margin-right: 5px; }
#myModalstorage #tab-2 .storage-table {
margin-top: 20px;
position: relative;
}
.modal-body {
font-family: 'Gilroy';
color: #000;
margin: 30px auto;
background-color: #fff;
box-shadow: 1px 1px 30px 0px rgb(1 1 1 / 12%);
padding: 33px 41px 40px 41px;
}
.storage-fee #total_sku {
border: 2px solid #E4E4E4 !important;
}
#myModalstorage .storage-table input {
border: 1px solid #d1d4db;
height: 52px;
width: 75px;
text-align: center;
padding: 5px;
color: #000;
font-weight: 400;
outline: none;
}
#myModalstorage #tab-2 .storage-table input {
height: 42px;
width: 54px;
}
.container-calculation {
display: none;
}
.calculate_btn_wrap .calculate-storage-fee {
background-color: #2047b0;
color: #fff;
border: none;
font-family: 'Gilroy';
font-size: 22px;
font-weight: 700;
padding: 20px 50px;
transition: all 0.3s ease;
border-radius: 0px;
}
.calculate_btn_wrap .reset-calculation {
background-color: transparent;
border: 1px solid #2047b0;
color: #2047b0;
font-family: 'Gilroy';
font-size: 22px;
font-weight: 700;
padding: 20px 50px;
transition: all 0.3s ease;
border-radius: 0px;
margin: 10px 20px 20px 0px;
}
.calculate-storage-fee.button {
margin-bottom: 20px !important;
margin-right: 20px !important;    
}
.calculate-storage-fee.button {
margin-top: 10px;
}
.storage-table .units .col-md-6 {
padding-left: 0px;
}
#myModalstorage #tab-2 input[type=text], #myModalstorage #tab-2 input[type=number], #myModalstorage #tab-2 select {
height: 60px !important;
}
#myModalstorage .storage-sku-heeader {
margin-bottom: 8px;
}
#myModalstorage #tab-2 .storage-sku-container .storage-sku {
margin-bottom: 35px !important;
}
#tab-2 .cost_breakdown_result td { text-align: center; }
#myModalstorage table {  color: #000; }
#myModalstorage #tab-2 select#total_sku { top: -55px; }
.storage-sku-heeader { font-weight: bold; }
.cost_breakdown_result img {    max-width: 80px !important; margin-top: 10px !important;}
.container-calculation { display: none; }
#myModalstorage .cost_breakdown_result { margin-top: 20px; }
#myModalstorage .cost_breakdown_result td:nth-child(4) { width: 15%; }
.cost_breakdown_result { overflow: auto; }
#myModalstorage #tab-2 .col-4 {    width: 33%; }
.storage-table .units .col-md-6{ padding-left: 0px; }
.storage-table input[type=number]:focus{border: 2px solid #2047b0 !important;}
.storage-table .units .col-md-6 select, .storage-table .units .col-md-6 input{  margin-right: 5px; }
.dimensional_weight_calc_section { margin-bottom: 50px; }
.dimensional_weight_calc_section > .container { max-width: 1000px; }
.modal-body-input { max-width: 700px; }
#container_height { margin-right: 5px; }
p.hgt_note b{ font-style:normal; }
.calculate-storage-fee.button { margin-top: 10px; }
.reset-storage-fee {    padding: 15px 40px;   font-size: 25px; }
.calculate_btn_wrap .reset-calculation {
background-color: transparent;
border: 1px solid #2047b0;
color: #2047b0;
font-family: 'Gilroy';
font-size: 22px;
font-weight: 700;
padding: 20px 50px;
transition: all 0.3s ease;
border-radius: 0px; margin:10px 20px 20px 0px;   
}
.calculate_btn_wrap .reset-calculation:hover {
border-color: #000;
background-color: #000000;
color: #ffffff;
}
img#generatedCanvasImage {
height:804px; 
width:819px;
position: absolute;
top: -104px; left: -190px; width: 200px; height: 200px; }
@media(max-width:849px){
#myModalstorage .storage-sku-heeader {
display: block;
}
}
@media (max-width: 600px) {
.calculator-tool label.mobile-hide {
display: none !important;
}
.modal-body {
padding: 33px 21px 40px 21px;
}
.storage-sku div {
margin: 0px 0px 10px;
}
}