#share-peca-catalog-button {
    font-size: 13px;
    margin: 0 10px;
    float: left;
}

#share-pecas-selected-counter {
    float: left;
    line-height: 35px;
    margin-left: 10px;
    font-size: 14px;
    /* margin-top: 5px; */
}

#share-pecas-button {
    float: left;
    width: 34px !important;
    height: 34px !important;
}

div#share-pecas-button .dx-button-content {
    padding: 7px;
}

/*div#div_peca_t .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}*/

div#div-pecas-catalogo-container {
    /*width: 760px;4.134in;*/
    background-color: inherit;
    padding: 0 0 0 0;
    width: 7.668in;
    min-height: 11.093in;
    margin: 0 auto;
  /*  padding: 0.3in;*/
}

div.div-peca-catalogo-container {
    padding: 5% 2.5%;
    margin: 0.9in 2.5%;
    clear: both;
}

div#div-pecas-catalogo-container.layout-compacto div.div-peca-catalogo-container {
    margin: 0.2in 2.5%;
}

div.div-peca-catalogo-container:last-of-type
{
    padding-bottom: 35px;
}

img.image-catalogo-peca-app {
    width: 100%;
    aspect-ratio: 1;
}

div.catalogo-peca-cell-details {
    margin: 0 2.5%;
    background-color: #eee;
    border: 1px solid #000;
}

div.catalogo-peca-cell-catalogo-peca-container {
    font-size: 36px;
    font-weight: 550;
    padding: 10px 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word; /* fallback for older browsers */
    overflow-wrap: break-word; /* fallback for some modern browsers */
    overflow-wrap: anywhere; /* modern browsers */
}

div.catalogo-peca-cell-meu-preco-container {
    font-size: 34px;
    padding: 10px;
}

div#div-pecas-catalogo-title {
    font-size: 62px;
    padding: 5px 0;
    text-align: center;
    margin-top: 155px;
    /* background-color: #158D88; */
    color: #158D88;
    margin-left: -15px;
    width: calc(100% + 30px);
    font-weight: 700;
}

div.catalogo-peca-cell-image {
    margin: 0 2.5%;
    background-color: #ddd;
    border: 1px solid #000;
}

div#div-pecas-catalogo-logo {
    padding: 5% 5% 2.5%;
    margin: 0 7.5%;
    width: 75%;   
}

img#image-catalogo-logo {
    width: 100%;
    border-radius: 15px;
}

div#div-pecas-catalogo-nome {
    text-align: center;
    font-size: 38px;
    font-weight: 400;
    color: #158D88;
}

div#div-pecas-catalogo-nome-container {
    padding: 0 2.5% 5% 2.5%;
    margin: 0 2.5%;
    width: 90%;
    overflow: visible;
}

div#div-pecas-catalogo-capa.no-logo div#div-pecas-catalogo-nome-container {
    margin-top: 80px;
}

div#div-pecas-catalogo-logo-footer {
    padding: 5% 30% 2.5%;
    margin: 10px 2.5% 0;
    width: 35%;
}

img#image-catalogo-logo-footer {
    width: 100%;
    border-radius: 5px;
}

div#div-pecas-catalogo-nome-footer {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    color: #158D88;
}

div#div-pecas-catalogo-nome-container-footer {
    padding: 0 2.5% 5% 2.5%;
    margin: 0 17.5%;
    width: 60%;
}

div.div-pecas-catalogo-contato-container-footer {
    height: 80px;
    width: fit-content;
    max-width: 100%;
}

img.img-pecas-catalogo-contato-footer {
    float: left;
    height: 75%;
    padding-top: 3%;
}

div.div-pecas-catalogo-contato-footer {
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    padding-left: 5px;
    color: #000;
}

div.div-pecas-catalogo-contato-footer span {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    overflow-wrap: break-word;
}

div#div-pecas-catalogo-contatos-container-footer {
    width: 90%;
    margin: 0 5%;
    position: absolute;
    bottom: 1.7in;
}

div.catalogo-peca-cell-desc-peca-container {
    /* 32px -> 24px (30/07/2026): a descricao e limitada a 2 linhas, entao fonte
       menor = mais texto visivel no MESMO espaco. Reduzir nunca aumenta a altura
       do cartao, e a paginacao do catalogo e por CONTAGEM FIXA de itens por
       pagina (js/pecas.js:3213): qualquer aumento de altura arriscaria o corte de
       produto entre paginas. Nao mexer no A4, que tem caixa de altura travada. */
    font-size: 24px;
    padding: 10px 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word; /* fallback for older browsers */
    overflow-wrap: break-word; /* fallback for some modern browsers */
    overflow-wrap: anywhere; /* modern browsers */
}

div#catalogo-pecas-signature-footer-container {
    height: 0.6in;
    padding: 0.2in;
    margin: 0.3in;
    border-top: 1px solid;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}

img#image-catalogo-logo-signature-footer {
    height: 80%;
    padding: 3px;
    float: right;
    margin-top: 20px;
}

div#catalogo-pecas-signature-footer {
    float: right;
    font-size: 30px;
    padding-top: 0.05in;
    padding-right: 5px;
    margin-top: 20px;
}

#div-pecas-catalogo-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 9;
    background-color: #fff;
}

#div-pecas-catalogo-button-share {
    float: right;
    height: 34px !important;
    width: 34px !important;
    display: none;
}

#div-pecas-catalogo-button-share .dx-button-content {
    padding: 6px !important;
}

#div-pecas-catalogo-button-download {
    float: right;
    height: 34px !important;
    width: 34px !important;
    margin-right: 5px;
    margin-left: 0;
}

#div-pecas-catalogo-button-download .dx-button-content {
    padding: 6px !important;
}


#div-pecas-catalogo-button-cancel {
    float: right;
    margin-right:5px
}

div#div-pecas-catalogo-button-bar {
    background: #eee;
    padding: 5px;
}

div#div-pecas-catalogo-scroller {
    overflow: auto;
    height: calc(100% - 46px);
}

#div-pecas-catalogo-preview-title {
    float: left;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

#div-pecas-catalogo-preview-title span{
    line-height: 36px;
    vertical-align: middle;
    font-size: 18px;
}

div#div-pecas-catalogo-options-bar {
    background-color: #ccc;
}

div.div-pecas-catalogo-parameter-label {
    font-size: 14px;
    font-weight: 550;
    margin: 10px 10px 5px;
}

div.div-pecas-catalogo-parameter {
    width: fit-content;
    margin: 5px 20px 5px;
}

div.div-pecas-catalogo-parameter-label-switch {
    clear: left;
    float: left;
    margin: 0;
    line-height: 35px;
    height: 35px;
}

div.div-pecas-catalogo-parameter-switch {
    float: left;
    clear: both;
    margin: 0;
}

div#div-pecas-catalogo-parameter-labels-container {
    float: left;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
}

div#div-pecas-catalogo-parameter-switches-container {
    float: left;
    margin-top: 5px;
}

div#div-pecas-catalogo-container.layout-compacto div.catalogo-peca-cell-image {
    width: 40%;
    aspect-ratio: 1;
    float: left;
    margin-right: 0;
}

div#div-pecas-catalogo-container.layout-compacto div.catalogo-peca-cell-details {
    margin-left: 0;
    min-height: 120px;
    background-color: #fff;
    border: none;
    padding-left: 5px;
}

div#div-pecas-catalogo-container.layout-compacto div.catalogo-peca-cell-desc-peca-container {
    /* 32px -> 24px, mesmo motivo da regra base (linha ~191). Este e o layout
       da cliente que reportou (celular + compacto, 3 itens por pagina). */
    font-size: 24px;
    padding: 0 5px;
}

div#div-pecas-catalogo-container.layout-compacto div.catalogo-peca-cell-catalogo-peca-container {
    font-size: 36px;
    font-weight: 550;
    padding: 5px;
}

div#div-pecas-catalogo-container.layout-compacto div.catalogo-peca-cell-meu-preco-container {
    font-size: 34px;
    padding: 5px;
}

div#div-pecas-catalogo-container-container {
    margin: 5px;
    padding: 5px;
    border: 1px solid;
    background: #888;
    height: calc(100% - 105px);
    overflow: auto;
}

div#div-pecas-catalogo-preview-options-container {
    position: absolute;
    background-color: #ccc;
    border-bottom: 1px solid #999;
    width: 100%;
    z-index: 9;
}

div.pecas-catalogo-components {
    padding: 0.3in;
    background-color: #fff;
    width: 7.068in;
    height: 10.493in;
    position: relative;
}

div.page-divider div.pecas-catalogo-components {
    margin-bottom: 5px;
}

/*div.page-divider div#div-pecas-catalogo-capa {
    margin-bottom: 5px;
}

div.page-divider div#div-pecas-catalogo-lista-pecas {
    margin-bottom: 5px;
}*/

div#div-pecas-catalogo-container.folha-a4 div#div-pecas-catalogo-title {
    font-size: 36px;
}

div#div-pecas-catalogo-container.folha-a4 div#div-pecas-catalogo-nome {
    font-size: 28px;
}

div#div-pecas-catalogo-container.folha-a4 div#div-pecas-catalogo-logo {
    width: 30%;
    margin: 1.25in auto 0.5in;
}

div#div-pecas-catalogo-container.folha-a4 div.div-peca-catalogo-container {
    width: 45%;
    clear: none;
    float: left;
    margin: 0.2in 1.2%;
    padding: 2.4% 1.2%;
}

div#div-pecas-catalogo-container.folha-a4 div.catalogo-peca-cell-catalogo-peca-container {
    font-size: 18px;
}

div#div-pecas-catalogo-container.folha-a4 div.catalogo-peca-cell-desc-peca-container {
    font-size: 14px;
}

div#div-pecas-catalogo-container.folha-a4 div.catalogo-peca-cell-meu-preco-container {
    font-size: 17px;
}

div#div-pecas-catalogo-container.folha-a4 div#div-pecas-catalogo-logo-footer {
    width: 20%;
    margin: 10px auto;
}

div#div-pecas-catalogo-container.folha-a4 div#div-pecas-catalogo-nome-footer {
    font-size: 14px;
}

div#div-pecas-catalogo-container.folha-a4 div.div-pecas-catalogo-contato-container-footer {
    height: 40px;
}

div#div-pecas-catalogo-container.folha-a4 img.img-pecas-catalogo-contato-footer {
    height: 30px;
    padding: 0;
}

div#div-pecas-catalogo-container.folha-a4 div.div-pecas-catalogo-contato-footer {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

div#div-pecas-catalogo-container.folha-a4 div.div-pecas-catalogo-contato-footer span {
    line-height: 25px;
}

div#div-pecas-catalogo-container.folha-a4 div#catalogo-pecas-signature-footer {
    font-size: 12px;
}
div#div-pecas-catalogo-container.folha-a4 img.image-catalogo-logo-signature-footer {
    height: 40%;
    margin-top: 16px;
}

div#div-pecas-catalogo-container.layout-compacto.folha-a4 div.catalogo-peca-cell-details {
    max-height: 124px !important;
    min-height: unset !important;
}

div#div-pecas-catalogo-container.folha-a4 div.catalogo-peca-cell-details {
    max-height: 145px !important;
    min-height: 145px !important;
    height: 145px !important;
}

div#div-pecas-catalogo-assinatura-container {
    margin: 2in auto 0;
    width: fit-content;
    text-align: center;
}

div#div-pecas-catalogo-by {
    font-size: 32px;
    font-family: cursive;
}

div#div-pecas-catalogo-assinatura {
    font-size: 40px;
    font-family: cursive;
    padding: 0.2in;
}

div#div-pecas-catalogo-container.folha-a4 div#div-pecas-catalogo-by {
    font-size: 22px;

}

div#div-pecas-catalogo-container.folha-a4 div#div-pecas-catalogo-assinatura {
    font-size: 22px;
    padding: 0.1in;
}

div#div_peca_t .dx-toolbar-before {
    padding-top: 5px;
    float: right;
    position: relative;
}

div#div-pecas-catalogo-radio-container {
    float: left;
}

div.div-pecas-catalogo-parameter-colum-container {
    float: left;
    margin: 15px 4vw;
}

div.div-pecas-catalogo-parameter-labels-container {
    float: left;
    margin-right: 10px;
}