.view-exact-weight { font-weight: 400 !important;    font-size: 16px !important;    float: right;     color: #000; text-decoration: underline; }
.view-formula { font-weight: 400 !important;    font-size: 16px !important;    float: right;     color: #000; text-decoration: underline; }
.table-responsive-wrap div { display: inline-block; }
.table-responsive-wrap div.formula { display: block; } .table-responsive-wrap tr{    border-bottom: 1px solid #ddd; position: relative; }
.table-responsive-wrap td{ text-align: center; }
.table-responsive-wrap td:nth-child(1){ text-align: left; }
.table-responsive-wrap td img{ max-width: 100px; margin-bottom: 5px; }
.table-responsive-wrap:nth-child(7) tr:nth-child(1) td:nth-child(3) div,.table-responsive-wrap:nth-child(8)  tr:nth-child(1) td:nth-child(3) div,
.table-responsive-wrap:nth-child(9) tr:nth-child(1) td:nth-child(3) div,
.table-responsive-wrap:nth-child(7) tr:nth-child(2) td:nth-child(2) div,.table-responsive-wrap:nth-child(8)  tr:nth-child(2) td:nth-child(2) div,
.table-responsive-wrap:nth-child(9) tr:nth-child(2) td:nth-child(2) div
{ margin-top: 13px; float: left; } 
.dimensional_weight_calc_section h1 {
color: #000;
font-size: 50px;
font-family: 'Gilroy';
font-weight: bold;
padding-bottom: 10px;
position: relative;
}
.dimensional_weight_calc_section .hc_text_block_cnt #YjxHY {
color: #000;
font-family: 'Gilroy';
font-size: 24px;
font-weight: 400;
max-width: 640px;
margin: auto;
padding-bottom: 10px;
line-height: 30px;
}
.dimensioanl_weight_calc_wrap {
padding: 20px 0 41px;
}
.surcharge .special-note .tooltip { font-weight: bold; font-size: 18px; z-index: unset;}
.surcharge .special-note .custom-tooltip {z-index: 1000;}
.dimensioanl_weight_calc_wrap .weight_calc_box {
max-width: 770px;
margin: auto;
background-color: #fff;
box-shadow: 1px 1px 30px 0px rgba(01, 01, 01, 0.12);
padding: 33px 41px 40px 41px;
}
.formula{ font-size: 12px !important; }
.billable-weight td { border:4px solid black !important; }
.dimension_unit_box label {    display: block;    color: #666666;    font-size: 20px;    margin-bottom: 2px; min-width: 130px;}
.dimension_unit_box {
display: flex;
align-items: center;
justify-content: space-between; margin-bottom: 20px;
}
.special-note li::marker { margin-right: 5px; }
.special-note ul{   list-style: circle;       margin-left: 15px;     text-align: left; }
.special-note li{ margin-bottom: 5px; }
.formula-link { display: block;color: #000; color: #000;    text-decoration: underline;    font-weight: 400 !important; }
.formula-result{     font-size: 15px; }
.dimension_unit_box input[type="number"], .dimension_unit_box input[type="text"] {
max-width: 130px;
height: 60px;
padding: 10px 10px 10px 15px;
border: 1px solid #e0e6e8;
color: #000;
font-size: 22px;
outline: none;
font-weight: 400;
}
.custom-tooltip {    left: -80px; width: 200px; top: 20px;}
.dimension_unit_box input[type="number"]:focus, .dimension_unit_box input[type="text"]:focus, .dimension_unit_box select:focus{border: 2px solid #2047b0; }
.special-note{ font-size: 14px !important; position: relative; line-height: 17px; padding: 10px !important; vertical-align: top; }
.dimension_unit_box select {
width: 194px;
height: 60px;
padding: 10px 10px 10px 15px !important;
border: 1px solid #e0e6e8;
color: #000;
font-size: 19px !important;
outline: none !important;
font-weight: 400;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(http://shiphype.com/wp-content/uploads/2022/07/drop_arrow.png) !important;
background-repeat: no-repeat !important;
background-position: 90% 50% !important;
}
.calculate_btn {
text-align: right;
margin-top: 30px;
}
.calculate_btn .btn-calculate,  .btm_reset .btn-calculate, .calculate_btn .btn-reset {
background-color: #2047b0;
color: #fff;
border: none;
font-family: 'Gilroy';
font-size: 22px;
font-weight: 700;
padding: 20px 50px;
margin-left: 6px;
transition: all 0.3s ease;
}
.calculate_btn .btn-calculate:hover, .calculate_btn .btn-reset:hover, .btm_reset .btn-calculate:hover{
background-color: #000000;
color: #ffffff;
}
.calculate_btn .btn-reset:hover{
border-color: #000;
}
.calculate_btn .btn-reset {
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;
}
.dimensioanl_weight_calc_wrap h2, .dimensioanl_weight_calc_wrap .h2 {
color: #000;
font-size: 25px;
font-family: 'Gilroy';
font-weight: 700;
text-align: center;
line-height: 40px;
padding-bottom: 6px; text-align: center;
}
.weight_wrap_info {
border-top: 1px solid #d1d7db;
padding-top: 30px;
margin-top: 30px;
}
.weight_wrap_info table {    width: 100%; margin-bottom: 30px !important; position: relative;}
.other-carriers.canada td{ font-size: 12px; min-width: 110px !important;max-width: 110px !important; line-height: 16px;}
.other-carriers.canada td img{ max-width: 80px; }
.weight_wrap_info td {
border: 1px solid #9daac7;
color: #000;
font-size: 17px;
font-family: 'Gilroy';
font-weight: 700;
height: 46px;
letter-spacing: 0; min-width: 120px;
}
.weight_wrap_info td.title_text{
width: 288px;
padding: 5px 10px 5px 15px !important;
}
.weight_wrap_info td span {
font-weight: 500;
}
.weight_wrap_info td.logo_wrap {
text-align: center;
height: 90px;
width: 129px;
}
.data_wrap p {
margin: 0;
padding: 6px 5px 6px 15px;
}
.data_wrap p:last-child {
border-top: 1px solid;
}
.weight_wrap_info td.bg_gray {
background-color: #f7f7f9;
}
.weight_wrap_info td.bg_dark {
background-color: #e7ebf6;
}
.dimensioanl_weight_calc_wrap .weight_calc_box.v1{ max-width: 770px; }
.tooltip {opacity: 1; text-decoration: underline;}
.tooltip span {
width: 20px;
font-size: 15px;
height: 20px;
background: #2047b0;
border-radius: 10px;
display: inline-block;
color: #fff;
text-align: center;
line-height: 20px;
font-weight: 500; 
}
@media(max-width: 600px){
.dimensional_weight_calc_section h1 {font-size: 28px; padding-bottom: 2px;}
.dimension_unit_box{justify-content: flex-start; flex-wrap: wrap;}
.dimension_unit_box input[type="number"], .dimension_unit_box input[type="text"]:focus{margin-right: 30px; margin-bottom: 15px;}
.dimensioanl_weight_calc_wrap .weight_calc_box {padding: 20px 20px 30px 20px;}
.dimensioanl_weight_calc_wrap h2{font-size: 23px; padding-bottom: 3px;}
.weight_wrap_info table {width: 660px;}
.dimension_unit_box{display: block;}
.dimension_unit_box input[type="number"], .dimension_unit_box input[type="text"]:focus{max-width: 100%; width: 100%; margin-right: 0;}
.dimension_unit_box select {width: 100%; background-position: 96% 50% !important;}
}