[name="search-cliente"]{
    margin: 5px;
    padding: 10px;
    width: 300px;
}

.search-clientes{
    font-size: 16px;
}

.search-clientes input{
    margin: 0 !important;
}

.page-numbers{
    display: inline-block;
}

div[data-value].selected{

}

.clientes table.clientes-lista{
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
}
.clientes-lista{
    width: 98%;
    font-size: 20px;
}
td[data-model="NewValor"]{

}
td[data-model="NewValor"] div[data-model="contexto-menu"]{
    border-radius: 24px;
    position: absolute;
    display: inline-block;
    margin-top: 4px;
    float: right;
    width: auto;
    margin-right: -27vmin;
    border: solid 1px black;
    background-color: black;
    color: white;
    font-size: 0.8em;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:1px;
    display:none;
}
td[data-model="NewValor"] div[data-model="contexto-menu"] button{
    background-color:#2d2;
    border: solid 1px #4bb34b;
    border-radius:5px;
    padding: 1px;
}
td[data-model="NewValor"] span.relative-porcentage,span.relative-absolute{
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}
td[data-model="NewValor"] span.relative-porcentage:before{
    content: "\f541";
    float: right;
    padding-top: 6px;
    margin-left: -13px;
    position: relative;
}
td[data-model="NewValor"] span.relative-absolute:before{
    content: "\f52c";
    float: right;
    padding-top: 6px;
    margin-left: -13px;
    position: relative;
}

.legendAlert #pesquisa{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
    border: solid 0.1rem #000;
    border-radius: 4px;
    width: 55%;
    font-size: 0.6em;
}

.clientes-header{
    font-size: 20px;
    font-weight: bold;
    background: #ff005e;
    color: white;
    white-space: nowrap;
}
.clientes-lista i {
    color: #ff005e;
}

.button-spacer{
    margin-left: 1%; 
}


.input-items-per-page{
    width: 50px;
    height: 30px;
}

.clientes-header td{
    padding: 20px 15px;
}
div[onclick="Clientes.tableMarcas.setTabela(this)"] i{
    display:none;
    float: right;
    padding: 0px 5px;
    background-color: black;
    border-radius: 28px;
    font-weight: 700;
    text-align: -webkit-right;
    align-items: center;
    vertical-align: top;
}
div[onclick="Clientes.tableMarcas.setTabela(this)"][class="select"] i {
    display: inline-block;
    color: #eef1f5;
}
div[onclick="Clientes.tableMarcas.setTabela(this)"][class="select"] i:before{
    /* ACTION DE Deletar a Tabela */
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-top: 0.11rem;
    content: "\f00d";
}
.sort-icon{
    margin-left: 5px;
}

tr.cliente-row:hover {
    background: #ffdbe8;
}

.clientes-edit i{
    margin: 10px;
    cursor: pointer;
}

button.cliente-relatorio-financeiro {
    border: 3px solid #ff015e;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

/*.clientes-edit{
    white-space: pre;
}*/

.cl_email_cadastro{
    font-size: 16px;
}

.cl_cnpj{
    white-space: pre;
    font-size: 0.9em;
}

small.vinculo{
    font-size: 12px;
    white-space: pre;
}

.legenda tr td{
    position: sticky;
    top:0;
    margin-left: auto;
    margin-right: auto;
    margin-top:-10px;
    background:white;
}
.reponsive-table{
    /* display: block; */
    /* width: 100%; */
    margin-left: auto;
    margin-right: auto;
    font-size: 0.7em;
    /* overflow: auto; */
}
.reponsive-table tbody tr td{
    padding:0px;
    text-align:center;
}
.reponsive-table select{
    width:auto;
}

.sem-clientes-vinculados{
    text-align: center;
    font-size: 30px;
    padding: 30px;
}

.clientes{
    margin-top: 70px;
}
.clientes > .new-content-button{
    font-size: 13px;
}
.search-clientes input{
    width: 200px;
    height: 35px;
    font-size: 12px;
    border: 1px solid #ff005e;
}

.cliente-inativo{
    color: #ff1d1d;
    margin-left: 10px;
    font-size: 0.7em;
    vertical-align: middle;
    cursor: default;
}

.cliente-inativo-row .clientes-edit{
    color: black;
}

.cliente-inativo-row{
    color: #afafaf;
}
td[data-model="valor"] div{
    width:101px;
}
td[data-model="valor"] div input{
    width: 70px;
    float: right;
    padding: 3px;
    display: inline-block;
    font-size: 0.8em;
    text-align: center;
    border: solid 1px black;
    max-width: 83px;
}
td[data-model="valor"] div div.icon{
        display: inline-block;
        background: yellow;
        font-size: 0.8em;
        width: initial;
        padding: 4px 5px;
        padding-top: 5px;
        float: right;
        border: solid 0.01rem;
}
[data-model="NewValor"] input{
    font-size: 0.8em;
    text-align: center;
    max-width: 100px;
}
/* Formulario de envio por estado */
[data-form="form-send-senha"] select[data-model="caixa_disponiveis"],[data-model="caixa_vinculados"]{
    /* width: auto!important; */
    width: 356px!important;
    max-width: 400px;
    display: block;
    height: 349px;
    overflow-y: auto;
    border: solid 1px;
    border-right: solid 2px;
    border-top-width: 2px;
    border-radius: 2px;
}

select[data-model="caixa_disponiveis"] option,[data-model="caixa_vinculados"] option,select[data-model^='slc'] option{
    text-align: justify;
    height: auto;
    font-weight: bold;
    height: 35px;
    max-height: 50px;
    border-radius: 10px;
    /* align-items: center; */
    vertical-align: middle;
    /* text-align: center; */
    /* justify-content: center; */
    /* justify-items: center; */
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    padding-top: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f7f7",GradientType=1);
    font-size: 1.7em;
    text-align: center;
}

[data-form="form-send-senha"] div[data-model="caixa_uf"]{
    width: 287px;
    display: block;
    height: 349px;
    overflow-y: auto;
    border: solid 1px;
    border-right: solid 2px;
    border-top-width: 2px;
    border-radius: 2px;
}
[data-form="form-send-senha"] div[data-model="caixa_uf"] div{
    border-radius: 10px;
    vertical-align: middle;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f7f7",GradientType=1);
}
div[data-model^="slc"] div{
    border-radius: 5px;
    vertical-align: middle;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f7f7",GradientType=1);
}
[data-form="form-send-senha"] div[data-model="caixa_uf"] .select:before{
    font-weight: 900;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    color:#2d2d;
    padding-right:7px;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;   
}
tr.no-default:nth-child(even){
    background-color: transparent;
}

[data-form="form-send-senha"] div[data-model="caixa_uf"] div p{
    padding-top:5px;
}

[data-form="form-send-senha"] div[data-model="caixa_uf"] div:hover{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 86%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 86%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(231,231,231,1) 57%, rgba(247,247,247,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f7f7",GradientType=1);
}

div[data-model^="slc"] div.linkado{
    color:blue!important;
}
div[data-model^="slc"] div.carregamento {
    background-color: black;
    animation: listras-anim 3s  linear infinite!important;
    -moz-animation: listras-anim 3s linear infinite!important; /* Firefox */
    -webkit-animation: listras-anim 3s linear infinite!important; /* Safari e Chrome */
    -o-animation: 3s linear infinite!important; /* Opera */
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)),     color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)),     color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent))!important;
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent)!important;
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent)!important;
    background-image: linear-gradient(45deg, rgba(255,255,255,.15)25%, #b1b1b100 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent)!important;
    background-size: 40px 40px!important;
    color:white;
    box-shadow: inset -1px 2px 18px #868686, inset 0 -1px 0 #0c0c0cee;
}

.loader-clientes{
    width: 100%;
    text-align: center;
}

.search-clientes-uf{
    width: 50px;
    height: 30px;
}

table.vinc-cl tr th{
    font-weight: bold;
    text-align: left;
    font-size: 0.8em;
    background-color: #ff005e;
    color: white !important;
}

table.vinc-cl td{
    text-align: left;
    font-size: 1em;
}

table.vinc-cl td, table.vinc-cl th{
    padding: 5px 15px;
    border: 1px solid #d8d8d8;
} 

table.vinc-cl .vinc:hover{
    cursor: pointer;
}

@-webkit-keyframes listras-anim {
from {background-position:40px 0}
to {background-position:0 0}
}
@-moz-keyframes listras-anim {
from {background-position:40px 0}
to {background-position:0 0}
}
@-o-keyframes listras-anim {
from {background-position:40px 0}
to {background-position:0 0}
}
@keyframes listras-anim {
from {background-position:40px 0}
to {background-position:0 0}
}