.product-view .area-medida { width: 100%; text-align: left; margin: 15px 0px; }
.product-view .area-medida button.btn { padding: 7px 20px; margin: 0px 0px 10px; font-weight: 600; border:none; transition: all 0.3s; box-shadow: none;}
.product-view .area-medida .block-como-medir a { transition: all 0.3s; }

#tabMeasure thead th{width:10% !important}
#tabMeasure input{width:100px !important}
div#modalMeasure .modal-content { border: none; border-bottom: 5px solid;}
div#modalMeasure .modal-content .modal-header { border: none; }
#modalMeasure .modal-header .modal-title { margin: 0px auto; display: table; width: 100%; }
#modalMeasure span.title{margin-top:25px;width:100%;display: table;text-align: center;}
#modalMeasure span.title .title_measure{font-size: 38px;text-transform: uppercase;display: table; margin: 0px auto; text-align: center;font-weight: 600;}
#modalMeasure span.title span.guia_tamanho{font-size: var(--size-14);letter-spacing:2px;}
#modalMeasure .modal-header button.close{text-align: right;position: absolute; right: 35px; top: 30px;font-size: 35px; padding: 0px;}
#modalMeasure .modal-body { align-self: center; }
#modalMeasure .modal-body span.title_content{font-size: var(--size-16);color:#444444;}
#modalMeasure .modal-body .border { display: inline-block; min-width: 120px; min-height: 50px;background-color: white; border: 1px solid #eaeaea !important; }
#modalMeasure .modal-body .column-data {width: 107px;}
#modalMeasure .modal-body .header .column-data { text-transform: uppercase; font-weight: 600; }
#modalMeasure .modal-body .data-content {background-color: #f3f3f3;}
#modalMeasure .modal-body .d-flex.header {margin-bottom:10px;}
#modalMeasure .modal-body span.border.d-flex.justify-content-center:not(.column-data) {margin-right: 10px; font-weight: 600;}
#modalMeasure .logo_measure{margin: 10px 0px 30px;}
#modalMeasure .modal-body .measure-content { overflow: auto; overflow-x: auto; }
#modalMeasure .modal-body .measure-content::-webkit-scrollbar { height: 3px !important; }
#modalMeasure .modal-body .measure-content::-webkit-scrollbar-track { background: #fff; }
@media screen and (max-width:991px){
    #modalMeasure .modal-dialog.modal-lg { max-width: 770px; }
    #modalMeasure .modal-body .column-data { text-align: center; }
    #modalMeasure .logo_measure { margin: 25px 0px 20px; }
    #modalMeasure .logo_measure img { max-width: 120px; }
}
@media screen and (max-width:800px){
    #modalMeasure .modal-dialog.modal-lg { max-width: 90%; }
}
@media screen and (max-width: 575px){
    #modalMeasure .modal-dialog.modal-lg { max-width: 100%; }
}
@media screen and (max-width:550px){
    #modalMeasure span.title .title_measure { font-size: var(--size-26); }
    #modalMeasure .modal-body span.title_content { font-size: var(--size-14); }
    #modalMeasure .modal-body .border { min-height: 45px; min-width: 110px;}
}