/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 23 de out. de 2023, 08:57:56
    Author     : Vedoble
*/

body .ui-datatable .ui-paginator.ui-paginator-top {
    display: none;
}

.titulo{
    color: #7F7F7F !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.titulo2{
    color:  rgba(0, 207, 118, 1)!important;
    font-size: 20px !important;
    font-weight: 600 !important;
}


.btn-qtde-up{
    border-radius: 15px !important;
    background: #0F955B !important;
}

.btn-qtde-dw{
    border-radius: 15px !important;
    background-color: #F25050 !important;
}


body .ui-spinner .ui-spinner-input {
    border-radius: 15px !important;
    max-width: 115px;
    color: #7F7F7F;
    font-weight: 700;
    font-size: 20px;
}
.button-limpa-filtro{
    color: #0f955b !important;
}

.card-camera{
    border: 2px solid rgb(244, 244, 244);
    width: 98% !important;
    border-radius: 25px;
    padding: 17px;
    margin-top: 10px;
}

.icon-hand{
    color: rgba(0, 207, 118, 1)!important;
    margin-right: 5px;
}

.label-card{
    color: rgba(127, 127, 127, 1) !important;
    font-size: 14px !important;
    padding: 3px;
    font-weight: 500;

}

.label-card2{
    color: rgba(199, 199, 199, 1) !important;
    font-size: 14px !important;
    padding: 3px;
    font-weight: 500;

}


.h_line {
    border-bottom: 1px solid #E2E2E2;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.aling-center{
    text-align: center;
}

.tit-pag{
    color: #7F7F7F !important;
    font-size: 25px !important;
    font-weight: 700  !important;
}

.line{
    border-bottom: 4px solid #00CF76;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
    border-radius: 41px;
}

.btn-ordenar{
    font-size: 20px !important;
}


.botao-adicionar-lista{
    border-radius: 20px !important;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    width: 48%;
    font-size: 14px!important;
}
.botao-adicionar-lista > .ui-button-text.ui-c{
    padding-right: 4px!important;
    padding-left: 24px!important;
}
.chip-lista-cliente:hover{
    cursor: pointer;
}
.chip-lista-cliente{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e{
    display: none !important;
}

body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s{
    display: none !important;
}

.sidebar-accordion.ui-accordion .ui-accordion-header.ui-state-active{

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z" fill="rgb(0,207,118)"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 90% !important;
    width: 170px !important;
}

.sidebar-accordion.ui-accordion .ui-accordion-header{

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" fill="rgb(127,127,127)"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 90% !important;
    font-size: 10px;
}

.sidebar-accordion.ui-accordion .ui-accordion-content {
    width: 171px;
    background: #F4F4F4;
}

.sidebar-accordion.ui-accordion .ui-accordion-header.ui-state-active:hover {
    margin: 0 !important;
    border-radius: 30px !important;
    background-color: #F4F4F4 !important;
    border-color: #F4F4F4 !important;
    color: #7F7F7F !important;
}

.sidebar-accordion.ui-accordion .ui-accordion-header::first-letter{
    text-transform: uppercase !important;
}

.sidebar-accordion.ui-accordion .ui-accordion-header  .ui-icon{
    float: right;
}


.ui-selectoneradio.layout-line-direction > div, .ui-selectoneradio.layout-line-direction > div label {
    display: block ruby !important;
}

.ui-selectoneradio label.ui-active{
    color: red !important;
}

.sidebar-accordion.ui-accordion .ui-accordion-header:first-child{
    border: none !important;
    background-color: #F4F4F4 !important;
    box-shadow: none !important;
    font-size: 20px;
    font-weight: 600;
    text-transform: lowercase;
    color: #7F7F7F;
    width: 120px;
    padding: 7px;
    border-radius: 25px;

}

.selectmenu-baixar-lista{
    border: none !important;
    background-color: #c7c7c7 !important;
    box-shadow: none !important;
    width: 145px !important;
    text-align: left;
    border-radius: 25px !important;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-167l80 80c9.4 9.4 24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-39 39V184c0-13.3-10.7-24-24-24s-24 10.7-24 24V318.1l-39-39c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9z" fill="rgb(255,255,255)"/></svg>') !important;
}

.selectmenu-baixar-lista .ui-selectonemenu-label{
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-transform: lowercase;
    color: #FEFFFF !important;
}

.selectmenu-baixar-lista .ui-selectonemenu-label::first-letter {
    text-transform: uppercase !important;
}

.selectmenu-baixar-lista .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item{
    background: #c7c7c7 !important;
    background-color: #c7c7c7 !important;
}



.selectmenu-baixar-lista .ui-icon-triangle-1-s{
    display: none !important;
}



.selectmenu-baixar-lista .ui-widget{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-167l80 80c9.4 9.4 24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-39 39V184c0-13.3-10.7-24-24-24s-24 10.7-24 24V318.1l-39-39c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9z" fill="rgb(255,255,255)"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 90% !important;
    font-size: 10px !important;
}

.caminho-lista-prod {
    color: #7F7F7F !important;
    border-bottom: 1px solid #7F7F7F !important;
    font-family: Product Sans !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.caminho-lista-prod2 {
    color: #C7C7C7 !important;
    font-family: Product Sans !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.caminho-lista-prod:hover {
    color: #00CF76 !important;
}

.caminho-lista-prod1-seta {
    color: rgba(127, 127, 127, 1);
}

.sidebar-accordion.ui-accordion .ui-accordion-header:first-letter{
    display: none!important;

}


.sidebar-accordion.ui-accordion .ui-accordion-content{
    border: none !important;
}

.sidebar-accordion.ui-accordion .ui-accordion-content {
    margin-top: -14px;
}

.sidebar-accordion.ui-accordion .ui-accordion-content:last-of-type {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}
.ui-selectoneradio label .ui-state-active{
    color: red;
}

.btn-gerar{
    background-color: #00CF76 !important;
    border: none!important;
    border-radius: 25px!important;
    font-weight: 600!important;
    background-repeat: no-repeat !important;
    background-position: 90% !important;
    margin-right: 10px !important;
}

.btn-baixar .ui-widget{
    background-color: #C7C7C7 !important;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-167l80 80c9.4 9.4 24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-39 39V184c0-13.3-10.7-24-24-24s-24 10.7-24 24V318.1l-39-39c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9z" fill="rgb(255,255,255)"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
}
.adicionar-lista{
    border-radius: 25px !important;
}
.adicionar-lista > .ui-dialog-titlebar > .ui-dialog-title{
    float: left!important;
}

.aling-right{
    text-align: right
}
.botao-editar-lista{
    display: inline-grid!important;
    margin-bottom: 5px!important;
    margin-left: 5px!important;
    font-size: 14px!important;
    border-radius: 20px !important;
    width: 48%;
    background-color:#00E055!important;
    color:#FFF!important;
}
.botao-editar-lista> .ui-button-text{

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body .ui-button .ui-icon-triangle-1-s {
    display: none;
}

.txt-total{
    color: #7F7F7F;
    font-weight: 700;
    font-size: 25px !important;
}

.valor-dolar{
    margin-left: 5px;
    color: #00CF76;
    line-height: 40px;
    font-size: 30px !important;
    font-weight: 700;
    margin-right: 20px;
}

.colConteudo{
    color: #00CF76;
    font-weight: 700;
    font-size: 20px;
}

.colConteudo .ui-sortable-column-icon{
    color: #C7C7C7 !important;
    font-weight: 700 !important;
}

.colConteudo .ui-column-title{
    color: rgb(66, 70, 77) !important;
    font-weight: 700;
}

.products-table{
    border-radius: 15px !important;
}

body .ui-datatable thead th{
    border: none !important;
    background: transparent !important;
}

body .ui-datatable.ui-datatable-sm thead tr {
    border: 3px solid #F4F4F4;
}

.img-lista-desejos{
    width: 90%;
}


.nome-prod-lista-desejo {
    color: #7F7F7F;
    font-weight: 700;
    font-size: 15px;
}


.cod-prod-lista-desejo{
    color: #00CF76;
    font-weight: 700;
    font-size: 20px;
}

.valor-prod-lista-desejo{
    color: #00CF76;
    font-weight: 700;
}

.txt-lista-desejo{
    color: #7F7F7F;
    font-size: 15px;
    font-weight: 700;
}

.botao-baixar-lista-desejo-excel{
    background: #00673B !important;
    border: none !important;
    border-radius: 13px !important;
    font-weight: 700;
    width: 100% !important;
}

.accordion-baixar-lista.ui-accordion .ui-accordion-header:first-child{
    border: none !important;
    background-color: #c7c7c7  !important;
    box-shadow: none !important;
    font-size: 20px;
    font-weight: 600;
    text-transform: lowercase;
    color: #FEFFFF;
    width: 145px;
    text-align: left;
    padding: 7px;
    border-radius: 25px;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
    font-size: 1rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-167l80 80c9.4 9.4 24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-39 39V184c0-13.3-10.7-24-24-24s-24 10.7-24 24V318.1l-39-39c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9z" fill="rgb(255,255,255)"/></svg>') !important;
}


.accordion-baixar-lista.ui-accordion .ui-accordion-content {
    width: 145px;
    background: #C7C7C7;
}

.accordion-baixar-lista.ui-accordion .ui-accordion-header.ui-state-active:hover {
    margin: 0 !important;
    border-radius: 30px !important;
    background-color: #C7C7C7 !important;
    border-color: #C7C7C7 !important;
    color: #FEFFFF;
}

.accordion-baixar-lista.ui-accordion .ui-accordion-header::first-letter{
    text-transform: uppercase !important;
}

.accordion-baixar-lista.ui-accordion .ui-accordion-header:first-letter{
    display: none!important;

}

.accordion-baixar-lista.ui-accordion .ui-accordion-content{
    border: none !important;
    margin-top: -14px;
}

.accordion-baixar-lista.ui-accordion .ui-accordion-content:last-of-type {
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.accordion-baixar-lista.ui-accordion .ui-accordion-header  .ui-icon{
    float: right;
}

.div-btn-baixar-lista{
    width: 100px !important;
    display: ruby;
}
.title-desktop > .ui-column-title{
    display: none!important;
}
.column-desktop{
    display: none!important;
}

@media (max-width: 577px){
    .space-chip-filters{
        padding: .2rem!important;
    }
    .title-desktop{
        padding: 0 8px!important;
    }
    .col-qtde-mobile > .ui-spinner{
        width: 35%!important;
    }
    
    .col-qtde-mobile{
        padding-top: 0!important;
        font-size: 18px!important;
    }
    .col-qtde-mobile > .ui-column-title{
        margin-right: 12px!important;
    }
    .col-fontsize-mobile{
       font-size: 18px!important; 
    }
    .space-col-mobile{
        margin-top: 10px!important;
        margin-bottom: 12px!important;
    }
    .space-col-top{
        margin-top: 15px!important;
    }
    .column-mobile > .ui-link  > .img-lista-desejos{
        width: 70%!important;
    }
    .col-qtde-mobile > .ui-spinner > .ui-inputfield {
        margin: 0;
        padding-top: 4px !important;
    padding-bottom: 4px !important;

    }
    .col-qtde-mobile >  .ui-spinner > .ui-spinner-input {
       
        font-size: 18px!important;
    }
    .col-qtde-mobile >  .ui-spinner > .ui-spinner-button {
        width: 2rem!important;
    }
}
/*tablet */
@media (min-width: 577px) {

}
/*monitores pequenos */
@media (min-width: 769px) {
    .nome-prod-lista-desejo{
        font-size: 18px;
    }

    .botao-editar-lista{
        margin-bottom: 0px!important;
        font-size: 1rem!important;
        width: 15%!important;

    }
    .botao-adicionar-lista{
        margin-bottom: 0px!important;
        font-size: 1rem!important;
        width: 15%!important;
    }
    .column-mobile{
        display: none!important;
    }
    .column-desktop{
        display: table-cell!important;
    }
    .colConteudo .ui-column-title{
        color: #C7C7C7 !important;
        font-weight: 700;
    }
    .title-desktop > .ui-column-title{
        color: #C7C7C7 !important;
        font-weight: 700;
        display: initial;
    }
}

/*monitores médios */
@media (min-width: 993px) {
}