body {
    height: 100%;
    font-family: sans-serif;
    background-color: #f1f1f1;
    -webkit-print-color-adjust: exact;
    overflow-x: hidden;
    overflow-y: hidden;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f5f5f5; 
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bbb; 
}

.titulo {
    width: 100%;
    background-color: rgb(27, 27, 27);
}

.titulo a {
    text-decoration: none;
}

.titulo h1 {
    color: rgb(228, 228, 228);
    padding: 20px 0;
    text-align: center;
}

.icone_informacao{
    font-size: 20px;
    vertical-align: middle;
}

.container h5 {
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: rgb(199, 199, 199) 1px solid;
}

.dataEntrada1 {
    display: flex;
}

.dataEntrada1 .dataEntrada1Input {
    width: 50%;
}

.enviarForm {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0;
}

.enviarForm button {
    background-color: #303030;
}


/* Rvts */

.containerBuscar {
    width: 100%;
}

.containerBuscar label {
    font-size: 18px;
}

.containerBuscar input {
    width: 100%;
    height: 30px;
    border: 1px solid #acacac;
    border-radius: 4px;
}

.botoes-menu:hover{
    background-color: rgb(230, 230, 230);
    transition: background-color .2s;

    cursor: pointer;
}

#conteudo{
    width: 100vw;
    min-width: 100%;
    height: 100vh;
    overflow: hidden;
}

.divDaLogo{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.logoDoMenu{
    width: 30%;
    max-width: 100px;
}

.formularioDeLogin{
    margin-top: 20px;
}

.divDoTitulo{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.tituloLogin{
    text-align: center;
    margin-top: 20px;
    
}

.esqueciMinhaSenha{
    color: gray;
}

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

.demonstracaoDoSistema{
    margin: 25px;
}

.loader {
  border: 5px solid #f3f3f3; 
  border-top: 5px solid #3498db; 
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin .7s linear infinite;
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.botaoVoltar a:hover{

    background-color: red;
}

.botoes_superior_cliente{
    font-size:  30px;
    line-height: 50px;
    width: 50px;
    background-color: #0d6efd;
    border-radius: 10px;
}

.botoes_superior_cliente:hover{

    transition: background-color 0.5s;
}

.acoes_clientes{
    cursor:pointer;
}

.conteudo_cliente_selecionado{
    width:  90%;
    margin: auto;
    padding: 0px;
    background-color: #fff3cd;
}

.selecionar-tecnico{
    cursor: pointer;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.salvar_ajustes{
    cursor: pointer;
}

.titulo-enderecos{
    margin-top: 30px;
}

.lista-enderecos{
    overflow-y: scroll;
    height: 70vh;
}

.conteudo-tab-estatisticas{
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 30px;
}

#voltar_menu:hover{
    cursor: pointer;
}

.voltar_ao_menu{
    font-size: 40px;
    line-height: 50px;
}

.botao_relatorio_imprimir{
    cursor: pointer;

    position: relative;
    top: -10px;
    left: -10px;

    border: 1px solid #ccc;
    border-radius: 10px;

    font-size: 20px;

    /*background-color: #3f3f3f;*/
    background-color: #ddd;

}

.icone-imprimir{
    font-size: 100px;
    color: white;
}

.botao_relatorio_imprimir: hover{

    background-color: #aaa;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#endereco_email{
    border: 2px solid #ddd;
    border-radius: 5px;
    text-align: center;
}

.fundo-escuro-loading{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgb(10, 10, 10, 0.5);
    width: 100vw;
    height: 100vh;
    display: none;
}

.loading-animacao{
    z-index: 200;
    position: fixed;
    background-color: rgb(50, 50, 50, 0.8);
    width: 100px;
    height: 100px;
    padding: 20px;
    border-radius: 10px;
    top: 40%;
    left: calc(50% - 50px);
    display: none;
}

#voltar_menu{
    color: #ddd;
}

#voltar_menu: hover{
    color: red;
    background-color: blue;
}

.my-float{
    margin-top:22px;
}

.termos_de_uso{
    cursor: pointer;
}

.alert{
    cursor: pointer;
}

.card_agenda_dashboard:hover{
    box-shadow: 1px 1px 3px 3px #ccc;
    transition: box-shadow 0.2s;
}

/*Mobile*/

@media (max-width: 1150px)
{
    ::-webkit-scrollbar {
      width: 10px;
      height: 5px;
  }

  .conteudo-clientes-desktop{
    display: none;
}

.lista_clientes_nomes{
    height: 100%;
    width: 100vw;
    overflow-y: scroll;
}

.botao{
    background-color: #232d43;
    border: 0;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
}

.botao_outline{
    background-color: transparent;
    border: 1px solid #232d43;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    color: black;
}

.botao_outline:hover{
    background-color: #232d43;
}

.botao:hover{
    background-color: #161e2f;
    box-shadow: 0px 1px 2px 2px #ccc;
}

.container{
    position: fixed;
    top: 50px;
    width: 100vw;
    min-width: 100vw;
    z-index: 1;
    padding: 0;
    height: 80vh;
    overflow-y: scroll;
}

.lista_clientes_nomes a{
    font-size: 14px;
}

.barra_busca_clientes{
    margin-top: 20px;
    width: 100vw;
}

.barra_busca_enderecos{
    margin-top: 10px;
    width: 100%;
}

.ajustes-conteudo{
    margin-top: 30px;
}

.tabela-tecnicos-nome{
    width: 60%;
}

.tabela-tecnicos-atributos{
    width: 70%;
    text-align: center;
}

.tabela-tecnicos-doc{
    width: 40%;
}

.no-mobile{
    display: none;
}

.barra_superior_login{
    position: fixed;
    background-color: #232d43;
    width: 100%;
    height: 40px;
    align-items: center;
    display: flex;
}

.nomesistema_login{
    color: white;
    font-weight: bold;
    margin-top: 10px;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
}

.logo_playstore_login{
    display: none;
}

.card_login{
    margin-top: 10px;
    width: 90%;
    min-width: 300px;
    margin: auto;
    box-shadow: 1px 1px 6px 6px #eee; 
    padding: 10px 40px 10px 40px;
    background-color: #fbf8ff;
    text-align: center;
}

.modal_de_cadastro{
    display: none;
    margin: auto;
    width: 90%;
}

.logo_card_login{
    height: 50px;
    margin-bottom: 30px;
}

.titulo_card_login{
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.input_formulario_login{
    height: 40px;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 0;
    border: 0;
}

.botaoEntrar{
    margin-top: 30px;
    background-color: #232d43;
    border: 0;
    margin-bottom: 20px;
}

.botaoEntrar:hover{
    background-color: #161e2f;
    box-shadow: 0px 1px 2px 2px #ccc;
}

.cadastro_novo{
    font-size: 14px;
}

.duvidas_login{
    position: fixed;
    width:60px;
    bottom:70px;
    right:40px;
    color: gray;
    z-index: 10;
}

.informacoes_contato{
    position: fixed;
    width:100%;
    bottom:0px;
    color: gray;
    z-index: 10;
    background-color: #232d43;
    padding-bottom: 5px;
    padding-top: 5px;
    box-shadow: 0px -1px 5px 1px #aaa;
    color: #eee;
    font-size: 14px;
/*    display: flex;
    justify-content: space-around;*/
}

.informacoes_contato label{
    text-align: center;
}

.informacoes_contato ion-icon{
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.float{
    position:fixed;
    width:45px;
    height:45px;
    bottom:20px;
    right:50px;
    background-color: #25D366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index: 10;
}


.logo_whatsapp_login{
    font-size: 20px;
    color: gray;
    padding: 7px;
}

.logo_whatsapp_login font{
    font-size: 30px;
    color: white;
}

.rodape_lisoft{
    display: none;
}

.barra_superior_navegacao{
    position: fixed;
    bottom: 0px;
    background-color: #232d43;
    width: 100%;
    height: 70px;
    align-items: center;
    display: flex;
    line-height: 50px;
    z-index: 3;
}

.barra_superior_navegacao_chamado{
    position: fixed;
    bottom: 0px;
    background-color: #232d43;
    width: 100%;
    height: 50px;
    align-items: center;
    display: flex;
    line-height: 50px;
    z-index: 3;
}

.logo_barra_navegacao{
    height: 40px;
    margin-left: 10px;
}

.logo_barra_navegacao_chamado{
    height: 30px;
    position: fixed;
    bottom: 10px;
    left: calc(50vw - 50px);
}

.botoes_navegacao_barra_navegacao{
    width: 100%;
    height: 70px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
}

.item_navegacao_barra_superior{
    color: white;
    max-width: 200px;
    /* height: 70px; */
    border-radius: 5px;
    margin-right: 20px;
    margin-left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    border: 1px solid #555;
    padding: 0 10px;
}

.novo_cliente{
    position: fixed;
    bottom: 80px;
    right: 10px;
    width: 30px;
    font-size: 30px;
    padding: 5px 15px;
}

.item_navegacao_barra_superior:hover{
    box-shadow: 1px 1px 1px 1px #161e2f;
    transition: box-shadow 0.3s;
    cursor: pointer;
    background-color: #192337;
    transition: background-color 0.3s;
}

.item_navegacao_barra_superior:active{
    background-color: #0e1524;
    transition: background-color 0.3s;
}

.item_navegacao_barra_superior p{
    font-size: 13px;
}

.item_navegacao_barra_superior ion-icon{
    font-size: 35px;
    max-width: 70px;
}

.barra_superior_plano{
    display: none;
}

.titulo_dashboard{
    display: none;
}

.barra_filtragem_atendimento{
    position: fixed;
    z-index: 3;
    width: 100vw;
    border-bottom: 1px solid #ddd;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    background-color: #232d43;
    padding: 0 10px;
    color: #ddd;
}

.barra_filtragem_dashboard{
    position: fixed;
    top: 40px;
    z-index: 3;
    width: 100vw;
    border-bottom: 1px solid #ddd;
    height: 50px;
    display: flex;
    justify-content: right;
    align-items: center;
    text-align: right;
    vertical-align: middle;
    background-color: #f5f5f5;
    padding: 20px 40px 20px 40px;
}

.barra_filtragem_formulario{
    position: fixed;
    top: 0px;
    z-index: 3;
    width: 100vw;
    border-bottom: 1px solid #ddd;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    vertical-align: middle;
    background-color: #f5f5f5;
    padding: 20px 40px 10px 40px;
    overflow-y: hidden;
}

.barra_filtragem_dashboard h6{
    margin-top: 10px;
    font-size: 14px;
    color: gray;
    background-color: #f5f5f5;
}

.seletor_mes_dashboard{
    border: 0;
    /*margin-left: 10px;*/
    width: 100%;
    font-size: 14px;
}

.seletor_ano_dashboard{
    width: 100%;
    border: 0;
    margin-left: 10px;
    font-size: 14px;
}

.container_conteudo{
    position: fixed;
    top: 70px;
    width: 100vw;
    height: calc(90vh);
    padding: 20px 10px 100px 10px;
    z-index: 2;
    background-color: #f5f5f5;
    overflow-y: scroll;
}

.relatar_problema label{
    font-size: 14px;
    color: #ddd;
    text-decoration: none;
    font-weight: bold;
}

.relatar_problema label:hover{
    cursor: pointer;
    text-decoration: underline;
}

.linkacesso{
    position: fixed;
    top: 50px;
    width: 100%;
    text-align: center;
    background-color: #232d43;
    height: 20px;
    line-height: 20px;
}

.linkacesso h6{
    margin: 0;
    padding: 0;
    color: #eee;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
}

.cards_container_atendimentossemanais{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 90vw;
    padding: 10px;
    height: 250px;
    margin: 0 auto;
}

.cards_container_atendimentoporservico{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 90vw;
    padding: 10px;
    height: 250px;
    margin: 20px auto 0 auto;
}

.cards_container_atendimentoportecnico{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 90vw;
    padding: 10px;
    height: 250px;
    margin: 20px auto 0 auto;
}

.cards_container_atendimentoporclientes{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 90vw;
    padding: 10px;
    height: 250px;
    margin: 20px auto 0 auto;
}

.lista_clientes_por_atendimento{
    margin-top: 20px;
    overflow-y: scroll;
    height: 160px;
}

.cliente_lista_atendimentoporcliente{
    border:  0;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-size: 14px;
}

.titulo_atendimento_por_cliente{
    font-weight: 800;
    color: #666666;
    font-size: 16px;
    text-align: center;
}

.qtdatendimentocliente{
    float: left;
    margin-right: 10px;
    width: 50px;
}

.card_personazar_dashboard{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 90vw;
    padding: 10px;
    height: 250px;
    margin: 20px auto 0 auto;
}

.corpo_card_custom_dashboard{
    width: 100%;
    display: flex;
    margin-top: 10px;
}

.icone_relatorio_customizado{
    height: 60px;
}

.texto_custom_card_dashboard{
    font-size: 13px;
    color: gray;
    margin-top: 10px;
    text-align: left;
    margin-left: 10px;
}

.cliqueaqui_customizar_dashboard{
    color: gray;
    text-align: center;
}

.card_indiqueeganhe_dashboard{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 90vw;
    padding: 10px;
    height: 250px;
    margin: 20px auto 120px auto;
}

.ummesgratis_texto_dashboard{
    color: gray;
    font-size: 30px;
    width: 100%;
    text-align: center;
}

.titulo_formulario{
    font-size: 15px;
    text-align: center;
    width: 100%;
    color: gray;
}

.escolher_cliente_formulario{
    color: white;
    box-shadow: 1px 1px 5px 2px #ddd;
    width: calc(50%);
    margin-left: auto;
    font-size: 13px;
}

.escolher_cliente_formulario p{
    font-size: 13px;
    margin-bottom: 0;
}

.escolher_cliente_formulario:hover{
    background-color: #0dcaf0;
}

.escolher_cliente_formulario ion-icon{
    font-size: 30px;
    vertical-align: middle;
}

.adicionar_novo_cliente{
    color: white;
    box-shadow: 1px 1px 5px 2px #ddd;
    border: 0;
    margin-left: 20px;
    width: calc(50%);
    text-align: left;
    margin-right: auto;
}

.adicionar_novo_cliente p{
    font-size: 13px;
    margin-bottom: 0;
}

.adicionar_novo_cliente ion-icon{
    font-size: 25px;
    vertical-align: middle;
}

.adicionar_novo_cliente:hover{
    color: white;
}

.labels_formulario{
    font-size: 13px;
    color: gray;
    margin-left: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.inputs_formulario{
    border: 1px solid #ddd;
}

.container_formulario{
    overflow-y: scroll;
    width: 100vw;
    height: 100vh;
    padding: 10px 5vw 10px 5vw;
    background-color: #f5f5f5;
}

.textarea_formulario{
    height: 150px;
}

.anexar_imagens_div_formulario{
    display: flex;
}

.anexar_imagens_div_formulario ion-icon{
    font-size: 25px;
}

.limpar_anexos_selecionados{
    height: 23px;
    margin-left: 10px;
}

#box-da-imagem{
    width: 100%;
    height: 220px;
    text-align: center;
    padding: 10px;
    border: 2px solid #ddd;
    margin: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}

.previzualizar_imagem{
    margin-right: 10px;
    width: 100%;
    height: 150px;
    margin-bottom: 0px;
    border-radius: 5px;
}

.titulos_assinaturas_formulario{
    font-size: 14px;
    color: gray;
    width: 100%;
    text-align: center;
}

/* .signature-pad{
    width: 100%;
} */

.rodape_assinatura{
    text-align: center;
    width: 100%;
    margin: auto;
}

.limpar_assinaturas_formulario{
    width: 100%;
}

.dataEntradaInput{

}

.espaco_formulario{
    height: 70px;
}

.tecnicos_envolvidos_formulario input{
    padding: 5px;
}

.seletor_data_ano_buscar{
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 50px;
    background-color: #f5f5f5;
}

.select_buscar{
    margin: auto;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px;
    color: gray;
}

.containerItem {
    display: flex;
    margin: 10px 10px 10px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 4px 2px #ddd;
    background-color: white;
    width: 85vw;
}

.containerItem:hover{
    background-color: #eee;
}

.containerItemPersonalizado{
    display: flex;
    margin: 10px 10px 10px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 4px 2px #ddd;
    background-color: white;
    width: 85vw;
}

.containerItemPersonalizado:hover{
    background-color: #eee;
}

.icone {
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
}

.icone svg {
    width: 50px;
    height: 50px;
    margin-top: 30px;
}

.info {
    font-size: 14px;
    color: gray;
    margin-right: 10px;
}

.lista_atendimentos_busca{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f5f5f5;
    margin-bottom: 60px;
}

.conteudo-clientes-mobile{
    position: fixed;
    top: 30px;
    overflow-y: scroll;
    width: 100vw;
    padding: 10px 10px 20px 10px;
    height: calc(100vh - 30px);
    background-color: #f5f5f5;
}

.titulo_ajustes{
    font-size: 16px;
    color: gray;
    margin-bottom: 20px;
}

.container_ajustes{
    position: fixed;
    top: 30px;
    overflow-y: scroll;
    width: 100vw;
    padding: 20px 6vw 20px 6vw;
    height: calc(100vh - 30px);
    background-color: #f5f5f5;
}

.validade_licença_ajustes{
    display: none;
}

.legenda_subtitulos_ajustes{
    font-size: 13px;
    color: gray;
}

.input_dados_cadastrais_ajustes{
    width: 100%;
    border: 0;
    margin-bottom: 20px;
}

.moldura_logo_ajustes{
    width: 100%;
    padding: 10px;
    border: 3px solid #eee;
    margin: auto;
}


.logo_cliente_ajustes{
    width: 100%;
    height: 200px;
}

.div_logo_cliente{
    text-align: center;
}

.div_cadastro_tecnicos_ajustes{
    text-align: center;
    margin-top: 50px;
}

.div_cadastro_tecnicos_ajustes ion-icon{
    font-size: 40px;
    color: gray;
}

.lista_usuarios_ajustes{
    width: 100%;
    font-size: 12px;
}

.lista_usuarios_ajustes li{
    font-size: 12px;
}

.tabela_usuarios_ajustes{
    font-size: 14px;
}

.container_servicos{
    position: fixed;
    top: 30px;
    overflow-y: scroll;
    width: 100vw;
    padding: 20px 0 20px 0;
    height: calc(100vh - 30px);
    background-color: #f5f5f5;
}

.titulo_servicos{
    font-size: 16px;
    color: gray;
}

.titulo_novo_servicos{
    font-size: 16px;
    color: gray;
    margin-top: 20px;
}

#descricao_servico{
    font-size: 14px;
    border: 1px solid #ddd;
    text-align: center;
}

.span_cadastro_servicos{
    font-size: 12px;
    padding: 3px 6px;
    width: 15%;
    display: flex;
    justify-content: center;
    height: 30px;
}

.span_cadastro_servicos{
    font-size: 12px;
    padding: 3px 6px;
    width: 15%;
    display: flex;
    justify-content: center;
}

#unidade_servico{
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 3px 6px;
    text-align: center;
    width: 85%;
}

#preco_servico{
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 3px 6px;
    text-align: center;
    width: 85%;
}

#novo_servico{
    width: 100%;
    margin-top: 20px;
}

#novo_servico span{
    font-size: 16px;
}

.descricao_servicos{
    font-size: 14px; 
    text-align: center; 
    padding: 3px 6px;     
}

.unidade_servicos{
    font-size: 14px;
    width: 85%;
    text-align: center;
    padding: 3px 6px;
}

.preco_servicos{
    font-size: 14px;
    width: 85%;
    text-align: center;
    padding: 3px 6px;
} 

.servicos_cadastrados_lista_servicos{
    display: flex;
    flex-wrap: wrap;
}

.alterar_peça{
    width: 50%;
} 

.remover_peça{
    width: 50%;
}

.alterar_servicos{
    width: 50%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px;
}

.remover_servicos{
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px;
}

#descricao_servicos{
    font-size: 14px; 
    text-align: center;
    padding: 3px 6px;       
}

#unidade_servicos{
    font-size: 14px;
    width: 85%;
    text-align: center;
    padding: 3px 6px;
}

#preco_servicos{
    font-size: 14px;
    width: 85%;
    text-align: center;
    padding: 3px 6px;
} 

.descricao_peça{
    font-size: 14px; 
    text-align: center; 
    padding: 3px 6px;   
}

.unidade_peça{
    font-size: 14px;
    width: 85%;
    text-align: center;
    height: 30px;
    padding: 3px 6px;  
}

.preco_peça{
    font-size: 14px;
    width: 85%;
    text-align: center;
    height: 40px;
    padding: 3px 6px;  
} 

#descricao_peça{
    font-size: 14px; 
    text-align: center;        
}

#unidade_peça{
    font-size: 14px;
    width: 85%;
    text-align: center;
    padding: 3px 6px;  
}

#preco_peça{
    font-size: 14px;
    width: 85%;
    text-align: center;
    padding: 3px 6px;  
}

.alterar_peça{
    width: 50%;
    margin-top: 10px;
    padding: 5px;
} 

.remover_peça{
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px;
}

#nova_peça{
    width: 100%;
    margin-top: 20px;
}

#nova_peça span{
    font-size: 16px;
}

.selecionar_objetivo_formulario{
    margin-bottom: 30px;
}

.container_orcamentos{
    position: fixed;
    top: 30px;
    overflow-y: scroll;
    width: 100vw;
    padding: 20px 6vw 20px 6vw;
    height: calc(100vh - 30px);
    background-color: #f5f5f5;
}

.seletor_acao_orcamentos{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.titulos_atributos_orcamentos{
    font-size: 14px;
    color: gray;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.selecionar_atendimento_orcamentos{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
}

#buscar_orcamentos{
    display: none;
    margin-top: 40px;
}

.botao_relatorio_imprimir {
    width: 150px;
    background-color: #ddd;
}

.botao_relatorio_menu{

    width: 90%;
    height: 100px;
    font-size: 40px;

}

.icone-imprimir{
    font-size: 120px;
    color: #3f3f3f;
}

svg{
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.no-print{
    margin-bottom: 20px;
}

#endereco_email{

    font-size: 50px;
    width: 100%;
}

.botao_enviar_email{
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 300px;
    height: 80px;
    margin-bottom: 20px;
    font-size: 40px;
    cursor: pointer;
}

.email-enviado{
    color: darkgreen;
    font-size: 50px;
    font-family: sans-serif;
    margin: 10px;

}

.desktop{
    display: none;
}

.botaoEntrar{
    margin-top: 30px;
    background-color: #232d43;
    border: 0;
    margin-bottom: 20px;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.titulos_formulario_personalizado{
    font-size: 14px;
    margin-top: 20px;
}

.titulo_buscar_personalizado{
    font-size: 14px;
}

.titulo_buscar_relatorios_personalizado{
    font-size: 14px;
    margin-left: 10px;
}

.lista_relatorio_tecnico{
    width: 100%;
    height: 60%;
    overflow-y: scroll;
    margin-bottom: 80px;
}

.lista_proposta_comercial{
    width: 100%;
    height: 60%;
    overflow-y: scroll;
    display: none;
    margin-bottom: 80px;
}

.lista_relatorio_afericao{
    width: 100%;
    height: 60%;
    overflow-y: scroll;
    display: none;
    margin-bottom: 80px;
}

.div_cliente_complementar{
    display: none;
}

.titulo_clientes{
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 width: 100%;
 color: gray;
}

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

#cadastrar_cliente{
    margin-bottom: 80px;
    font-size: 14px;
}

.inputs_usuarios_ajustes{
    background-color: #f5f5f5;
    border: 0;
}

.container_busca{
    overflow-y: scroll;
    position: fixed;
    top: 30px;
    width: 100vw;
    padding: 20px 10px 20px 10px;
    height: calc(85vh - 30px);
    background-color: #f5f5f5;
}

.titulo_seletor_periodo_buscar{
    font-size: 14px;
    color: gray;
    width: 100%;
    text-align: center;
}

.div_cliente_orcamento button{
    font-size: 13px;
    width: 90%;
}

.div_protocolo_OS_orcamento{
    width: 50%;
}

.div_protocolo_OS_orcamento input{
    font-size: 13px;
}

.cliente_protocolo_OS_orcamento{
    display: flex;
}

.lista_de_servicos input{
    font-size: 12px;
}

.lista_de_servicos span{
    font-size: 12px;
}

.lista_de_peças input{
    font-size: 12px;
}

.lista_de_peças span{
    font-size: 12px;
}

.modal-footer button{
    font-size: 18px;
}

.selecione_um_servico_orcamentos{
    width: 100%;
}

.subtotal_servicos{
    float: right;
    font-size: 15px;
    color: gray;
    display: none;
}

.subtotal_pecas{
    float: right;
    font-size: 15px;
    color: gray;
    display: none;
}

.valor_servico{
    width: 15%;
    min-width: 60px;
    max-width: 100px;
    text-align: center;
}

.valor_peça{
    width: 15%;
    min-width: 60px;
    max-width: 100px;
    text-align: center;
}

.quantidade_servico{
    width: 50px;
    text-align: center;
}

.quantidade_peça{
    width: 50px;
    text-align: center;
}

.registrar_orcamento{
    margin-right: 20px;
    margin-bottom: 30px;
    background-color: #0d6efd;
}

.registrar_orcamento span{
    color: #eee;
    vertical-align: middle;
    font-size: 25px;
}

.cancelar_orcamento{
    margin-bottom: 30px;
    background-color: #dc3545;
}

.cancelar_orcamento span{
    color: #eee;
    vertical-align: middle;
    font-size: 25px;
}

.legenda_modal_editar_clientes{
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    font-size: 13px;
    color: gray;
}

.atributos_editaveis_clientes{
    font-size: 14px;
    background-color: #f5f5f5;
    border: 0;
}

.atributos_editaveis_clientes:focus{
    background-color: #eee;
}

.botoes_modal_editar_cliete{
    /*margin-left: auto;*/
    font-size: 14px;
}

.container_novo_cliente{
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}

.formulario_cadastro_clientes{
    width: 100%;
    padding: 20px;
    font-size: 14px;
}

.mensagem_apos_envio_email{
    font-weight: bold;
    font-size: 18px;
    padding: 50px;
    width: 100%;
    text-align: center;
}

.perfil_acesso_login{
    font-size: 14px;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    color: gray;
}

.seletor_perfil_acesso{
    border: 0;
    background-color: #e8f0fe;
}

.container_cadastro_novo_usuario{
    width: 100%;
    padding: 20px;
    box-shadow: 0px 0px 4px 3px #ddd;
    background-color: #fbf8ff;
    font-size: 14px;
    height: 75vh;
    overflow-y: scroll;
}

.container_nova_senha{
    padding: 20px;
    box-shadow: 0px 0px 4px 3px #ddd;
    font-size: 14px;
}

.container_cadastro_novo_usuario button{
    margin-top: 20px;
}

.container_cadastro_novo_usuario input{
    font-size: 14px;
}

.titulo_registro_cliente{
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.input_formulario_registro{
    width: calc(100% - 60px);
    height: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 0;
    padding-left: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.titulo_dashboard_novo_chamado{
    position: fixed;
    left: calc(50vw - 200px);
    font-weight: bold;
    width: 400px;
    text-align: center;
}

.container_novo_chamado{
    position: fixed;
    top: 50px;
    width: 100vw;
    height: calc(100vh - 90px);
    z-index: 2;
    background-color: #f5f5f5;
    overflow-y: scroll;
}

.logo_marca_usuario_chamado{
    position: fixed;
    width: 300px;
    left: calc(50vw - 150px);
    height: 50px;
    margin-left: auto;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.card_solicitacao_chamado{
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 3px #ddd;
    text-align: center;
    background-color: #fbf8ff;
    padding: 20px;
}

.card_servicos_prestados{
    height: calc(100vh - 250px);
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 4px 3px #ddd;
    background-color: #fbf8ff;
    padding: 20px;
    overflow-y: scroll;
    margin: 30px 0 10px 0;
}

.subtitulo_container_novo_chamado{
    font-size: 14px;
    color: gray;
    width: 100%;
    text-align: left;
    margin-top: 20px;
}

.titulos_container_novo_chamado{
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    width: 100%;
    text-align: center;
}

.menu_lateral_atendimentos{
    position: fixed;
    left: 0;
    bottom: 70px;
    z-index: 20;
    width: calc(100vw);
    height: 55px;
    background-color: #232d43;
    border-right: 1px solid gray;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
}

.lista_menu_lateral_atendimentos{
    list-style: none;
    padding: 0;
    display: flex;
}

.lista_menu_lateral_atendimentos ion-icon{
    font-size: 35px;
    vertical-align: middle;
    margin-right: 5px;
}

.item_lista_menu_lateral_atendimentos{
    color: #ddd;
    width: 70px;
    font-size: 13px;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    background-color: #232d43;
    transition: background-color 1s;
    justify-content: center;
}

.item_lista_menu_lateral_atendimentos label{
    display: none;
}

.item_lista_menu_lateral_atendimentos:hover{
    background-color: #161e2f;
    cursor: pointer;
    transition: background-color 0.2s;
}

.item_lista_menu_lateral_atendimentos:active{
    background-color: #0c121f;
}

.conteudo_atendimentos{
    position: fixed;
    top: 50px;
    background-color: #f5f5f5;
    width: 100vw;
    height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dias_agenda_menu{
    overflow-y: scroll;
    padding-left: 20px;
    margin-top: 10px;
}
.linhas_agenda_menu{
    display: flex;
    justify-content: center;
    margin-top: 0px;
}

.campo_dia_agenda_menu{
    width: calc(100% / 7);
    padding: 0px auto 0 auto;
    text-align: right;
    margin: 0 5px 0 5px;
    height: 6vh;
    min-height: 43px;
    border: 1px solid #ccc;
    margin: 3px;
}

.campo_dia_agenda_menu:hover{
    background-color: #ccc;
    cursor: pointer;
}

.dia_agenda_menu{
    font-size: 14px;
    margin-right: 10px;

}

.eventos_dia_agenda_menu{
    padding: 2px;
    font-size: 14px;
    width: 30px;
    display: inherit;
    margin: auto;
}

.dia_atual{
    background-color: #ddd;
    font-weight: bold;
}

.card_agenda{
    width: 100vw;
    box-shadow: 0px 0px 4px 3px #ddd;
    background-color: #fbf8ff;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 20px;
    margin-bottom: 100px;
}

.card_agendamentos{
    width: 100vw;
    max-height: 50vh;
    box-shadow: 0px 0px 4px 3px #ddd;
    background-color: #fbf8ff;
    padding: 10px;
    overflow-y: scroll;
}

.titulo_atendimento{
    width: 100%;
    text-align: left;
    font-size: 15px;  
    margin-top: 8px;   
}

.cabecalho_tabela_atendimento{
    background-color: #232d43;
    border: 0;
    color: white;
}

.coluna_protocolo_atendimentos{
    display: none;
}

.coluna_cliente_atendimentos{
    width: 300px;
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
}

.coluna_tarefa_atendimentos{
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

.coluna_datahora_atendimentos{
    width: 150px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

.subtitulo_atendimento{
    width: 100%;
    text-align: left;
    font-size: 14px;        
    font-weight: bold;
    color: gray;
    margin-left: 20px;
    margin-top: 20px;
}

.subtitulo_atendimento_modal{
    width: 100%;
    text-align: left;
    font-size: 14px;        
    font-weight: bold;
    color: gray;
    margin-top: 20px;
}

.lista_agendamentos_do_dia{
    list-style: none;
    padding-left: 20px;
    font-size: 15px;
    margin-top: 10px;
}

.agendamento_do_dia{
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.agendamento_do_dia:hover{
    background-color: #eee;
}

.card_solicitacoes{
    height: calc(100vh - 180px);
    width: 100vw;
    box-shadow: 0px 0px 4px 3px #ddd;
    background-color: #fbf8ff;
    overflow-y: scroll;
    margin-top: 20px;
    display: none;
    padding: 5px;
}

.card_servicos_prestados_atendimentos{
    position: fixed;
    top: 40px;
    height: calc(100vh - 180px);
    width: 100%;
    box-shadow: 0px 0px 4px 3px #ddd;
    background-color: #fbf8ff;
    padding: 20px;
    overflow-y: scroll;
    margin-top: 20px;
    display: none;
}

.linhas_tabela_solicitacoes{
    font-size: 13px;
    /*box-shadow: 0px 0px 3px 1px #ddd;*/
    border: 1px solid #ddd;
}

.coluna_cliente_solicitacoes{
    vertical-align: middle;

}

.coluna_telefone_solicitacoes{
    text-align: center;
    display: none;
    vertical-align: middle;
}

.coluna_email_solicitacoes{
    display: none;
}

.coluna_tarefa_solicitacoes{
    text-align: center;
    vertical-align: middle;
}

.coluna_datahora_solicitacoes{
    display: none;

}

.coluna_acoes_solicitacoes{
    text-align: center;
    width: 125px;
}

.botao_acao_chamado{
    background-color: #232d43;
    border: 0;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    width: 80px;
    margin-top: 10px;
}

.botao_acao_chamado:hover{
    background-color: #161e2f;
    box-shadow: 0px 1px 2px 2px #ccc;
}

.tabela_solicitacoes_atendimentos{
    width: 100%;
}

.botao_acao_chamado{
    background-color: #232d43;
    border: 0;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    width: 100px;
    margin-top: 10px;
}

.corpo_servicos_prestados{
    text-align: center;
}

.lista_servicos_prestados{
    width: 100%;
    height: calc(100vh - 450px);
    margin-top: 20px;
}

.qrcode_abrir_chamado{
    width: 80%;
    margin-top: 10px;
}

.legenda_cores_prioridades{
    display: none;
}

.coluna_cnpj_atendimentos{
    width: 200px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    display: none;
}

.coluna_telefone_atendimentos{
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.coluna_email_atendimentos{
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.coluna_endereco_atendimentos{
    font-size: 14px;
    text-align: center;
    width: 200px;
    vertical-align: middle;
    display: none;
}

.botao_hoje_calendario_atendimentos{
    background-color: #eee;
    border-radius: 5px;
    font-size: 14px;
    padding: 2px 10px;
    border: 0;
    margin-left: 10px;
    transition: background-color 1s;
    display: none;
}

.botoes_acao_calendario_atendimentos{
    margin-right: auto;
}

.botoes_acao_calendario_atendimentos ion-icon{
    font-size: 20px;
    margin-left: 20px;
}

.mes_e_ano_calendario_atendimentos{
    display: flex;
    justify-content: center;
    font-size: 16px;        
    font-weight: bold;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
}

.mes_e_ano_titulo_calendario_atendimentos{
    margin-right: 10px;
    font-size: 14px;
}

.cabecalho_calendario_agendamentos{
    display: flex;
    margin-top: 10px;
    margin-left: 23px;
    margin-right: 13px;
}

.cabecalho_dia_da_semana_agendamentos{
    width: calc(100% / 7);
    padding: 0px auto 0 auto;
    text-align: center;
    margin-right: 7px;
    font-size: 14px;
    color: gray;
    position: relative;
    top: 10px;
}

.cabecalho_dia_da_semana_agendamentos_ultimo{
    width: calc(100% / 7);
    padding: 0px auto 0 auto;
    text-align: center;
    font-size: 12px;
    color: gray;
    position: relative;
    top: 10px;
}

.card_esqueci_minha_senha{
    position: fixed;
    top: 100px;
    left: 5%;
    width: 90%;
    z-index: 1;
    box-shadow: 0px 0px 4px 3px #ddd;
    text-align: center;
    padding: 50px;
    background-color: #fbf8ff;
    margin-top: 20px;
    margin-left: auto;
    display: none;
}

.card_esqueci_minha_senha button{
    font-size: 14px;
    padding: 6px 6px;
}

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

.botoes_acao_novo_cadastro_login button{
    font-size: 14px;
    padding: 6px 6px;
    margin-bottom: 20px;
}

.ler_termosdeuso_login{
    width: 100%;
    font-size: 14px;
    padding: 6px 6px;
}

.divBotoesFormulario button{
    font-size: 14px;
    padding: 6px;
}

.campo_dia_agenda_menu_dashboard{
    width: calc(100% / 7);
    padding: 0px auto 0 auto;
    text-align: right;
    margin: 0 5px 0 5px;
    height: 2vh;
    min-height: 35px;
    border: 1px solid #ccc;
    margin: 3px;
    /*background-color: white;*/
    transition: background-color 1s;
}

.campo_dia_agenda_menu_dashboard:hover{
    background-color: #ddd;
    cursor: pointer;
    transition: background-color 0.1s;
}

.card_agenda_dashboard{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    /*height: 35vh;*/
    /*height: 100%;*/
    min-height: 200px;
    text-align: center;
    margin-left: 20px;
    overflow-y: scroll;
    width: 90vw;
    padding: 10px;
    /*height: 250px;*/
    margin: 20px auto 0 auto;
}

.mes_e_ano_calendario_dashboard{
    display: flex;
    justify-content: center;
    font-size: 16px;        
    font-weight: bold;
    vertical-align: middle;
    height: 30px;
}

.botoes_acao_calendario_dashboard{
    padding-left: 20px;
}

.botoes_acao_calendario_dashboard ion-icon{
    font-size: 15px;
}

.botao_hoje_calendario_dashboard{
    background-color: #eee;
    border-radius: 5px;
    font-size: 12px;
    padding: 0px 7px;
    border: 0;
    margin-left: 10px;
    transition: background-color 1s;
    display: none;
}

.mes_e_ano_titulo_calendario_dashboard{
    margin-left: auto;
    margin-right: 10px;
    line-height: 30px;
    font-size: 14px;
    color: gray;
}

.cabecalho_calendario_dashboard{
    display: flex;
    margin-top: 0px;
    margin-left: 23px;
    margin-right: 13px;
}
.cabecalho_dia_da_semana_dashboard{
    width: calc(100% / 7);
    padding: 0px auto 0 auto;
    text-align: center;
    margin-right: 7px;
    font-size: 11px;
    color: gray;
    position: relative;
    top: 7px;
}
.cabecalho_dia_da_semana_dashboard_ultimo{
    width: calc(100% / 7);
    padding: 0px auto 0 auto;
    text-align: center;
    font-size: 11px;
    color: gray;
    position: relative;
    top: 7px;
}

.dia_agenda_menu_dashboard{
    font-size: 10px;
    margin-right: 5px;
}

.eventos_dia_agenda_menu_dashboard{
    padding: 2px 4px;
    font-size: 12px;
    width: 70%;
    display: inherit;
    margin: auto;
}

.voltar_mes_calendario_atendimentos{
    padding: 5px 15px;
    transition: background-color 1s;
}

.avancar_mes_calendario_atendimentos{
    padding: 5px 15px;
    transition: background-color 1s;
}

.logo_novo_cliente{
    color: #212325;
    font-size: 35px;
    margin-right: 10px;
    margin-top: 20px;
    padding-bottom: 0px;
}

.modal button{
    padding: 6px 12px;
    font-size: 14px;
}

#salvar_ajustes{
    margin-bottom: 50px;
}

.opcoes-tabs-estatisticas{
    width: 100%;
    border: 0;
}

.opcoes-tabs-estatisticas ion-icon{
    font-size: 30px;
    vertical-align: middle;
    margin-right: 5px;
}

.botoes_acao_orcamento{
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
    margin-top: 50px;
}

.card_lista_orcamentos{
    border: 1px solid #eee;
    background-color: white;
    padding: 20px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 4px 3px #eee;
    font-size: 14px;
    width: 100%;
}

.card_lista_orcamentos:hover{
    box-shadow: 0px 0px 4px 3px #ddd;
    cursor: pointer;
}

.card_lista_orcamentos p{
    padding: 0;
    margin: 10px;
}

.titulo_das_telas{
    position: fixed;
    top: 0px;
    width: 100vw;
    height: 40px;
    background-color: #232d43;
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 3px 1px gray;
}

.descricao_titulo_das_telas{
    font-size: 17px;
    color: #eee;
    margin: 0;
    font-weight: bold;
}

.caixa_imagem_com_legenda_formulario{
    width: 200px;
    height: 265px;
    margin-right: 10px;
}

.qtd_solicitacoes_atendimentos{
    margin: 0;
    position: relative;
    left: -13px;
    top: -8px;
    font-size: 16px;
    padding: 4px 7px;
}

.acesse_no_computador{
    font-size: 13px;
    color: grey;
    width: 100%;
    text-align: center;
}

.link_acesso_computador{
    font-size: 16px;
    color: black;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    background-color: #ddd;
}

.aviso_vencimento{
    background-color: #e57373;
    padding: 5px 20px;
    vertical-align: middle;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 1px gray;
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
}

.aviso_vencimento:hover{
    background-color: #ef5350;
    cursor: pointer;
}

.aviso_vencimento label:hover{
    cursor: pointer;
}

.aviso_vencimento ion-icon{
    vertical-align: middle;
    margin-right: 5px;
    font-size: 25px;
}

}

/*Desktop*/

@media (min-width: 1150px)
{

  /* width height */
  ::-webkit-scrollbar {
      width: 10px;
  }

  .conteudo-clientes-mobile{
    display: none;
}

.botao{
    background-color: #232d43;
    border: 0;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    font-size: 14px;
}

.no-desktop{
    display: none;
}

.botao:hover{
    background-color: #161e2f;
    box-shadow: 0px 1px 2px 2px #ccc;
    cursor: pointer;
}

.botao_outline{
    background-color: transparent;
    border: 1px solid #232d43;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    color: black;
}

.botao_outline:hover{
    background-color: #232d43;
    cursor: pointer;
    color: #eee;
}

.formulario_cadastro_clientes{
    width: 100%;
    padding: 20px;
    font-size: 14px;
}

.titulos_formulario_personalizado{
    font-size: 16px;
    margin-top: 30px;
}

.logo_playstore_login{
    position: fixed;
    top: 50px;
    right: 0px;
    width: 200px;
    z-index: 50;
    
}

.logo_playstore_login:hover{
    cursor: pointer;
}

.rodape_lisoft{
    width: 100vw;
    text-align: center;
    margin-top: auto;
    padding-top: 10px;
    margin-bottom: 0;
}

.lista_clientes_nomes{
    width: 50%;
    height: 100%;

}

.barra_busca_clientes{
    margin-top: 100px;
    width: 100%;
}

.ajustes-conteudo{
    margin-top: 80px;
}

.tabela-tecnicos-nome{
    width: 70%;
}

.tabela-tecnicos-atributos{
    width: 70%;
    text-align: center;
}

.tabela-tecnicos-doc{
    width: 30%;
}

.barra_superior_login{
    position: fixed;
    background-color: #232d43;
    width: 100%;
    height: 50px;
    align-items: center;
    display: flex;
}

.logo_login{
    height: 40px;
    margin-left: 10px;
}

.nomesistema_login{
    color: white;
    font-weight: bold;
    margin-top: 10px;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 200px;*/
}

.container{
    position: fixed;
    top: 50px;
    width: 100vw;
    min-width: 100vw;
    height: calc(100vh - 80px);
    min-height: 570px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*overflow-y: scroll;*/
}

.card_login{
    width: 600px;
    box-shadow: 1px 1px 6px 6px #eee; 
    padding: 10px 80px 10px 80px;
    background-color: #fbf8ff;
    text-align: center;
    height: 420px;
    margin-top: auto;
}

.espacador_card_login{
    height: 2vh;
}

.input_formulario_login{
    height: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 0;
}

.input_formulario_login:focus{
    box-shadow: 0px 0px 0px 0px;
}

.input_formulario_registro{
    width: calc(100% - 60px);
    height: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 0;
    padding-left: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.titulo_card_login{
    font-size: 18px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.botaoEntrar{
    margin-top: 30px;
    background-color: #232d43;
    border: 0;
    margin-bottom: 20px;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
}

.botaoEntrar:hover{
    background-color: #161e2f;
    box-shadow: 0px 1px 2px 2px #ccc;
}

.botao_acao_chamado{
    background-color: #232d43;
    border: 0;
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
}

.botao_acao_chamado:hover{
    background-color: #161e2f;
    box-shadow: 0px 1px 2px 2px #ccc;
}

.logo_card_login{
    height: 45px;
    margin-bottom: 20px;
}

.modal_de_cadastro{
    display: none;
    width: 30vw;
    min-width: 400px;
    height: 100vh;
}

.botoes_acao_novo_cadastro_login{
    margin-top: 20px;
}

.botoes_acao_novo_cadastro_login button{
    font-size: 14px;
    padding: 3px 6px;
    margin-bottom: 20px;
}


#aceiteDosTermosDeUso{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.ler_termosdeuso_login{
    font-size: 14px;
    padding: 3px 6px;
}

.ler_termosdeuso_login:focus{
    box-shadow: 0px 0px 0px 0px;
}

.duvidas_login{
    position: fixed;
    width:60px;
    bottom:80px;
    right:40px;
    color: gray;
    z-index: 10;
}

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:20px;
    right:40px;
    /*background-color:#0C9;*/
    background-color: #25D366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}

.logo_whatsapp_login{
    font-size: 20px;
    color: gray;
    padding: 9px;
}

.logo_whatsapp_login font{
    font-size: 40px;
    color: white;
}

.barra_superior_navegacao{
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #232d43;
    width: 100%;
    height: 60px;
    align-items: center;
    display: flex;
}

.barra_superior_navegacao_chamado{
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #232d43;
    width: 100%;
    height: 60px;
    align-items: center;
    display: flex;
}

.logo_barra_navegacao{
    height: 40px;
    margin-left: 10px;
}

.botoes_navegacao_barra_navegacao{
    height: 60px;
    margin-left: auto;
    margin-right: 10px;
    display: flex;
}

.logo_marca_usuario_chamado{
    position: fixed;
    width: 300px;
    left: calc(50vw - 150px);
    height: 50px;
    margin-left: auto;
    margin-right: 10px;
    display: flex;
    justify-content: center;
}

.item_navegacao_barra_superior{
    color: white;
    border-radius: 5px;
    margin-right: 20px;
    text-align: center;
    padding: 10px 0;
    width: 100px;
}

.item_navegacao_barra_superior:hover{
    box-shadow: 1px 1px 3px 3px #161e2f;
    transition: box-shadow 0.5s;
    cursor: pointer;
    background-color: #161e2f;
    transition: background-color 0.3s;
}

.item_navegacao_barra_superior:hover ion-icon{
    font-size: 30px;
    transition: font-size 0.1s;
}

.item_navegacao_barra_superior:active{
    background-color: #0e1524;
    transition: background-color 0.3s;
}

.item_navegacao_barra_superior p{
    font-size: 13px;
}

.item_navegacao_barra_superior ion-icon{
    font-size: 25px;
}

.barra_superior_plano{
    position: fixed;
    left: 0px;
    background-color: #161e2f;
    width: 100%;
    height: 30px;
    align-items: center;
    display: flex;
    top: 60px;
    z-index: 50;
}

.barra_superior_plano label{
    color: #ddd;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
}

.botao_sair_barra_superior{
    margin-left: auto;
    margin-right: 10px;

}

.botao_sair_barra_superior label{
    margin-right: 20px;
}

.botao_sair_barra_superior label:hover{
    cursor: pointer;
    color: gray;
}

.botao_sair_barra_superior ion-icon{
    color: white;
    font-size: 25px;
}

.status_admin{
    color: #ddd;
    margin: auto 0;
    font-size: 14px;
    margin-left: 0px;
}

.container_conteudo{
    position: fixed;
    top: 140px;
    width: 100vw;
    height: calc(100vh - 90px);
    padding: 20px 40px 0px 40px;
    z-index: 2;
    background-color: #f5f5f5;
}

.relatar_problema label{
    font-size: 14px;
    color: #ddd;
    text-decoration: none;
    font-weight: bold;

}

.relatar_problema label:hover{
    cursor: pointer;
    text-decoration: underline;
}

.cards_container_atendimentossemanais{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 32vw;
    min-width: 350px;
    padding: 15px;
    /*height: 35vh;*/
    height: 100%;
    min-height: 200px;
}

.cards_container_atendimentoporservico{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 32vw;
    min-width: 350px;
    padding: 20px;
    /*height: 35vh;*/
    height: 100%;
    min-height: 200px;
    margin-left: 20px;
}

.cards_container_atendimentoporservico:hover{
    box-shadow: 1px 1px 3px 3px #ccc;
    transition: box-shadow 0.2s;
}

.cards_container_atendimentoportecnico{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 32vw;
    min-width: 350px;
    padding: 20px;
    /*height: 35vh;*/
    height: 100%;
    min-height: 200px;
    margin-left: 20px;
}

.cards_container_atendimentoporclientes{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 32vw;
    min-width: 350px;
    padding: 20px;
    /*height: 35vh;*/
    height: 100%;
    min-height: 200px;
    text-align: center;
}

.card_personazar_dashboard{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 32vw;
    min-width: 350px;
    padding: 20px;
    /*height: 35vh;*/
    height: 100%;
    min-height: 200px;
    text-align: center;
    margin-left: 20px;
}

.card_agenda_dashboard{
    background-color: white;
    box-shadow: 0px 0px 4px 2px #ddd;
    width: 32vw;
    min-width: 350px;
    padding: 20px;
    /*height: 35vh;*/
    height: 100%;
    min-height: 200px;
    text-align: center;
    margin-left: 20px;
    overflow-y: scroll;
}

.card_indiqueeganhe_dashboard{
    background-color: white;
    box-shadow: 1px 1px 2px 2px #ddd;
    width: 32vw;
    min-width: 350px;
    padding: 20px;
    /*height: 35vh;*/
    height: 100%;
    min-height: 200px;
    margin-left: 20px;
    text-align: center;
}

.primeiralinha_cards_dashboard{
    display: flex;
    height: 36vh;
}

.segundalinha_cards_dashboard{
    display: flex;
    margin-top: 20px;
    height: 36vh;
}

@media (max-height: 700px)
{
    .cards_container_atendimentossemanais{
        background-color: white;
        box-shadow: 0px 0px 4px 2px #ddd;
        width: 32vw;
        min-width: 370px;
        padding: 20px;
        /*height: 30vh;*/
        height: 100%;
        min-height: 200px;
    }

    .cards_container_atendimentoporservico{
        background-color: white;
        box-shadow: 0px 0px 4px 2px #ddd;
        width: 32vw;
        min-width: 370px;
        padding: 20px;
        /*height: 30vh;*/
        height: 100%;
        min-height: 200px;
        margin-left: 20px;
    }

    .cards_container_atendimentoportecnico{
        background-color: white;
        box-shadow: 0px 0px 4px 2px #ddd;
        width: 32vw;
        min-width: 350px;
        padding: 20px;
        /*height: 30vh;*/
        height: 100%;
        min-height: 200px;
        margin-left: 20px;
    }

    .cards_container_atendimentoporclientes{
        background-color: white;
        box-shadow: 0px 0px 4px 2px #ddd;
        width: 32vw;
        min-width: 350px;
        padding: 20px;
        /*height: 30vh;*/
        height: 100%;
        min-height: 200px;
        text-align: center;
    }

    .card_personazar_dashboard{
        background-color: white;
        box-shadow: 0px 0px 4px 2px #ddd;
        width: 32vw;
        min-width: 350px;
        padding: 20px;
        /*height: 30vh;*/
        height: 100%;
        min-height: 200px;
        text-align: center;
        margin-left: 20px;
    }

    .card_agenda_dashboard{
        background-color: white;
        box-shadow: 0px 0px 4px 2px #ddd;
        width: 32vw;
        min-width: 350px;
        padding: 20px;
        /*height: 30vh;*/
        height: 100%;
        min-height: 200px;
        text-align: center;
        margin-left: 20px;
        overflow-y: scroll;
    }

    .card_indiqueeganhe_dashboard{
        background-color: white;
        box-shadow: 1px 1px 2px 2px #ddd;
        width: 32vw;
        min-width: 350px;
        padding: 20px;
        /*height: 30vh;*/
        height: 100%;
        min-height: 200px;
        margin-left: 20px;
        text-align: center;
    }

    .primeiralinha_cards_dashboard{
        display: flex;
        height: 33vh;
    }

    .segundalinha_cards_dashboard{
        display: flex;
        margin-top: 20px;
        height: 33vh;
    }
}

.cards_container_atendimentossemanais:hover{
    box-shadow: 1px 1px 3px 3px #ccc;
    transition: box-shadow 0.2s;
}

.cards_container_atendimentoportecnico:hover{
    box-shadow: 1px 1px 3px 3px #ccc;
    transition: box-shadow 0.2s;
}

.card_personazar_dashboard:hover{
    box-shadow: 1px 1px 3px 3px #ccc;
    transition: box-shadow 0.2s;
}


.cards_container_atendimentoporclientes:hover{
    box-shadow: 1px 1px 3px 3px #ccc;
    transition: box-shadow 0.2s;
}

.titulo_atendimento_por_cliente{
    font-weight: 800;
    color: #666666;
    font-size: 17px;
    font-family: "roboto", roboto, sans-serif;;
}

.qtdatendimentocliente{
    float: left;
    margin-right: 10px;
    width: 50px;
}

.cliente_lista_atendimentoporcliente{
    border:  0;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.lista_clientes_por_atendimento{
    margin-top: 20px;
    overflow-y: scroll;
    min-height: 120px;
    height: 20vh;
}

.barra_filtragem_dashboard{
    position: fixed;
    top: 90px;
    z-index: 2;
    width: 100vw;
    border-bottom: 1px solid #ddd;
    height: 50px;
    display: flex;
    justify-content: right;
    align-items: center;
    text-align: right;
    vertical-align: middle;
    background-color: #f5f5f5;
    padding: 20px 30px 20px 30px;
    box-shadow: 0px 8px 15px 1px #ddd;
}

.barra_filtragem_formulario{
    position: fixed;
    top: 90px;
    left: 0px;
    z-index: 3;
    width: 100vw;
    border-bottom: 1px solid #ddd;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    vertical-align: middle;
    background-color: #f5f5f5;
    padding: 20px 15px 20px 40px;
}

.barra_filtragem_dashboard h6{
    margin-top: 10px;
    font-size: 14px;
    color: gray;
}

.seletor_mes_dashboard{
    width: 120px;
    border: 0;
    margin-left: 10px;
    box-shadow: 0px 0px 2px 2px #ddd;
}

.seletor_ano_dashboard{
    width: 120px;
    border: 0;
    margin-left: 20px;
    margin-right: 10px;
    box-shadow: 0px 0px 2px 2px #ddd;
}

.titulo_dashboard{
    position: fixed;
    left: calc(50vw - 50px);
    font-weight: bold;
    font-size: 30px;
    width: 100px;
    text-align: center;
}

.titulo_dashboard_novo_chamado{
    position: fixed;
    left: calc(50vw - 200px);
    font-weight: bold;
    width: 400px;
    text-align: center;
}

.titulo_formulario{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: gray;
    margin-left: 120px;
}

.titulo_busca{
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 width: 100%;
 color: gray;
}

.titulo_clientes{
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 width: 100%;
 color: gray;
}

.titulo_relatorio{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: gray;
}

.corpo_card_custom_dashboard{
    width: 100%;
    height: 50%;
    display: flex;
    /*margin-top: 10px;*/
    justify-content: center;
    align-items: center;
}

.icone_relatorio_customizado{
    height: 60px;
}

.texto_custom_card_dashboard{
    font-size: 13px;
    color: gray;
    margin-top: 10px;
    text-align: left;
    margin-left: 10px;
}

.cliqueaqui_customizar_dashboard{
    color: gray;
    font-size: 13px;
}

.cliqueaqui_customizar_dashboard:hover{
    cursor: pointer;
}

.card_indiqueeganhe_dashboard:hover{
    box-shadow: 1px 1px 3px 3px #ccc;
    transition: box-shadow 0.4s;
}

.ummesgratis_texto_dashboard{
    color: gray;
    font-size: 25px;
}

.faleconosco_input_dashboard{
    height: 80px;
    border: 1px solid #ddd;
}

.botaoenviarcancelar_sugestoes_dashboard{
    font-size: 14px;
    margin-top: 10px;
    width: 100px;
}

.botaoenviarcancelar_sugestoes_dashboard:focus{
    border: 0;
    box-shadow: 0px 0px 0px 0px;
}

.botaoenviarcancelar_sugestoes_dashboard:active{
    border: 0;
    box-shadow: 0px 0px 0px 0px;
}

.faleconosco_conteudo_dashboard{
    text-align: center;
    color: gray;
    font-size: 20px;
    margin-top: 50px;
}

.faleconosco_conteudo_dashboard:hover{
    cursor: pointer;
    text-decoration: underline;
}

.div_personalizar_formulario{
    display: flex;
    width: 120px;
}

.div_personalizar_formulario:hover{
    text-decoration: underline;
    cursor: pointer;
}

.container_formulario{
    position: fixed;
    top: 140px;
    overflow-y: scroll;
    width: 100vw;
    padding: 20px 20vw 20px 20vw;
    height: calc(100vh - 150px);
    background-color: #f5f5f5;
}

.container_fixo{
    position: fixed;
    top: 140px;
    left: 0;
    overflow-y: scroll;
    height: calc(100vh - 150px);
    margin: auto;
}

.container_busca{
    position: fixed;
    top: 140px;
    overflow-y: scroll;
    width: 100vw;
    padding: 20px 8vw 20px 8vw;
    height: calc(100vh - 150px);
    background-color: #f5f5f5;
}

.logo_novo_cliente{
    color: #212325;
    font-size: 30px;
    margin-right: 10px;
    margin-top: 20px;
    padding-bottom: 0px;
}

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

.escolher_cliente_formulario{
    color: white;
    box-shadow: 1px 1px 5px 2px #ddd;
    width: 200px;
    margin-left: auto;
}

.escolher_cliente_formulario:hover{
    background-color: #0dcaf0;
}

.escolher_cliente_formulario ion-icon{
    font-size: 30px;
}

.escolher_cliente_formulario p{
    margin-bottom: 0;

}

.adicionar_novo_cliente{
    color: white;
    box-shadow: 1px 1px 5px 2px #ddd;
    border: 0;
    margin-left: 20px;
    width: 200px;
    text-align: left;
    margin-right: auto;
}

.adicionar_novo_cliente ion-icon{
    font-size: 25px;
    vertical-align: middle;
}

.adicionar_novo_cliente:hover{
    color: white;
}

.labels_formulario{
    font-size: 16px;
    color: gray;
    margin-left: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.div_cliente_complementar{
    display: none;
}

.inputs_formulario{
    border: 1px solid #ddd;
}

.textarea_formulario{
    height: 150px;
}

.tecnicos_envolvidos_formulario{
    background-color: transparent;
}

#box-da-imagem{
    width: 100%;
    height: 300px;
    padding: 10px;
    border: 2px solid #ddd;
    margin: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    padding-bottom: 0;
}

.previzualizar_imagem{
    width: 100%;
    height: 220px;
    margin-bottom: 0px;
    border-radius: 5px;
}

.caixa_imagem_com_legenda_formulario{
    width: 200px;
    height: 265px;
    margin-right: 10px;
}

.anexar_imagens_div_formulario{
    display: flex;
}

.anexar_imagens_div_formulario button{
    width: 150px;
}

.anexar_imagens_div_formulario ion-icon{
    height: 24px;
    font-size: 30px;
    margin-left: 10px;
}

.legenda_anexos_formulario{
    margin-top: 5px;
}

.titulos_assinaturas_formulario{
    font-size: 14px;
    color: gray;
    width: 100%;
    text-align: center;
}

.div_assinaturas_formulario{
    display: flex;
}

.limpar_assinaturas_formulario{
    width: 100%;
}

.limpar_assinaturas_formulario ion-icon{
    font-size: 25px;
}

.permanencia_atendimento_formulario{
    font-size: 25px;
    color: gray;
    width: 100%;
    text-align: center;
}

/*    .signature-pad{
        width: 100%;
        height: 300px;
    }*/

    .rodape_assinatura{
        text-align: center;
        width: 100%;
        margin: auto;
    }

    .limpar_assinaturas_formulario{
        height: 40px;
        margin: auto;
    }

    .dataEntradaInput{
        width: 100%;
        margin: auto;
    }

    .div_assinatura{
        margin-left: 50px;
    }

    .seletor_data_ano_buscar{
        display: flex;
        width: 350px;
        margin: auto;
        margin-bottom: 50px;
    }

    .titulo_seletor_periodo_buscar{
        font-size: 14px;
        color: gray;
        width: 100%;
        text-align: center;
    }

    .select_buscar{
        margin: auto;
        margin-right: 5px;
        margin-left: 5px;
        font-size: 14px;
        color: gray;
    }

    .rvt {
        width: 80%;
    }

    .rvt p {
        display: block;
    }

    .rvt .protocolo {
        font-size: 18px;
        font-weight: 600;
        margin-right: 10px;
    }

    .rvt p{
        margin: 0;
    }

    .info {
        font-size: 14px;
        color: gray;
        margin-right: 10px;
        margin: 0;
    }

    .containerItem {
        display: flex;
        margin: 20px 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 0px 0px 4px 2px #ddd;
        background-color: white;
        height: 130px;
        transition: height 0.5s;
        max-width: 350px;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .containerItem:hover {
        background-color: #eee;
        cursor: pointer;
        height: 350px;
        transition: height 0.8s;
    }

    .containerItemPersonalizado{
        display: flex;
        margin: 20px 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 0px 0px 4px 2px #ddd;
        background-color: white;
        height: 130px;
        transition: height 0.5s;
        max-width: 350px;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .containerItemPersonalizado:hover{
        background-color: #eee;
        cursor: pointer;
        height: 350px;
        transition: height 0.8s;
    }

    .icone {
        text-align: center;
        margin-top: 20px;
        margin-right: 20px;
    }

    .icone svg {
        width: 50px;
        height: 50px;
        margin-top: 30px;
    }

    .lista_atendimentos_busca{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    .conteudo_clientes_desktop{
        position: fixed;
        top: 140px;
        overflow-y: scroll;
        width: 100vw;
        padding: 20px 8vw 20px 8vw;
        height: calc(100vh - 150px);
        background-color: #f5f5f5;
    }

    .cliente_lista{
        font-size: 14px;
        color: gray;
    }

    .prefixo_atributos_clientes{
        font-size: 14px;
        color: gray;
    }

    .atributos_clientes{
        font-size: 14px;
        margin-bottom: 15px;
    }

    .legenda_modal_editar_clientes{
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: auto;
        font-size: 14px;
        color: gray;
    }

    .lista_clientes_informacoes{
        box-shadow: 0px 0px 4px 2px #ddd;
        width: 49%;
        background-color: white;
    }

    .lista_clientes_informacoes button{
        padding: 6px 12px;
        font-size: 14px;
    }

    .modal button{
        padding: 6px 12px;
        font-size: 14px;
    }

    .atributos_editaveis_clientes{
        font-size: 14px;
        background-color: #f5f5f5;
    }

    .atributos_editaveis_clientes:focus{
        background-color: #eee;
    }

    .container_ajustes{
        position: fixed;
        top: 140px;
        overflow-y: scroll;
        width: 100vw;
        padding: 20px 8vw 20px 8vw;
        height: calc(100vh - 150px);
        background-color: #f5f5f5;
    }

    .validade_licença_ajustes{
        font-size: 14px;
        color: gray;
    }

    .legenda_subtitulos_ajustes{
        font-size: 14px;
        color: gray;
    }
    
    .inputs_ajustes{
        width: 600px;
        border: 0;
    }

    .inputs_ajustes:focus{
        box-shadow: 1px 1px 2px 1px #ddd;
    }

    .senhas_input_ajustes{
        /*display: flex;*/
    }

    .div_senha_tecnico_ajuste{
        /*margin-left: 20px;*/
        margin-top: 20px;
    }

    .titulo_ajustes{
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        width: 100%;
        color: gray;
    }

    .input_dados_cadastrais_ajustes{
        width: 100%;
        border: 0;
        margin-bottom: 20px;
        background-color: #f5f5f5;
    }

    .input_dados_cadastrais_ajustes:active{
        box-shadow: 1px 1px 2px 1px #aaa;
        background-color: #e9e9e9;
    }

    .input_dados_cadastrais_ajustes:focus{
        box-shadow: 1px 1px 4px 1px #aaa;
        background-color: #e9e9e9;
    }

    .dados_cadastrais_ajustes{
        display: flex;
    }

    .div_logo_cliente{
        width: 55%;
        margin-left: 20px;
        text-align: center;
        /*border: 1px solid #ddd;*/
        background-color: white;
        box-shadow: 0px 0px 4px 2px #ddd;
        padding: 20px 20px 20px 20px;
    }

    .moldura_logo_ajustes{
        width: 450px;
        padding: 10px;
        border: 3px solid #eee;
        margin: auto;
    }


    .logo_cliente_ajustes{
        /*width: 300px;*/
        /*height: 200px;*/
        max-height: 200px ;
        max-width: 300px;
    }

    .div_dados_cadastrais_ajustes{
        width: 40%;
        /*border: 1px solid #ddd;*/
        box-shadow: 0px 0px 4px 2px #ddd;
        padding: 20px 20px 20px 20px;
        background-color: white;
    }
    
    .importar_logo{
        font-weight: bold;
        padding: 6px 12px;
        font-size: 14px;
    }

    .importar_logo:focus{
        box-shadow: 0px 0px 0px 0px;
    }

    .importar_logo:active{
        box-shadow: 0px 0px 0px 0px;
    }

    .div_cadastro_tecnicos_ajustes{
        width: 80%;
        margin: auto;
        text-align: center;
        margin-top: 50px;
    }

    .div_cadastro_tecnicos_ajustes ion-icon{
        font-size: 40px;
        color: gray;
    }

    .lista_usuarios_ajustes{
        width: 100%;
    }

    .legenda_inclusao_usuario_ajustes{
        font-size: 14px;
        color: gray;
    }

    .container_servicos{
        position: fixed;
        top: 140px;
        overflow-y: scroll;
        width: 100vw;
        padding: 20px 8vw 20px 8vw;
        height: calc(100vh - 150px);
        background-color: #f5f5f5;
    }

    .tabs-estatisticas{
        margin-top: 30px;
        border: 0;
    }

    .conteudo-servicos{
        background-color: white;
        border: 0;
        box-shadow: 1px 1px 3px 0px #ddd;
    }

    .conteudo-pecas{
        background-color: white;
        border: 0;
        box-shadow: 1px 1px 3px 0px #ddd;
    }

    .opcoes-tabs-estatisticas{
        width: 100%;
        border: 0;
    }

    .opcoes-tabs-estatisticas ion-icon{
        font-size: 30px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .tab-servicos{
        color: gray;
        border: 0;
        background-color: #ddd;
    }

    .titulo_servicos{
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        width: 100%;
        color: gray;   
    }

    .titulo_orcamento{
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        width: 100%;
        color: gray;
        padding-right: 40px;
    }

    .titulo_novo_servicos{
        font-size: 16px;
        color: gray;  
        margin-top: 30px;
    }

    #descricao_servico{
        font-size: 14px;
        border: 1px solid #ddd;
        /*width: auto;*/
    }

    #unidade_servico{
        font-size: 14px;
        border: 1px solid #ddd;
        width: 100px;
    }

    #preco_servico{
        font-size: 14px;
        border: 1px solid #ddd;
        width: 100px;
    }

    #descricao_peça{
        font-size: 14px;
        border: 1px solid #ddd;
    }

    #unidade_peça{
        font-size: 14px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        width: 100px;
        border: 1px solid #ddd;
        padding: 3px 6px;
    }

    #preco_peça{
        font-size: 14px;
        width: 100px;
        border: 1px solid #ddd;
    }

    .span_cadastro_servicos{
        font-size: 13px;
        padding: 3px 6px;
        width: 50px;
        display: flex;
        justify-content: center;
    }

    #novo_servico{
        margin-left: 5px;
    }

    #novo_servico:focus{
        box-shadow: 0px 0px 0px 0px;
    }

    .remover_servicos:focus{
        box-shadow: 0px 0px 0px 0px;
    }

    .descricao_servico:focus{
        border: 1px solid #bbb;
    }

    .descricao_servicos{
        font-size: 14px;
        background-color: #f5f5f5;   
    }

    .descricao_servicos:focus{
        background-color: #f5f5f5;
    }

    .unidade_servicos{
        font-size: 14px;
        width: 100px;
        background-color: #f5f5f5;   
    }

    .unidade_servicos:focus{
        background-color: #f5f5f5;
    }

    .preco_servicos{
        font-size: 14px;
        width: 100px;
        background-color: #f5f5f5;
    } 

    .preco_servicos:focus{
        background-color: #f5f5f5;
    }

    .descricao_peça{
        font-size: 14px;
        background-color: #f5f5f5;
    }

    .descricao_peça:focus{
        background-color: #f5f5f5;
    }

    .unidade_peça{
        font-size: 14px;
        width: 100px;
        background-color: #f5f5f5;
    }

    .unidade_peça:focus{
        background-color: #f5f5f5;
    }

    .preco_peça{
        font-size: 14px;
        width: 100px;
        background-color: #f5f5f5;
    } 

    .preco_peça:focus{
        background-color: #f5f5f5;
    }

    .servicos_cadastrados_lista_servicos{
        display: flex;
    } 

    .alterar_peça{
        width: 50px;
        margin-right: 5px;
        margin-left: 5px;
    } 

    .alterar_servicos{
        width: 50px;
        margin-right: 5px;
        margin-left: 5px;
    } 

    #nova_peça{
        margin-left: 5px;
    }

    .selecionar_objetivo_formulario{
        margin-bottom: 50px;
    }

    .container_orcamentos{
        position: fixed;
        top: 140px;
        overflow-y: scroll;
        width: 100vw;
        padding: 20px 8vw 20px 8vw;
        height: calc(100vh - 150px);
        background-color: #f5f5f5;
    }

    .seletor_acao_orcamentos{
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .titulos_atributos_orcamentos{
        font-size: 14px;
        color: gray;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }

    .selecionar_atendimento_orcamentos{
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        width: 100%;
        margin-bottom: 30px;
    }

    .inputs_novo_orcamento{
        margin-bottom: 20px;
    }

    .form-control{
        border: 0;
        box-shadow: 0px 0px 0px 0px;
    }

    .form-control:focus{
        box-shadow: 0px 0px 0px 0px;
        border: 0;
    }

    .form-control:active{
        box-shadow: 0px 0px 0px 0px;
        border: 0;
    }

    #buscar_orcamentos{
        display: none;
        margin-top: 50px;
    }

    .formato_relatorio{
        width: 800px;
        margin: auto;
        font-family: sans-serif;
    }

    .botoes_acao_relatorio{
        display: flex;
        margin-top: 30px;
        text-align: center;
    }

    svg{
        margin-right: 10px;
    }

    .icone-imprimir{
        font-size: 50px;
        color: #3f3f3f;
    }

    #endereco_email{

        font-size: 16px;
        width: 100%;
        height: 30px;
        margin-bottom: 10px;
    }

    .botao_enviar_email{
        border: 1px solid #ddd;
        border-radius: 10px;
        width: 200px;
        height: 30px;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .botao_enviar_email:hover{
        background-color: #ddd;
    }

    .email-enviado{
        color: darkgreen;
        font-size: 20px;
        font-family: sans-serif;
        margin: 10px;
    }

    .mobile{
        display: none;
    }

    .lista_relatorio_tecnico{
        /*width: 60%;
        height: 60%;
        overflow-y: scroll;
        margin: auto;*/

        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        overflow-x: hidden;
    }

    .lista_relatorio_afericao{
       /* width: 60%;
        height: 60%;
        overflow-y: scroll;
        display: none;
        margin: auto;*/

        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        display: none;
        overflow-x: hidden;
    }

    .lista_proposta_comercial{
        /*margin: auto;
        width: 60%;
        height: 60%;
        overflow-y: scroll;
        display: none;*/

        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        display: none;
        overflow-x: hidden;
    }

    .novo_cliente{
        width: 30px;
        height: 25px;
        padding: 5px 10px;
        font-size: 15px;
    }

    .inputs_usuarios_ajustes{
        background-color: #f5f5f5;
        border: 0;
    }

    .inputs_usuarios_ajustes:focus{
        background-color: #f1f1f1;
    }

    .cliente_protocolo_OS_orcamento{
        display: flex;
    }

    .div_cliente_orcamento{
        width: 100%;
    }

    .div_protocolo_OS_orcamento{
        margin-left: 20px;
    }

    .protocolo_OS_orcamento{
        /*width: 20%;*/
    }

    .servico_qtd_orcamento{
        width: 15%;
        min-width: 40px;
        max-width: 80px;
        text-align: center;
    }

    .preco_servico{
        width: 15%;
        min-width: 60px;
        max-width: 100px;
        text-align: center;
    }

    .quantidade_servico{
        width: 15%;
        min-width: 60px;
        max-width: 100px;
        text-align: center;
    }

    .preco_peça{
        width: 15%;
        min-width: 60px;
        max-width: 100px;
        text-align: center;
    }

    .unidade_peça{
        width: 15%;
        min-width: 40px;
        max-width: 80px;
        text-align: center;
    }

    .qtd_preco{
        width: 15%;
        min-width: 40px;
        max-width: 80px;
        text-align: center;
    }

    .displayblock{
        width: auto;
        margin-right: 100%;
    }

    .selecionar_cliente_orcamento{
        width: 100%;
        background-color: #eee;
        color: gray; 
        text-align: left;
    }

    .selecionar_cliente_orcamento:hover{
        background-color: #ddd;
    }

    .selecionar_cliente_orcamento:focus{
        border: 0;
        box-shadow: 0px 0px 0px 0px;
    }

    .selecionar_cliente_orcamento:active{
        border: 0;
        box-shadow: 0px 0px 0px 0px;
    }

    .cliente_lista_orcamentos:hover{
        cursor: pointer;
    }

    #barra_busca_clientes{
        width: 100%;
        border: 1px solid #ddd;
    }

    .valor_servico{
        width: 15%;
        min-width: 60px;
        max-width: 100px;
        text-align: center;
    }

    .valor_peça{
        width: 15%;
        min-width: 60px;
        max-width: 100px;
        text-align: center;
    }

    .subtotal_servicos{
        float: right;
        font-size: 15px;
        color: gray;
        display: none;
    }

    .subtotal_pecas{
        float: right;
        font-size: 15px;
        color: gray;
        display: none;
    }

    .quantidade_peça{
        width: 15%;
        min-width: 60px;
        max-width: 100px;
        text-align: center;
    }

    .valor_total_orcamento{
        border-bottom: 1px solid #ddd;
        width: 100%;
        text-align: center;
    }

    .registrar_orcamento{
        margin-right: 20px;
        margin-bottom: 30px;
        background-color: #0d6efd;
    }

    .registrar_orcamento span{
        color: #eee;
        vertical-align: middle;
        font-size: 35px;
    }

    .cancelar_orcamento{
        margin-bottom: 30px;
        background-color: #dc3545;
    }

    .cancelar_orcamento span{
        color: #eee;
        vertical-align: middle;
        font-size: 35px;
    }

    .botoes_modal_editar_cliete{
        font-size: 14px;
    }

    .novo_cliente_div_razaosocial_cnpj{
        display: flex;
    }

    .razao_social_novo_cliente{
        width: 80%;
    }

    .cnpj_novo_cliente{
        width: 20%;
        margin-left: 10px;
    }

    .enviar_orcamento_email{
        margin-left: 10px;
        margin-right: 20px;
        height: 45px;
    }

    .mensagem_apos_envio_email{
        font-weight: bold;
        font-size: 18px;
        padding: 50px;
        width: 100%;
        text-align: center;
    }

    .abrir_orcamento{
        cursor: pointer;
    }

    .nenhum_atendimento_no_mes_dashboard{
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: gray;
        position: relative;
        top: 7vh;
    }

    .botoes_acao_modal button{
        font-size: 14px;
    }

    .perfil_acesso_login{
        font-size: 14px;
        width: 100%;
        text-align: left;
        margin-top: 10px;
        color: gray;
    }

    .seletor_perfil_acesso{
        border: 0;
        background-color: #e8f0fe;
    }

    .mensagem_de_notificacao{
        font-size: 16px;
        padding: 40px 20px;
        width: 100%;
        text-align: center;
    }

    .container_cadastro_novo_usuario{
        padding: 50px;
        box-shadow: 0px 0px 4px 3px #ddd;
        background-color: #fbf8ff;
        width: 600px;
        height: 85%;
        margin-top: 20px;
        min-height: 500px;
        max-height: 700px;
        overflow-y: scroll;
    }

    .container_cadastro_novo_usuario input{
        font-size: 14px;
        height: 40px;
    }

    .container_cadastro_novo_usuario span{
        font-size: 25px;
        height: 30px;
        color: gray;
        padding: 6px;
        vertical-align: middle;
        margin-bottom: 5px;
    }

    .titulo_registro_cliente{
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .card_esqueci_minha_senha{
        position: fixed;
        top: 100px;
        left: calc(50vw - 300px);
        width: 600px;
        z-index: 1;
        box-shadow: 0px 0px 4px 3px #ddd;
        text-align: center;
        padding: 50px;
        background-color: #fbf8ff;
        margin-top: 20px;
        height: 300px;
        display: none;
    }

    .card_nova_senha{
        position: fixed;
        top: calc(50vh - 220px);
        height: 220px;
        left: calc(50vw - 300px);
        width: 600px;
        z-index: 1;
        box-shadow: 0px 0px 4px 3px #ddd;
        text-align: center;
        background-color: #fbf8ff;
        padding: 20px;
    }

    .container_novo_chamado{
        position: fixed;
        top: 140px;
        width: 100vw;
        height: calc(100vh - 90px);
        padding: 20px 40px 40px 40px;
        z-index: 2;
        background-color: #f5f5f5;
        display: flex;
        justify-content: center;
    }

    .card_solicitacao_chamado{
        height: calc(100vh - 250px);
        width: calc(100vw - 600px - 50px);
        box-shadow: 0px 0px 4px 3px #ddd;
        text-align: center;
        background-color: #fbf8ff;
        padding: 20px;
        overflow-y: scroll;
    }

    .card_servicos_prestados{
        height: calc(100vh - 250px);
        width: 600px;
        box-shadow: 0px 0px 4px 3px #ddd;
        background-color: #fbf8ff;
        padding: 20px;
        margin-left: 50px;
        overflow-y: scroll;
    }

    .titulos_container_novo_chamado{
        font-size: 15px;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
        width: 100%;
        text-align: center;
    }

    .subtitulo_container_novo_chamado{
        font-size: 14px;
        color: gray;
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }

    .inputs_novo_chamado{
        border: 1px solid #eee;
    }

    .inputs_novo_chamado:focus{
        border: 1px solid #ccc;
    }

    .novo_chamado_cnpj_endereco{
        display: flex;
    }

    .novo_chamado_endereco{
        width: 100%;
        margin-left: 20px;
    }

    .container_atendimentos{
        position: fixed;
        top: 140px;
        width: 100vw;
        height: calc(100vh - 90px);
        padding: 20px 40px 40px 40px;
        z-index: 1;
        background-color: #f5f5f5;
    }

    .menu_lateral_atendimentos{
        position: fixed;
        left: 0;
        top: 90px;
        z-index: 20;
        width: 240px;
        height: calc(100vh - 90px);
        background-color: #232d43;
        padding: 30px 0px 30px 0px;
        box-shadow: 3px 5px 15px 1px gray;
        border-right: 1px solid gray;
    }

    .lista_menu_lateral_atendimentos{
        list-style: none;
        padding: 0;
    }

    .lista_menu_lateral_atendimentos ion-icon{
        font-size: 35px;
        vertical-align: middle;
        margin-right: 10px;
    }

    .item_lista_menu_lateral_atendimentos{
        color: #ddd;
        font-size: 14px;
        height: 50px;
        display: flex;
        align-items: center;
        padding: 0 5px;
        border-bottom: 1px solid #161e2f;
        background-color: #232d43;
        transition: background-color 1s;
        vertical-align: middle;
    }

    .item_lista_menu_lateral_atendimentos:hover{
        background-color: #161e2f;
        cursor: pointer;
        transition: background-color 0.2s;
    }

    .item_lista_menu_lateral_atendimentos label:hover{
        cursor: pointer;
    }

    .item_lista_menu_lateral_atendimentos:active{
        background-color: #0c121f;
    }

    .item_lista_menu_lateral_selecionado{
        background-color: #161e2f;
    }

    .conteudo_atendimentos{
        position: fixed;
        top: 110px;
        left: 230px;
        background-color: #f5f5f5;
        width: calc(100vw - 220px);
        height: calc(100vh - 100px);
        padding: 2%;
        display: flex;
        justify-content: center;
    }

    .dias_agenda_menu{
        overflow-y: scroll;
        padding-left: 20px;
        margin-top: 10px;
        width: 100%;
    }
    .linhas_agenda_menu{
        display: flex;
        justify-content: center;
        margin-top: 0px;
    }

    .campo_dia_agenda_menu{
        width: calc(100% / 7);
        padding: 0px auto 0 auto;
        text-align: right;
        margin: 0 5px 0 5px;
        height: 5vh;
        min-height: 43px;
        border: 1px solid #ccc;
        margin: 3px;
        /*background-color: white;*/
        transition: background-color 1s;
    }

    .campo_dia_agenda_menu:hover{
        background-color: #ddd;
        cursor: pointer;
        transition: background-color 0.1s;
    }

    .campo_dia_agenda_menu_dashboard{
        width: calc(100% / 7);
        padding: 0px auto 0 auto;
        text-align: right;
        margin: 0 5px 0 5px;
        height: 3vh;
        min-height: 35px;
        border: 1px solid #ccc;
        margin: 3px;
        /*background-color: white;*/
        transition: background-color 1s;
    }

    .campo_dia_agenda_menu_dashboard:hover{
        background-color: #ddd;
        cursor: pointer;
        transition: background-color 0.1s;
    }

    .dia_agenda_menu{
        font-size: 14px;
        margin-right: 10px;
    }

    .dia_agenda_menu_dashboard{
        font-size: 11px;
        margin-right: 5px;
    }

    .eventos_dia_agenda_menu{
        padding: 2px;
        font-size: 14px;
        width: 50%;
        display: inherit;
        margin: auto;
    }

    .eventos_dia_agenda_menu_dashboard{
        padding: 1px;
        font-size: 12px;
        width: 50%;
        display: inherit;
        margin: auto;
    }

    .dia_atual{
        /*background-color: #ddd;*/
        font-weight: bold;
        border: 2px solid #232d43;
    }

    .card_agenda{
        height: calc(100vh - 200px);
        min-height: 400px;
        width: 50%;
        min-width: 380px;
        box-shadow: 0px 0px 4px 3px #ddd;
        background-color: #fbf8ff;
        padding: 1%;
        margin-left: 20px;
        margin-top: 20px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .card_agendamentos{
        height: calc(100vh - 200px);
        min-height: 400px;
        width: 100%;
        min-width: 400px;
        box-shadow: 0px 0px 4px 3px #ddd;
        background-color: #fbf8ff;
        padding: 20px;
        margin-top: 20px;
        overflow-y: scroll;
    }

    .card_solicitacoes{
        height: calc(100vh - 250px);
        width: calc(100vw - 250px);
        box-shadow: 0px 0px 4px 3px #ddd;
        background-color: #fbf8ff;
        padding: 20px;
        overflow-y: scroll;
        margin-top: 20px;
        display: none;
    }

    .card_servicos_prestados_atendimentos{
        position: fixed;
        top: 140px;
        left: 280px;
        height: calc(100vh - 250px);
        width: calc(100vw - 300px);
        box-shadow: 0px 0px 4px 3px #ddd;
        background-color: #fbf8ff;
        padding: 20px;
        overflow-y: scroll;
        margin-top: 20px;
        display: none;
    }

    .titulo_atendimento{
        /*width: 100%;*/
        text-align: center;
        font-size: 16px;        
        font-weight: bold;
    }

/*    .titulo_atendimento_ano{
        width: 100%;
        text-align: center;
        font-size: 18px;        
        font-weight: bold;
        color: gray;
    }*/

    .mes_e_ano_calendario_atendimentos{
        display: flex;
        justify-content: center;
        font-size: 18px;        
        font-weight: bold;
        vertical-align: middle;
        height: 40px;
    }

    .mes_e_ano_calendario_dashboard{
        display: flex;
        justify-content: center;
        font-size: 16px;        
        font-weight: bold;
        vertical-align: middle;
        height: 30px;
    }

    .subtitulo_atendimento{
        width: 100%;
        text-align: left;
        font-size: 14px;        
        /*font-weight: bold;*/
        color: gray;
        margin-left: 20px;
        margin-top: 20px;
    }

    .subtitulo_atendimento_modal{
        width: 100%;
        text-align: left;
        font-size: 14px;        
        font-weight: bold;
        color: gray;
        margin-top: 20px;
    }

    .lista_agendamentos_do_dia{
        list-style: none;
        padding-left: 20px;
        font-size: 15px;
        margin-top: 10px;
    }

    .agendamento_do_dia{
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }

    .agendamento_do_dia:hover{
        background-color: #eee;
        cursor: pointer;
    }

    .agendamento_do_dia label:hover{
        cursor: pointer;
    }

    .cabecalho_tabela_atendimento{
        background-color: #232d43;
        border: 0;
        color: white;
    }

    .coluna_protocolo_atendimentos{
        width: 50px;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
    }

    .coluna_cliente_atendimentos{
        width: 200px;
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
    }

    .coluna_cnpj_atendimentos{
        width: 200px;
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
        display: none;
    }

    .coluna_tarefa_atendimentos{
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
    }

    .coluna_telefone_atendimentos{
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        display: none;
    }

    .coluna_email_atendimentos{
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        display: none;
    }

    .coluna_endereco_atendimentos{
        font-size: 14px;
        text-align: center;
        width: 200px;
        vertical-align: middle;
    }

    .coluna_datahora_atendimentos{
        width: 150px;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
    }

    .linhas_tabela_atendimento:hover{
        cursor: pointer;
    }

    #modal_agendamento button{
        font-size: 14px;
    }

    .inputs_atendimentos{
        border: 1px solid #ddd;
    }

    .inputs_atendimentos:focus{
        border: 1px solid #aaa;
    }

    .coluna_cliente_solicitacoes{
        width: 300px;
    }

    .coluna_telefone_solicitacoes{
        text-align: center;
        width: 180px;
    }

    .coluna_email_solicitacoes{
        text-align: center;
    }

    .coluna_tarefa_solicitacoes{
        text-align: center;
    }

    .coluna_datahora_solicitacoes{
        text-align: center;
        width: 150px;

    }

    .coluna_acoes_solicitacoes{
        text-align: center;
        width: 160px;
    }

    .linhas_tabela_solicitacoes{
        font-size: 14px;
    }

    .barra_filtragem_atendimento{
        position: fixed;
        top: 90px;
        z-index: 3;
        width: 100vw;
        border-bottom: 1px solid #ddd;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: right;
        background-color: #f5f5f5;
        padding: 0 20px;
    }

    .corpo_servicos_prestados{
        display: flex;
    }

    .cadastro_servico_prestado{
        width: 50%;
        height: calc(100vh - 350px);
        padding: 50px;
        text-align: center;
    }

    .lista_servicos_prestados{
        width: 50%;
        height: calc(100vh - 450px);
        border-left: 1px solid #ddd;
        margin-left: 20px;
        padding: 50px;
        margin-top: 50px;
        overflow-y: scroll;
    }

    #link_abrir_chamado{
        text-align: center;
        font-size: 14px;
    }

    .qrcode_abrir_chamado{
        width: 50%;
    }

    .qtd_solicitacoes_atendimentos{
        margin-left: 10px;
    }

    .cabecalho_calendario_agendamentos{
        display: flex;
        margin-top: 10px;
        margin-left: 23px;
        margin-right: 13px;
    }

    .cabecalho_calendario_dashboard{
        display: flex;
        margin-top: 0px;
        margin-left: 23px;
        margin-right: 13px;
    }

    .cabecalho_dia_da_semana_agendamentos{
        width: calc(100% / 7);
        padding: 0px auto 0 auto;
        text-align: center;
        margin-right: 7px;
        font-size: 14px;
        color: gray;
        position: relative;
        top: 10px;
    }

    .cabecalho_dia_da_semana_agendamentos_ultimo{
        width: calc(100% / 7);
        padding: 0px auto 0 auto;
        text-align: center;
        font-size: 14px;
        color: gray;
        position: relative;
        top: 10px;
    }

    .cabecalho_dia_da_semana_dashboard{
        width: calc(100% / 7);
        padding: 0px auto 0 auto;
        text-align: center;
        margin-right: 7px;
        font-size: 12px;
        color: gray;
        position: relative;
        top: 5px;
    }

    .cabecalho_dia_da_semana_dashboard_ultimo{
        width: calc(100% / 7);
        padding: 0px auto 0 auto;
        text-align: center;
        font-size: 12px;
        color: gray;
        position: relative;
        top: 5px;
    }

    .botoes_acao_calendario_atendimentos{
        padding-left: 20px;
    }

    .botoes_acao_calendario_atendimentos ion-icon{
        font-size: 20px;
    }

    .botoes_acao_calendario_dashboard{
        padding-left: 20px;
    }

    .botoes_acao_calendario_dashboard ion-icon{
        font-size: 15px;
    }

    .voltar_mes_calendario_atendimentos{
        padding: 10px;
        transition: background-color 1s;
    }

    .avancar_mes_calendario_atendimentos{
        padding: 10px;
        transition: background-color 1s;
    }

    .voltar_mes_calendario_atendimentos:hover{
        background-color: #eee;
        cursor: pointer;
        transition: background-color 0.1s;
    }

    .avancar_mes_calendario_atendimentos:hover{
        background-color: #eee;
        cursor: pointer;
        transition: background-color 0.1s;
    }

    .voltar_mes_calendario_atendimentos:active{
        background-color: #ddd;
    }

    .avancar_mes_calendario_atendimentos:active{
        background-color: #ddd;
    }

    .mes_e_ano_titulo_calendario_atendimentos{
        margin-left: auto;
        margin-right: 10px;
        line-height: 40px;
        font-size: 16px;
    }

    .mes_e_ano_titulo_calendario_dashboard{
        margin-left: auto;
        margin-right: 10px;
        line-height: 30px;
        font-size: 14px;
    }

    .botao_hoje_calendario_atendimentos{
        background-color: #eee;
        border-radius: 5px;
        font-size: 14px;
        padding: 2px 10px;
        border: 0;
        margin-left: 10px;
        transition: background-color 1s;
    }

    .botao_hoje_calendario_atendimentos:hover{
        background-color: #ddd;
        transition: background-color 0.2s;
    }

    .botao_hoje_calendario_atendimentos:active{
        background-color: #ccc;
    }

    .botao_hoje_calendario_dashboard{
        background-color: #eee;
        border-radius: 5px;
        font-size: 12px;
        padding: 0px 7px;
        border: 0;
        margin-left: 10px;
        transition: background-color 1s;
    }

    .botao_hoje_calendario_dashboard:hover{
        background-color: #ddd;
        transition: background-color 0.2s;
    }

    .botao_hoje_calendario_dashboard:active{
        background-color: #ccc;
    }

    .legenda_cores_prioridades{
        display: flex;
        font-size: 14px;
        vertical-align: middle;
        margin-top: 15px;
    }

    .container_formulario_cadastro{
        width: 100%;
        height: 100%;
        text-align: center;
    }

    #conteudo_busca{
        border: 1px solid #ddd;
    }

    .lista_de_servicos input{
        border: 1px solid #ddd;
    }

    .lista_de_servicos input:focus{
        border: 1px solid #bbb;
    }

    .lista_de_peças input{
        border: 1px solid #ddd;
        background-color: white;
    }

    .lista_de_peças input:focus{
        background-color: white;
        border: 1px solid #bbb;
    }

    .botoes_acao_orcamento{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 50px;
    }

    .card_lista_orcamentos{
        border: 1px solid #eee;
        background-color: white;
        padding: 20px;
        margin-bottom: 30px;
        margin-right: 20px;
        box-shadow: 0px 0px 4px 3px #eee;
        font-size: 14px;
    }

    .card_lista_orcamentos:hover{
        box-shadow: 0px 0px 4px 3px #ddd;
        cursor: pointer;
    }

    .card_lista_orcamentos p{
        padding: 0;
        margin: 10px;
    }

    .cursor_pointer{
        cursor: pointer;
    }

    .lista_servicos_selecionados input{
        border: 1px solid #ddd;
    }

    .lista_peças_selecionadas input{
        border: 1px solid #ddd;
    }

    .aviso_vencimento{
        position: fixed;
        left: 40px;
        background-color: #e57373;
        padding: 5px 20px;
        vertical-align: middle;
        border-radius: 5px;
        box-shadow: 0px 0px 3px 1px gray;
        font-size: 14px;
    }

    .aviso_vencimento:hover{
        background-color: #ef5350;
        cursor: pointer;
    }

    .aviso_vencimento label:hover{
        cursor: pointer;
    }

    .aviso_vencimento ion-icon{
        vertical-align: middle;
        margin-right: 5px;
        font-size: 25px;
    }

    .container_dados_cadastrais{
        position: fixed;
        top: 170px;
        left: 270px;
        width: calc(100vw - 300px);
        height: calc(100vh - 200px);
        padding: 20px;
        text-align: center;
        /*display: none;*/
    }

    .container_usuarios{
        position: fixed;
        top: 170px;
        left: 270px;
        width: calc(100vw - 300px);
        height: calc(100vh - 200px);
        padding: 20px;
        text-align: center;
        display: none;
    }

    .container_configuracoes{
        position: fixed;
        top: 170px;
        left: 270px;
        width: calc(100vw - 300px);
        height: calc(100vh - 200px);
        padding: 20px;
        text-align: center;
        display: none;
    }

    .container_dados_cadastrais button{
        margin-top: 20px;
        padding: 5px 20px;
    }

    .dados_cadastrais_colunas{
        display: flex;
    }

    .container_dados_cadastrais_coluna_esquerda{
        width: 60%;
    }

    .container_dados_cadastrais_coluna_direita{
        width: 40%;
        padding-left: 40px;

    }

    .container_dados_cadastrais input{
        background-color: #f5f5f5;
        width: 85%;
    }

    .container_dados_cadastrais input:focus{
        background-color: #f0f0f0;
    }

    .container_dados_cadastrais_atributo{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .container_dados_cadastrais_atributo label{
        color: gray;
    }

    .container_dados_cadastrais_atributo label{
        margin-right: auto;
    }

    .dados_cadastrais_moldura_logo{
        border: 2px solid #ddd;
        width: 60%;
        height: 50%;
        margin: 0 auto;
        padding: 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .container_dados_cadastrais_coluna_direita label{
        margin-top: 10px;
        color: gray;
        font-size: 12px;
    }

    .dados_cadastrais_logomarca{
        width: 100%;
        max-height: 100%;
    }

    .dados_cadastrais_logomarca:hover{
        cursor: pointer;
    }

    .titulo_logomarca{
        color: gray;
    }

    .ajustes_cabecalho_tabela_usuarios{
        background-color: #232d43;
        color: white;
    }

    .ajustes_titulo_usuarios{
        font-weight: bold;
    }

    .ajustes_div_novo_usuario{
        display: flex;
        margin-bottom: 10px;
        width: 100%;
        padding-right: 10px;
    }

    .ajustes_div_novo_usuario input{
        background-color: #f5f5f5;
        margin-right: 10px;
    }

    .ajustes_div_novo_usuario input:focus{
        background-color: #f0f0f0;
    }

    .ajustes_div_novo_usuario select{
        background-color: #f5f5f5;
        margin-right: 10px;
    }

    .ajustes_div_novo_usuario select:focus{
        background-color: #f0f0f0;
    }

    .novo_usuario_nome{
        width: 30%;
    }

    .novo_usuario_email{
        width: 13%;
        min-width: 150px;
    }

    .novo_usuario_senha{
        width: 10%;
        min-width: 100px;
    }

    .novo_usuario_perfil{
        width: 5%;
        min-width: 80px;
    }

    .novo_usuario_observacoes{
        width: 45%;
    }

    .linha_tabela_ajustes_usuarios{
        vertical-align: middle;
    }

    .linha_tabela_ajustes_usuarios button{
        font-size: 14px;
    }

    .linha_tabela_ajustes_usuarios input{
        text-align: center;
    }

    .excluir{
        background-color: #f44336;
    }

    .excluir:hover{
        background-color: #e53935;
    }

    .ajustes_tabela_usuarios_coluna_id{
        width: 50px;
        text-align: center;
    }

    .ajustes_tabela_usuarios_coluna_nome{
        width: 25%;
        text-align: center;
    }

    .ajustes_tabela_usuarios_coluna_email{
        width: 20%;
        text-align: center;
    }

    .ajustes_tabela_usuarios_coluna_senha{
        width: 10%;
        text-align: center;
    }

    .ajustes_tabela_usuarios_coluna_perfil{
        width: 8%;
        min-width: 130px;
        text-align: center;
    }

    .ajustes_tabela_usuarios_coluna_observacoes{
        width: 45%;
        text-align: center;
    }

    .ajustes_tabela_usuarios_coluna_acoes{
        min-width: 180px;
    }

    .ajustes_tabela_usuarios_coluna_acoes button{
        padding: 10px 10px;
    }

    .aviso_limite_usuarios_atingido{
        color: #f44336;
        font-weight: bold;
    }

    .div_tabela_usuarios{
        height: calc(100% - 100px);
        overflow-y: scroll;
    }

    .div_colunas_configuracoes{
        padding: 5px;
        width: 100%;
        display: flex;
        height: 100%;
        overflow-y: scroll;
    }

    .div_configuracoes_coluna1{
        width: 45%;
        text-align: left;
    }

    .div_configuracoes_coluna2{
        width: 50%;
        margin-left: auto;
        text-align: left;
    }

    .titulo_ajustes_configuracoes{
        color: gray;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
        width: auto;
        margin-bottom: 10px;
    }

    .card_ajustes_configuracoes{
        box-shadow: 0px 0px 5px 1px #ddd;
        padding: 30px;
        margin-bottom: 20px;
    }


    .inputs_configuracoes{
        background-color: #f5f5f5;
        margin-right: 10px;
        margin-left: 20px;
    }

    .inputs_configuracoes:focus{
        background-color: #f0f0f0;
    }




}