@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: #fbfbfb;
    font-family: 'Source Sans Pro', sans-serif;
    overflow-x: hidden;
    font-size: 2.2vh;
}


/* SCROLLL */


/* width */

::-webkit-scrollbar {
    width: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: linear-gradient(180deg, rgb(228, 228, 228) 0%, rgb(253, 252, 252) 100%);
    /* border-radius: 10px; */
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    /* border-radius: 10px; */
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 1px 1px 6px #ccc inset;
}


/* FIM SCROL */

div {
    transition: width 0.3s, background-color 1.5s, background-image 1.5s, display 1.5s, font-size 0.5s, border-width 0.5s, opacity 1.5s;
}


/* BARRA TOP  */

#barra_main {
    width: 100%;
    height: 45px;
    background: #f5f5f5;
    padding: 0.2% 0% 0.2% 0%;
    display: flex;
    position: fixed;
    z-index: 1001;
    align-items: center;
    top: 0px;
}

.div_barra {
    display: flex;
    margin-left: 1%;
    min-height: 39px !important;
    line-height: 30px;
}

#barra_form_Organizações {
    background: url(../images/organizacoes_g.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 8px;
    width: 34px;
    font-size: 0px;
    margin-right: 2%;
}

#barra_form_Pessoas {
    background: url(../images/pessoas_g.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 8px;
    width: 38px;
    font-size: 0px;
    margin-right: 2%;
}

#barra_form_Busca_bar {
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 8px;
    display: none;
    width: 90px;
}

#barra_form_Organizações:hover {
    background: url(../images/organizacoes_g.png) #16c0e4;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 8px;
    color: #666;
    height: 27px;
    border-radius: 0px 0px 0px 0px;
    width: 145px;
    font-size: 14px;
    margin-right: 0%;
}

#barra_form_Pessoas:hover {
    background: url(../images/pessoas_g.png) #084de875;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 8px;
    color: #666;
    height: 27px;
    border-radius: 0px 0px 0px 0px;
    width: 110px;
    font-size: 14px;
    margin-right: 0%;
}


/* QUANDO FIXA NA PAGINA CERTA */

#barra_form_Organizações.fixa {
    background: url(../images/organizacoes_g-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 8px;
    color: #666;
    border-top: 4px solid #16c0e4;
    width: 120px;
    font-size: 12px;
    margin-right: 0%;
}

#barra_form_Pessoas.fixa {
    background: url(../images/pessoas_g-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 8px;
    color: #666;
    border-top: 4px solid #084de8;
    width: 120px;
    font-size: 14px;
    margin-right: 0%;
}

#barra_form_Busca_bar.fixa {
    background: url(../images/lupa_g2.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 12px 7px;
    color: #666;
    border-top: 4px solid #16c0e4;
}

.barra_btn_bar {
    background: #fbfbfb;
    display: inline-table;
    color: #666;
    cursor: pointer;
    padding: 5px 0px 5px 22px;
    height: 22px;
    margin-left: 1%;
    width: 120px;
    text-align: center;
    border-radius: 0px;
    font-size: 14px;
}

.barra_btn_bar:hover {
    color: #666;
}

#barra_form_main_Proposta {
    background: url(../images/propostas_g.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 8px 8px;
    width: 35px;
    font-size: 0px;
    display: none;
    margin-right: 2%;
}

#barra_form_main_Proposta:hover {
    background: url(../images/propostas_g.png) #4dff7b85;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 8px 8px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
}

#barra_form_main_Proposta.fixa {
    background: url(../images/propostas_g-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 8px 8px;
    color: #666;
    width: 120px;
    font-size: 14px;
    border-top: 4px solid #4dff7b85;
    margin-right: 0%;
}

#barra_form_Venda {
    background: url(../images/vendas_g.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 6px;
    width: 32px;
    font-size: 0px;
    display: none;
    margin-right: 2%;
}

#barra_form_Venda:hover {
    background: url(../images/vendas_g.png) #ec4151a6;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 6px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
}

#barra_form_Venda.fixa {
    background: url(../images/vendas_g-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 8px 6px;
    color: #666;
    width: 120px;
    font-size: 14px;
    border-top: 4px solid #ec4151a6;
    margin-right: 0%;
}

#barra_form_Servico {
    background: url(../images/servico_g.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 8px;
    width: 28px;
    font-size: 0px;
    display: none;
    margin-right: 2%;
}

#barra_form_Servico:hover {
    background: url(../images/servico_g.png) #ecc741a6;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 8px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
}

#barra_form_Servico.fixa {
    background: url(../images/servico_g-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 8px;
    color: #666;
    width: 120px;
    font-size: 14px;
    border-top: 4px solid #ecc741a6;
    margin-right: 0%;
}

#barra_form_Servico_Cortesia {
    background: url(../images/servico_c.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 8px;
    width: 28px;
    font-size: 0px;
    display: none;
    margin-right: 2%;
}

#barra_form_Servico_Cortesia:hover {
    background: url(../images/servico_c.png) #e36425a6;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 8px;
    color: #666;
    width: 145px;
    font-size: 14px;
    margin-right: 0%;
}

#barra_form_Servico_Cortesia.fixa {
    background: url(../images/servico_c-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 8px;
    color: #666;
    width: 120px;
    font-size: 11px;
    border-top: 4px solid #e36425a6;
    margin-right: 0%;
}

#barra_form_Pedido {
    background: url(../images/pedido_g.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 8px;
    width: 30px;
    font-size: 0px;
    display: none;
    margin-right: 2%;
}

#barra_form_Pedido:hover {
    background: url(../images/pedido_g.png) #9a41eca6;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 8px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
}

#barra_form_Pedido.fixa {
    background: url(../images/pedido_g-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 8px 8px;
    color: #666;
    width: 120px;
    font-size: 14px;
    border-top: 4px solid #9a41eca6;
    margin-right: 0%;
}

#barra_form_main_Principal {
    background: url(../images/Orcamentos.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 8px 13px;
    width: 28px;
    font-size: 0px;
    display: block;
    margin-right: 2%;
}

#barra_form_main_Principal:hover {
    background: url(../images/Orcamentos.png) #cbff4d85;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 8px 13px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
}

#barra_form_main_Principal.fixa {
    background: url(../images/Orcamentos-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 8px 13px;
    color: #666;
    width: 120px;
    font-size: 14px;
    border-top: 4px solid #cbff4d85;
    margin-right: 0%;
}

#barra_form_main_Principal-Simm {
    background: url(../images/simm.png) #11122e;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px 5px;
    width: 20px;
    font-size: 0px;
    display: block;
    margin-right: 0%;
}

#barra_form_Ergonomia {
    background: url(../images/checklist.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 11px;
    width: 28px;
    font-size: 0px;
    /* display: none; */
    margin-right: 2%;
}

#barra_form_Ergonomia:hover {
    background: url(../images/checklist.png) #f37000;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 11px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
}

#barra_form_Ergonomia.fixa {
    background: url(../images/checklist-color.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 11px;
    color: #666;
    width: 120px;
    font-size: 14px;
    border-top: 4px solid #f37000;
    margin-right: 0%;
}

#barra_form_Sapochat {
    background: url(../images/sapinho_preto.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 11px;
    width: 28px;
    font-size: 0px;
    /* display: none; */
    margin-right: 2%;
}

#barra_form_Sapochat:hover {
    background: url(../images/sapinho_preto.png) #45b802;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 11px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
}

#barra_form_Sapochat.fixa {
    background: url(../images/sapinho_verde.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 11px;
    color: #666;
    width: 120px;
    font-size: 14px;
    border-top: 4px solid;
    border-image: linear-gradient(to right, #45b802, #92e000);
    border-image-slice: 1;
    margin-right: 0%;
}

table tr.header_sapochat th {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 15px;
}

tr.header_sapochat {
    background-image: linear-gradient(to right, #45b802, #92e000);
}


/* #barra_form_main_Principal-Simm:hover {
    background: url(../images/simm.png) #cbff4d85;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 8px;
    color: #666;
    height: 27px;
    width: 120px;
    font-size: 14px;
    border-radius: 0px 0px 0px 0px;
    margin-right: 0%;
} */

#barra_form_main_Principal-Simm.fixa {
    background: url(../images/simm.png) #11122e;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px 5px;
    color: #666;
    font-size: 14px;
    border-top: 4px solid #ff7303;
    margin-right: 0%;
}

.title_main {
    display: none;
    margin: auto;
    margin-top: 50px;
    color: #666;
    padding: 10px 10px 10px 40px;
    font-size: 22px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
}

#barra_form_logo {
    background: url(../images/sapo_g.png);
    width: 108px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 95px;
    margin-top: -3px;
}

.ipt_main_busca {
    width: 155px;
    padding: 5px 10px;
    background-color: #fdfdfd;
    border: 1px solid #d8d8d870;
    border-radius: 0px;
    color: #666;
    background-image: url(../images/lupa_g2.png);
    background-repeat: no-repeat;
    background-position: 151px;
    margin-top: 0px;
    background-size: 28px;
    display: inline-grid;
}

#main_busca {
    background-color: #e8e8e8;
    border: 0px;
    color: #7b7b7b;
}

#main_busca::placeholder {
    color: #b1b1b1;
}

#barra_form_Login {
    position: absolute;
    right: 0px;
    display: inline-table;
    color: #000;
    cursor: pointer;
    padding: 5px;
    height: 36px;
    border-radius: 0px;
    background: url(../images/login_g.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 6px 8px;
    width: 200px;
    z-index: 5;
}

#barra_form_Login:hover {
    border: 0px solid #d8d8d8;
    color: #ffffff;
    background: url(../images/login_w.png) #3e3e3ee8;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 5px 10px;
    height: 100vh;
    top: 0px;
}

.idgeral_intercacao {
    padding: 5px;
    background: #f5f5f5;
    width: 130px;
    text-align: right;
    margin: auto;
    cursor: pointer;
    display: inline;
    margin: 10px;
    border: 1px solid #dadada;
}

.btn_logout {
    display: none;
    margin-top: 10px;
    text-align: center;
    color: #e8e8e8;
    padding: 5px;
    border-radius: 0px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 14px;
}

.btn_logout:hover {
    display: block;
    background: linear-gradient(180deg, rgb(58, 58, 58) 0%, rgb(58, 58, 58) 100%);
    color: #fff;
}

.btn_usuario {
    display: none;
    margin-top: 10px;
    text-align: center;
    color: #efefef;
    padding: 5px;
    border-radius: 0px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 14px;
}

.btn_usuario:hover {
    display: block;
    background: linear-gradient(180deg, rgb(58, 58, 58) 0%, rgb(58, 58, 58) 100%);
    color: #fff;
}


/* CRID DE BUSCA PROPOSTAS / ORGANIZAÇÕES E PESSOAS */


/* .grid_busca {
    margin: 55px 0% 25px 3%;
    display: inline-table;
    max-width: 1200px;
    position: absolute;
    z-index: 4;
} */

.grid_busca {
    margin: 55px 0% 25px 25px;
    display: inline-table;
    max-width: 1200px;
    position: absolute;
    z-index: 4;
}

.filtro_modulos {
    margin-left: 10px;
}

.filtro_modulos option:disabled {
    color: #ccc;
}

.box_filtros {
    /* border: 1px solid #e8e8e8; */
    /* height: 46px; */
    display: inline-flex;
    width: 600px;
    margin-left: 10px;
    /* background-color: #f3f3f3; */
    /* margin-bottom: -20px; */
}

.filtro_do_box {
    background: #4a4a4a;
    height: 22px;
    padding: 3px 5px;
    color: #d8d8d8;
    margin: 9px;
    cursor: pointer;
    font-size: 11px;
    display: inline-grid;
    margin-top: 17px;
}


/* BTN ADICIONAR */

.grid_adicionar {
    margin: 55px 0px 25px 20%;
    display: inline-table;
    background: linear-gradient(180deg, rgb(0, 184, 224) 0%, rgb(28, 194, 230) 100%);
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    max-width: 180px;
    border-radius: 0px;
    cursor: pointer;
    /* position: absolute; */
    z-index: 4;
}

.grid_adicionar:hover {
    background: linear-gradient(180deg, rgb(28, 194, 230) 0%, rgb(0, 184, 224) 100%);
}

.grid_adicionar>img {
    vertical-align: text-top;
}


/* main propostas */

#btn_nova_proposta {
    background: #29bf50;
}

#main_propostas>.grid_adicionar {
    background: #29bf50!important;
}

#main_propostas>.grid_adicionar:hover {
    background: #3fd867!important;
}


/* BTN REVISÃO */

.btn_nova_revisao {
    display: inline-table;
    background: #29bf50!important;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    margin: auto;
}

.btn_nova_revisao:hover {
    background: #3fd867!important;
}

.btn_nova_revisao>img {
    vertical-align: text-top;
    margin-right: 10px;
}


/* GRID Principal */

.grid_main {
    /* text-align: center; */
    margin-top: 50px;
}

#main_acessos {
    margin: 50px 0px;
}

#botao_ocultar_acesso {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    height: 3.2rem;
    width: 3.2rem;
    text-align: center;
    background: #6a6a6f;
    border-radius: 0.3rem;
    margin-right: 1rem;
    line-height: 1.6;
    font-size: 2rem;
    color: #efefef;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

#botao_ocultar_acesso:hover {
    background: #6a6a6f;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

#box_mostrar_todos_acessos {
    display: flex;
    height: 2.5rem;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
}

#box_mostrar_todos_acessos label{
    margin: 0 0 0 0.5rem;
    cursor: pointer;
}

#checkbox_mostrar_todos_acessos {
    width: 1.5rem;
    height: 1.5rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid rgba(166, 8, 120, 0.65);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
  
#checkbox_mostrar_todos_acessos:checked {
    background-color: #a60878;
    border-color: #a60878;
}

#checkbox_mostrar_todos_acessos:checked::before {
    content: '\2713';
    display: block;
    text-align: center;
    line-height: 1.2rem;
    color: #fff;
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border: none;
    font-weight: 900;
    font-family: 'FontAwesome';
    padding-top: 3px;
}

.grid_index_row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
}

.grid_content_row {
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    border: 1px solid #fbfbfb;
}

.grid_content_row:hover {
    border: 1px solid #c2cfd2;
}

.grid_index {
    display: inline-grid;
    background: rgb(234, 244, 247);
    color: #666;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border-radius: 0px;
    border-bottom: 2px solid #15bfe4;
    white-space: pre;
    box-sizing: border-box;
    border-left: 1px solid #d8e9f3;
    border-top: 1px solid #d8e9f3;
}

.grid_index:hover {
    background: rgb(251, 251, 251);
    cursor: pointer;
}

.grid_content {
    display: inline-grid;
    background: #ffffff;
    color: #666;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border-radius: 0px;
    cursor: pointer;
    border: 1px solid #f7f4f4;
    white-space: pre;
    box-sizing: border-box;
}

.grid_content:hover {
    background: #f5f4f4;
    color: #666;
}

.grid_index_blank {
    display: inline-grid;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border-radius: 0px;
    opacity: 0.0;
    box-sizing: border-box;
}

.grid_content_blank {
    display: inline-grid;
    font-size: 14px;
    text-align: center;
    padding: 0px;
    border-radius: 0px;
    background: transparent;
    box-sizing: border-box;
}

.grid_content:empty {
    vertical-align: middle;
    height: 40px;
}

.Finalizado {
    background: #6ed433;
    color: #fff;
    width: 100%;
}

.Pendente {
    background: #ead62f;
    color: #fff;
    width: 100%;
}

.Cancelado {
    background: #f2828d;
    color: #fff;
    width: 100%;
}

.Ativo {
    background: #6ed433;
    color: #fff;
    width: 100%;
}

.AtivoCortesia {
    background: #f26f2e;
    color: #fff;
    width: 100%;
}

.Encerrado {
    background: #4a4a4a;
    color: #fff;
    width: 100%;
}

.Faturado {
    background: #2f46ea;
    color: #fff;
    width: 100%;
}

.Faturado-Parcial {
    background: #7d89e0;
    color: #fff;
    width: 100%;
}


/*MODALS*/

.modals {
    z-index: 99900!important;
}

#modal_revisoes {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid #4dff7b85;
    border-top: 4px solid #4dff7b85;
    margin-top: -4px;
    z-index: 99900 !important;
}

#modal_revisoes::after {
    content: '';
    background: inherit;
    position: fixed;
    margin: auto;
    top: 5%;
    left: 22%;
    filter: blur(10px);
}

#modal_acessos,
#modal_links,
#modal_links_groups {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid #1205a8f5;
    border-top: 4px solid #1205a8f5;
    margin-top: -4px;
    z-index: 99900 !important;
}

#modal_acessos::after,
#modal_links::after,
#modal_links_groups::after {
    content: '';
    background: inherit;
    position: fixed;
    margin: auto;
    top: 5%;
    left: 22%;
    filter: blur(10px);
}

#modal_links .content_modal_links {
    opacity: 1;
    background: #fff;
    padding: 1rem 0 2rem 0;
}

.btn_detalhe_link {
    /* marcado como !important para sobreescrever classes bootstrap */
    border-color: #e2e6ea !important;
    padding: 4px 10px !important;
    margin: 0 !important;
}

#modal_acessos_editavel {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid #1205a8f5;
    border-top: 4px solid #a60878;
    margin-top: -4px;
    z-index: 99900;
}

#modal_acessos_editavel::after {
    content: '';
    background: inherit;
    position: fixed;
    margin: auto;
    top: 5%;
    left: 22%;
    filter: blur(10px);
}

#modal_propostas {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    z-index: 996;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid #4dff7b85;
    border-top: 4px solid #4dff7b85;
    margin-top: -4px;
    z-index: 99900;
}

#modal_pipedrive {
    display: none;
    z-index: 99999 !important;
    position: fixed;
    background: #151515f5;
    border-radius: 0px;
    color: #151515;
    top: 1%;
    left: 0%;
    width: 100%;
    height: 100vh;
    padding: 35px;
    box-sizing: border-box;
    text-align: center;
    z-index: 99900;
}

#modal_pipedrive_org {
    display: none;
    z-index: 99999 !important;
    position: fixed;
    background: #151515f5;
    border-radius: 0px;
    color: #151515;
    top: 1%;
    left: 0%;
    width: 100%;
    height: 100vh;
    padding: 35px;
    box-sizing: border-box;
    text-align: center;
    z-index: 99900;
}

#modal_organizacoes {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5 url(../images/buid.png);
    border-radius: 0px;
    color: #f9f8f8;
    z-index: 997;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    border-top: 4px solid #16c0e4;
    margin-top: -4px;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 72% 9vh;
    background-blend-mode: saturation;
    z-index: 99900;
}

#modal_pessoas {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #16c0e4;
    margin-top: -4px;
    height: 100vh;
    z-index: 99900;
}

#modal_ergonomia {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    z-index: 998;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #f37000;
    margin-top: -4px;
    height: 100vh;
    z-index: 99900;
}

#modal_usuario {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: auto;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    z-index: 998;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #16c0e4;
    margin-top: -4px;
    z-index: 99900;
}

#modal_vendas {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #ec4151a6;
    margin-top: -4px;
    z-index: 99900 !important;
}

#modal_servico {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    z-index: 998;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #ecc741a6;
    margin-top: -4px;
    z-index: 99900;
}

#modal_servico_cortesia {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    z-index: 998;
    top: 1%;
    left: 0%;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #e77427a6;
    margin-top: -4px;
    z-index: 99900;
}

#modal_pedido {
    display: none;
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100vh;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 1%;
    /* left: 22%; */
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #9a41eca6;
    margin-top: -4px;
    z-index: 99900 !important;
}

#btn_verificar_arquivos_pedido {
    background: #9a41eca6!important;
}

#modal_ask_form_organizacao {
    display: none;
    position: fixed;
    margin: auto;
    width: 55%;
    height: auto;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 5%;
    left: 22%;
    box-sizing: border-box;
    text-align: center;
    z-index: 99900;
    /* border: 1px solid #ffffff2e; */
}

#modal_ask_form_proposta {
    display: none;
    position: fixed;
    margin: auto;
    width: 55%;
    height: auto;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #f9f8f8;
    top: 5%;
    left: 22%;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #ffffff2e;
    z-index: 99900;
}

#modal_ask_form_proposta_confirmar {
    display: none;
    position: fixed;
    margin: auto;
    width: 55%;
    height: auto;
    padding: 15px;
    background: #151515f5;
    border-radius: 0px;
    color: #ffffff;
    top: 5%;
    left: 22%;
    box-sizing: border-box;
    text-align: center;
    /* border: 1px solid #ffffff2e; */
    border-top: 4px solid #16c0e4;
    margin-top: -4px;
    z-index: 99900;
}

#contatosvinculados {
    float: right;
    width: 68%;
    padding: 5px;
}

#dadosdocliente {
    float: right;
    width: 68%;
    padding: 5px;
}

.bg_modal {
    width: 100%;
    height: 100vh;
    background: #000000;
    opacity: 0.8;
    display: none;
    position: fixed;
    z-index: 99000;
    top: 0px;
}

.content_modal {
    background: #fff;
    /* border: 1px solid #bdbdbd; */
    border-radius: 0px;
    box-sizing: border-box;
    padding: 15px 15px 0px 15px;
    text-align: left;
    width: 28%;
    overflow: auto;
    max-height: 100vh;
    float: left;
    overflow-x: hidden;
    height: 80vh;
}

.content_modal_2 {
    background: #fff;
    /* border: 1px solid #bdbdbd; */
    border-radius: 0px;
    box-sizing: border-box;
    padding: 20px 0px;
    text-align: left;
    width: 100%;
    overflow: auto;
    max-height: 80vh;
    float: left;
}

.columm_iteracoes {
    width: 58.5%;
    background: #ececec;
    height: 80vh;
    text-align: center;
    overflow: auto;
    float: left;
}

.columm_gdrive {
    width: 13%;
    height: 80vh;
    overflow: auto;
    float: left;
}

#coluna_revisoes_gdrive {
    background: #3b975245;
}

#coluna_pedido_gdrive {
    background: #3f256170;
}

#coluna_servico_gdrive {
    background: #6761204a;
}

#coluna_venda_gdrive {
    background: #7b2e2d57;
}

#btn_salvar_proposta {
    width: 100% !Important;
    box-sizing: border-box!Important;
    margin: 0%;
    position: fixed;
    bottom: 0px;
    left: 0;
    background-color: #3d9a55!important;
}

#btn_salvar_pessoa {
    width: 45% !Important;
    background: #03A9F4;
}

#btn_deletar_pessoa {
    width: 45%;
    background: #666!Important;
}

#btn_salvar_usuario {
    width: 94% !Important;
    box-sizing: border-box!Important;
    margin: 1% 1% 1% 2%!Important;
    display: none;
}

#btn_atualizar_usuario {
    width: 94% !Important;
    box-sizing: border-box!Important;
    margin: 1% 1% 1% 2%!Important;
    background: #16c0e4;
    display: none;
}

.btn_close_modal {
    border: 0px solid #c3c3c3;
    width: 40px;
    margin: auto;
    border-radius: 0px;
    padding: 3px;
    cursor: pointer;
    background: #ffffff0d;
    /* background: linear-gradient(180deg, rgba(228, 228, 228, 0.18) 0%, rgba(246, 246, 246, 0.16) 100%); */
    color: #fbfbfb;
    position: fixed;
    top: 1.5%;
    right: 1%;
}

.btn_close_modal:hover {
    background: #c50c0c;
}

.btns_form_organizacao {
    text-align: center;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
}

#btn_verificar_arquivos_revisao {
    background: #4dff7b85!Important;
}

.btns_form_proposta {
    text-align: center;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
}

.btn_opscao_modal {
    width: 42% !Important;
    box-sizing: border-box!Important;
    margin: 1% 1% 1% 2%!Important;
    display: inline-block;
    background: linear-gradient(180deg, rgb(28, 194, 230) 0%, rgb(0, 184, 224) 100%);
    text-align: center;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    padding: 8px;
}

.campo_email_preenchimento_form_organizacao {
    display: none;
    text-align: center;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
}

.campo_email_preenchimento_form_proposta {
    display: none;
    text-align: center;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
}

#Modal_Organizacao_FORM_Email_envio {
    display: inline-block;
    z-index: 99900;
}

#btn_submit_EMAIL_envio_form_organizacao {
    display: inline-block;
    z-index: 99900;
}

#Modal_Proposta_FORM_Email_envio {
    display: inline-block;
    z-index: 99900;
}

#btn_submit_EMAIL_envio_form_proposta {
    display: inline-block;
}

.fiels_modal {
    display: inline-table;
    width: 94%;
    box-sizing: border-box;
    margin: 0.3% 0% 0.3% 2%;
}

.content_modal_2>.fiels_modal {
    display: inline-table;
    width: 30%!Important;
    box-sizing: border-box;
    margin: 0.3% 0% 0.3% 2%;
    overflow: hidden;
}

.lbls_modal {
    color: #666;
    font-size: 2vh;
}

.ipt_modal {
    border: 0px;
    color: #666;
}

.ipt {
    width: 99%;
    border: 1px solid #b6b6b6;
    border-radius: 0px;
    color: #666;
    padding: 8px;
    box-sizing: border-box;
    font-size: 1.6vh;
}

.ipttext {
    width: 99%;
    border: 1px solid #b6b6b6;
    border-radius: 0px;
    color: #666;
    padding: 8px;
    box-sizing: border-box;
    font-size: 1.6vh;
    height: 150px;
}

.select {
    width: 98%;
    border: 1px solid #b6b6b6;
    border-radius: 0px;
    color: #666;
    padding: 8px;
    box-sizing: border-box;
    font-size: 1.6vh;
}

input:disabled {
    background: linear-gradient(180deg, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 100%)!important;
    color: #b5b5b5;
    border: 1px solid #b6b6b6!important;
    cursor: no-drop;
}

select:disabled {
    background: linear-gradient(180deg, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 100%)!important;
    color: #b5b5b5;
    border: 1px solid #b6b6b6!important;
    cursor: no-drop;
}

input:read-only {
    background: #d7e9fb;
    cursor: pointer;
}

.title_topic_modal {
    color: #666;
    font-size: 15px;
    margin: 2px 2px 2px 2%;
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    text-align: left;
}

.title_topic_modal2 {
    color: #fff;
    font-size: 15px;
    margin: 2px 2px 10px -1%;
    box-sizing: border-box;
    width: 100%;
    /*font-weight: bold;*/
    text-align: center;
}

.btn_submit_modal {
    border-radius: 0px;
    /*background:linear-gradient(180deg, rgb(0, 184, 224) 0%, rgb(28, 194, 230) 100%);*/
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 1% 1% 1% 0%;
    vertical-align: bottom;
    width: 46%;
}

.btn_submit_modal:hover {
    /*background: linear-gradient(180deg, rgb(28, 194, 230) 0%, rgb(0, 184, 224) 100%);*/
}

#btn_salvar_revisao {
    background: #0c84a0;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 1% 1% 1% 0%;
    vertical-align: bottom;
    width: 30%;
    /* box-shadow: inset 0px 0px 0px 1px #b9c3c5; */
    filter: grayscale(1);
}

#btn_salvar_revisao:hover {
    filter: grayscale(0)!Important;
}

.salvar50 {
    filter: grayscale(0.7)!Important;
}

.salvar50:hover {
    filter: grayscale(0)!Important;
}

.salvar80 {
    filter: grayscale(0.4)!Important;
}

.salvar80:hover {
    filter: grayscale(0)!Important;
}

#btn_gerar_pedido {
    background: #7339a9;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 1% 1% 1% 0%;
    vertical-align: bottom;
    width: 30%;
    /* box-shadow: inset 0px 0px 0px 1px #e2b3b7a6;*/
    filter: grayscale(1);
}

#btn_gerar_pedido:hover {
    filter: grayscale(0)!Important;
}

#btn_gerar_servico_cortesia {
    background: #f08800a6;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 1% 1% 1% 0%;
    vertical-align: bottom;
    width: 30%;
    /* box-shadow: inset 0px 0px 0px 1px #e2b3b7a6; */
    filter: grayscale(1);
}

#btn_gerar_servico_cortesia:hover {
    filter: grayscale(0)!Important;
}

.gerar50 {
    filter: grayscale(0.7)!Important;
}

.gerar50:hover {
    filter: grayscale(0)!Important;
}

.gerar80 {
    filter: grayscale(0.4)!Important;
}

.gerar80:hover {
    filter: grayscale(0)!Important;
}

#btn_atualizar_revisao {
    background: #20c32de0;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 1% 1% 1% 0%;
    vertical-align: bottom;
    width: 30%;
    /* box-shadow: inset 0px 0px 0px 1px #aae6c1; */
    /* border: 0px!important; */
    filter: grayscale(1);
}

.atualizar50 {
    filter: grayscale(0.7)!important;
}

.atualizar50:hover {
    filter: grayscale(0)!important;
}

.atualizar80 {
    filter: grayscale(0.4)!important;
}

.atualizar80:hover {
    filter: grayscale(0)!important;
}

#btn_atualizar_revisao:hover {
    filter: grayscale(0)!important;
}

.btn_submit_modal2 {
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    margin: 3% 3% 3% 4%;
    vertical-align: bottom;
    width: 93%;
    background: #25bbdc;
    float: right;
}

.btn_submit_modal2:hover {
    filter: saturate(0.5);
}

.btn_submit_modal_org {
    vertical-align: bottom;
    margin-bottom: 3px;
}

#btn_novo_contato_org {
    border-radius: 0px;
    background: #11515f;
    border: 0px solid #00b8e0;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 2% 1% 1% 0%;
    vertical-align: bottom;
    width: 100%;
}

#btn_novo_contato_org>img {
    vertical-align: text-top;
    margin-right: 10px;
}

#btn_novo_formulario_cliente_org {
    border-radius: 0px;
    background: #11515f;
    border: 0px solid #00b8e0;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 2% 1% 1% 0%;
    vertical-align: bottom;
    width: 100%;
}

#btn_novo_formulario_cliente_org>img {
    vertical-align: text-top;
    margin-right: 10px;
}

#btn_salvar_organizacao {
    width: 100%;
    margin: 0%;
    background: #03A9F4;
}

#btn_salvar_organizacao_proposta {
    width: 100%;
    margin: 0%;
    background: #03A9F4;
}

#btn_atualizar_organizacao {
    width: 100%;
    margin: 0px;
    background-color: #13bfe4!important;
}

.atualizaped50 {
    filter: grayscale(0.7)!Important;
}

.atualizaped50:hover {
    filter: grayscale(0)!Important;
}

.atualizaped80 {
    filter: grayscale(0.4)!Important;
}

.atualizaped80:hover {
    filter: grayscale(0)!Important;
}

.gerarvenda50 {
    filter: grayscale(0.7)!Important;
}

.gerarvenda50:hover {
    filter: grayscale(0)!Important;
}

.gerarvenda80 {
    filter: grayscale(0.4)!Important;
}

.gerarvenda80:hover {
    filter: grayscale(0)!Important;
}

#contatos_vinculados_modal_organizacao {
    text-align: center;
}

#dados_do_cliente_modal_organizacao {
    text-align: center;
}

#img_pdf_org {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#link_pdf_org {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 5%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
}

#link_pdf_org:hover {
    background-color: #05bae1;
}

#img_caminho_prop {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#img_caminho_org {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#img_caminho_venda {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#img_caminho_pedido {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#img_caminho_servico {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#img_pipedrive_prop {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#img_pipedrive_org {
    display: none;
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#img_caminho_ped {
    /* display:none; */
    vertical-align: bottom;
    height: 17px;
    margin: auto;
}

#link_caminho_prop {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 9%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_caminho_prop:hover {
    background-color: #4dff7b85;
}

#link_caminho_org {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 9%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_caminho_org:hover {
    background-color: #05bae1;
}

#link_caminho_ped {
    /* display: none; */
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 9%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_caminho_ped:hover {
    background-color: #9a41eca6;
}

#link_caminho_vend {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 9%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_caminho_vend:hover {
    background-color: #ec4151a6;
}

#btn_verificar_arquivos_venda {
    background: #ec4151a6!Important;
}

#link_caminho_serv {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 13%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_caminho_serv:hover {
    background-color: #ecc741a6;
}

#btn_verificar_arquivos_servico {
    background-color: #ecc741a6!important;
}

#link_pipedrive_prop {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 13%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_pipedrive_prop:hover {
    background-color: #4dff7b85;
}

#link_pipedrive_org {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 9%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_pipedrive_org:hover {
    background-color: #05bae1;
}


/* MAIS LINK MODAIS */

#mais_revisoes {
    background-color: #ffffff0d;
    text-align: center;
    right: 6%;
    position: fixed;
    top: 1.5%;
    cursor: pointer;
    height: 25px;
}

#mais_revisoes:hover {
    background-color: #4dff7b85;
}

#mais_revisoes {
    display: inline-block;
}

.btn_mais_revisoes {
    background: url(../images/3pontos.png);
    color: white;
    padding: 0px;
    font-size: 16px;
    border: none;
    width: 30px;
    min-width: 0px;
    border-radius: 0px;
    background-size: 23px;
    height: 30px;
    background-position: 3px 1px;
    margin: 0px;
    background-repeat: no-repeat;
}

.dropdown-mais_revisoes {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    color: #666;
    right: 6%;
    padding: 10px;
}

.dropdown-mais_revisoes div {
    padding: 8px;
    display: block;
}

.dropdown-mais_revisoes div:hover {
    background-color: #3e8e41;
    color: #fff;
}

#mais_revisoes:hover .dropdown-mais_revisoes {
    display: block;
}

#mais_revisoes:hover .btn_mais_revisoes {
    background-color: #3e8e41;
}

.checkbox_mais {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}


/* Pedidos */

#mais_pedidos {
    background-color: #ffffff0d;
    text-align: center;
    right: 6%;
    position: fixed;
    top: 1.5%;
    cursor: pointer;
    height: 25px;
}

#mais_pedidos:hover {
    background-color: #9a41ec;
}

#mais_pedidos {
    display: inline-block;
}

.btn_mais_pedidos {
    background: url(../images/3pontos.png);
    color: white;
    padding: 0px;
    font-size: 16px;
    border: none;
    width: 30px;
    min-width: 0px;
    border-radius: 0px;
    background-size: 23px;
    height: 30px;
    background-position: 3px 1px;
    margin: 0px;
    background-repeat: no-repeat;
}

.dropdown-mais_pedidos {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    color: #666;
    right: 6%;
    padding: 10px;
}

.dropdown-mais_pedidos div {
    padding: 8px;
    display: block;
}

.dropdown-mais_pedidos div:hover {
    background-color: #9a41ec;
    color: #fff;
}

#mais_pedidos:hover .dropdown-mais_pedidos {
    display: block;
}

#mais_pedidos:hover .btn_mais_pedidos {
    background-color: #9a41ec;
}


/* Pedidos */


/* Servicos */

#mais_servicos {
    background-color: #ffffff0d;
    text-align: center;
    right: 6%;
    position: fixed;
    top: 1.5%;
    cursor: pointer;
    height: 25px;
}

#mais_servicos:hover {
    background-color: #ecc741;
}

#mais_servicos {
    display: inline-block;
}

.btn_mais_servicos {
    background: url(../images/3pontos.png);
    color: white;
    padding: 0px;
    font-size: 16px;
    border: none;
    width: 30px;
    min-width: 0px;
    border-radius: 0px;
    background-size: 23px;
    height: 30px;
    background-position: 3px 1px;
    margin: 0px;
    background-repeat: no-repeat;
}

.dropdown-mais_servicos {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    color: #666;
    right: 6%;
    padding: 10px;
}

.dropdown-mais_servicos div {
    padding: 8px;
    display: block;
}

.dropdown-mais_servicos div:hover {
    background-color: #ecc741;
    color: #fff;
}

#mais_servicos:hover .dropdown-mais_servicos {
    display: block;
}

#mais_servicos:hover .btn_mais_servicos {
    background-color: #ecc741;
}


/* Servicos */


/* Vendas */

#mais_vendas {
    background-color: #ffffff0d;
    text-align: center;
    right: 6%;
    position: fixed;
    top: 1.5%;
    cursor: pointer;
    height: 25px;
}

#mais_vendas:hover {
    background-color: #ec4151;
}

#mais_vendas {
    display: inline-block;
}

.btn_mais_vendas {
    background: url(../images/3pontos.png);
    color: white;
    padding: 0px;
    font-size: 16px;
    border: none;
    width: 30px;
    min-width: 0px;
    border-radius: 0px;
    background-size: 23px;
    height: 30px;
    background-position: 3px 1px;
    margin: 0px;
    background-repeat: no-repeat;
}

.dropdown-mais_vendas {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    color: #666;
    right: 6%;
    padding: 10px;
}

.dropdown-mais_vendas div {
    padding: 8px;
    display: block;
}

.dropdown-mais_vendas div:hover {
    background-color: #ec4151;
    color: #fff;
}

#mais_vendas:hover .dropdown-mais_vendas {
    display: block;
}

#mais_vendas:hover .btn_mais_vendas {
    background-color: #ec4151;
}


/* Vendas */


/* FIM MAIS LINK MODAIS */

#link_sapo_prevenda {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 20%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_sapo_prop {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 17%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_sapo_prop:hover {
    background-color: #4dff7b85;
}

#link_sapo_prevenda:hover {
    background-color: #4dff7b85;
}

#img_sapo_prop {
    width: 17px;
}

#img_sapo_prev {
    width: 17px;
}

#link_sapo_Pedido {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 34px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 21%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
    font-size: 12px;
    color: #ffffffc9;
}

#link_sapo_Pedido:hover {
    background-color: #7339a9;
}

#img_sapo_Pedido {
    width: 17px;
    vertical-align: bottom;
    margin-right: 5px;
}

#link_sapo_ped {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 13%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_sapo_ped:hover {
    background-color: #7339a9;
}

#img_sapo_ped {
    width: 17px;
}

#link_sapo_serv {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 9%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
}

#link_sapo_serv:hover {
    background-color: #ecc741a6;
}

#img_sapo_serv {
    width: 17px;
}

#link_sapo_vend {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    right: 13%;
    position: fixed;
    top: 1.5%;
    cursor: pointer;
}

#link_sapo_vend:hover {
    background-color: #ec4151a6;
}

#img_sapo_vend {
    width: 17px;
}

#link_sapo_servico {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 17%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
    font-size: 12px;
    color: #ffffffc9;
}

#link_sapo_servico_cortesia {
    display: none;
    background-color: #d37a060d;
    text-align: center;
    margin-right: 190px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 17%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
    font-size: 12px;
    color: #ffffffc9;
}

#link_sapo_servico:hover {
    background-color: #ecc741a6;
}

#link_sapo_servico_cortesia:hover {
    background-color: #f08800a6;
}

#img_sapo_servico {
    width: 15px;
    vertical-align: bottom;
    margin-right: 6px;
}

#link_sapo_venda {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    /* border-left: 1px solid #ececec66; */
    right: 17%;
    position: fixed;
    top: 1.5%;
    /* border-bottom: 1px solid #ececec66; */
    /* border-right: 1px solid #ececec66; */
    cursor: pointer;
    font-size: 12px;
    color: #ffffffc9;
}

#link_sapo_venda:hover {
    background-color: #ec4151a6;
}

#img_sapo_venda {
    width: 17px;
    vertical-align: bottom;
    margin-right: 6px;
}

#title_proposta {
    float: left;
    position: absolute;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    padding: 6px 18px 4px 18px;
}

#title_pedido {
    float: left;
    position: absolute;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    padding: 6px 18px 10px 18px;
}

#title_venda {
    float: left;
    position: absolute;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    padding: 6px 18px 10px 18px;
}

#title_servico {
    float: left;
    position: absolute;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    padding: 6px 18px 10px 18px;
}

#title_servico_cortesia {
    float: left;
    position: absolute;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    padding: 6px 18px 10px 18px;
}

.center_btn {
    text-align: center;
    margin: 0%;
    background: #171717;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    /* border: 1px solid #dadada; */
    margin-left: -30px;
    bottom: 0px;
    position: fixed;
}

.grid_index_modal {
    display: inline-grid;
    background: rgb(255, 255, 255);
    color: #666;
    font-size: 12px;
    text-align: center;
    padding: 8px;
    border-radius: 0px;
    white-space: pre;
    box-sizing: border-box;
    border-bottom: 2px solid #15bfe4;
    border-left: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
}

.grid_index_modal:hover {
    background: rgb(254, 255, 255);
    cursor: pointer;
}

.grid_content_modal {
    display: inline-grid;
    background: #f9f9f9;
    color: #666;
    font-size: 12px;
    text-align: center;
    padding: 8px;
    border-radius: 0px;
    cursor: pointer;
    border: 1px solid #d9d9d966;
    white-space: pre;
    box-sizing: border-box;
}

.grid_content_modal:first-child {
    display: inline-grid;
    background: #f9f9f9;
    color: #666;
    font-size: 12px;
    text-align: center;
    padding: 4px;
    border-radius: 0px;
    cursor: pointer;
    border: 0px solid #d9d9d9;
    white-space: pre;
    box-sizing: border-box;
}

#grid_modal_organizacao {
    overflow-x: hidden;
    max-height: 45vh;
    height: 29vh;
    background: #0003;
}

#grid2_modal_organizacao {
    overflow-x: hidden;
    max-height: 20vh;
    height: 20vh;
    background: #0003;
}

.radio_buttom {
    margin: auto;
    width: 25px;
}

.radio_buttom:hover {
    filter: brightness(1.2);
    width: 25px;
}

#close_modal_revisao {
    z-index: 999;
}

#close_modal_proposta {
    z-index: 999;
}

#close_modal_organizacao {
    z-index: 99900;
}

#modal_pessoas {
    z-index: 99900 !important;
}

#Pessoa_Principal_ticket {
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}

#Pessoa_Principal_ticket:hover {
    filter: drop-shadow(0px 0px 3px #00b8e0);
}


/*TOOGLE SWITCH */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align: middle;
    margin-right: 10px;
}


/* Hide default HTML checkbox */

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}


/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #00b8e0;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


/* FIM TOOGLE SWITCH */

.title_modal {
    font-size: 14px;
    margin: -6px 15px 10px 0px;
    color: #ffffff4d;
}


/* AUTO COMPLETE */

.flutua_autocomplete_field {
    border: 1px solid #ccc;
    padding: 5px;
    cursor: pointer;
    color: #666;
}

.flutua_autocomplete_field:hover {
    border: 1px solid #ccc;
    padding: 5px;
    background: #50a7e4;
    color: #fff;
}

#Modal_Proposta_Organizacao_eye {
    margin: 0 10px;
    cursor: pointer;
    z-index: 99900;
}

#Modal_Proposta_Pessoa_eye {
    margin: 0 10px;
    cursor: pointer;
    z-index: 99900;
}

#Modal_Proposta_Pessoa_list {
    margin: 0 10px;
    cursor: pointer;
    z-index: 99900;
}

#Modal_Proposta_Organizacao {
    margin: 0 10px 0px 0px;
    z-index: 99900;
}

#BTN_ADD_ORG_Autocomplete_Modal_Proposta_Organizacao {
    padding: 0px 20px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 10px;
    cursor: pointer;
}


/* 
#BTN_ADD_ORG_Autocomplete_Modal_Proposta_Organizacao {
    background: #fff;
    color: #00c4e8;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    margin: auto;
    display: none;
    border: 1px solid #b6b6b6;
    border-left: 0px;
    height: 30px;
}

#BTN_ADD_ORG_Autocomplete_Modal_Proposta_Organizacao:hover {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-left: 0px;
} */

#BTN_ADD_Faturamento_Autocomplete_Modal_Pedido {
    background: #fff;
    color: #00c4e8;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    margin: auto;
    display: none;
    border: 1px solid #b6b6b6;
    border-left: 0px;
}

#BTN_ADD_Faturamento_Autocomplete_Modal_Pedido:hover {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-left: 0px;
}

#BTN_Buscar_Org_modal_org {
    background: url(../images/lupa_b.png);
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    margin: auto;
    width: 14%;
    float: right;
    display: block !important;
    height: 29px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    background-size: auto;
    border: 1px solid #b6b6b6;
    border-left: 0px;
}

#BTN_Buscar_Org_modal_org:hover {
    background: url(../images/lupa_b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    background-size: auto;
    border: 1px solid #f1f1f1;
    border-left: 0px;
}

#BTN_mgs_IE_modal_org {
    background: url(../images/msg_b.png);
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    margin: auto;
    width: 14%;
    float: right;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    background-size: auto;
    display: none;
    border: 1px solid #b6b6b6;
    border-left: 0px;
}

#BTN_mgs_IE_modal_org:hover {
    background: url(../images/msg_b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    background-size: auto;
    border: 1px solid #b6b6b6;
    border-left: 0px;
    border-bottom: 0px;
}

#Modal_Organizacao_CNPJ {
    width: 86%!important;
}

#MSG_IE_modal_org {
    display: none;
    color: #666;
    padding: 8px;
    left: 46%;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    border-top: 0px;
    line-height: 1.6;
}

#Msg_situacao_ie {
    display: none;
    background-color: #ff5a39;
    width: 96%;
    margin: 0.3% 0% 0.3% 2%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 1.6vh;
}

#BTN_ADD_PER_Autocomplete_Modal_Pessoa_Organizacao {
    background: #fff;
    color: #00c4e8;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    margin: auto;
    display: none;
    width: 20%!important;
    border: 1px solid #b6b6b6;
    border-left: 0px;
    height: 29px;
}

#BTN_ADD_PER_Autocomplete_Modal_Pessoa_Organizacao:hover {
    background: #fff;
    color: #00c4e8;
    border: 1px solid #d6d6d6;
    border-left: 0px;
}

.btn_add_org_modal_proposta {
    display: block !important;
}


/* .btn_add_org_modal_proposta {
    background: linear-gradient(180deg, rgb(0, 184, 224) 0%, rgb(28, 194, 230) 100%);
    color: #fff;
    font-size: 24px!important;
    text-align: center;
    padding: 0px!important;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    width: 20%;
    float: right;
    display: inline-table;
    display: block !important;
} */


/* .btn_add_org_modal_proposta:hover {
    background: linear-gradient(180deg, rgb(28, 194, 230) 0%, rgb(0, 184, 224) 100%);
} */

.btn_add_org_modal_pessoas {
    background: linear-gradient(180deg, rgb(0, 184, 224) 0%, rgb(28, 194, 230) 100%);
    color: #fff;
    font-size: 24px!important;
    text-align: center;
    padding: 0px!important;
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
    width: 34px;
    float: right;
    display: inline-table;
    display: block !important;
}

.btn_add_org_modal_pessoas:hover {
    background: linear-gradient(180deg, rgb(28, 194, 230) 0%, rgb(0, 184, 224) 100%);
}

.ipt_add_org_modal_proposta {
    width: 80%!important;
}

.ipt_add_org_modal_pessoas {
    width: 80%!important;
}

.div_link_modal_org:hover {
    background-color: #d7f9f6!Important;
}

.link_modal_org {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    text-decoration: none;
}

#footer_modal_revisoes {
    border: 0px solid #bdbdbd;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    width: 99%;
    float: right;
    height: 58vh;
    display: flex;
    flex-direction: column;
}

#footer_modal_vendas {
    border: 0px solid #bdbdbd;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    width: 99%;
    float: right;
    height: 58vh;
    display: flex;
    flex-direction: column;
}

#footer_modal_servico {
    border: 0px solid #bdbdbd;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    width: 99%;
    float: right;
    height: 58vh;
    display: flex;
    flex-direction: column;
}

#footer_modal_pedido {
    border: 0px solid #bdbdbd;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    width: 99%;
    float: right;
    height: 58vh;
    display: flex;
    flex-direction: column;
}

.btn_validacao.valid {
    background: linear-gradient(180deg, rgb(0, 184, 224) 0%, rgb(28, 194, 230) 100%);
    color: #f0f6f7;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 6px;
    display: inline-table;
    margin: 1% 1% 1% 2%;
    vertical-align: bottom;
    background: url(images/radio_check.png) #05a8e670;
    background-repeat: no-repeat;
    background-blend-mode: color-dodge;
    border: 1px solid #acf4ff4d;
    font-size: 2.0vh;
    background-size: 30px;
    order: 2;
}

.btn_validacao.invalid {
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 1% 1% 1% 2%;
    vertical-align: bottom;
    background: url(images/radio_uncheck.png) #d2d2d212;
    background-repeat: no-repeat;
    background-image: lavenderblush;
    filter: grayscale(1);
    font-size: 2.0vh;
    order: 2;
}

#btn_SCRIPT_CRIA_PLAN.valid {
    background: url(images/radio_check.png) #3d9a55!important;
    background-repeat: no-repeat!important;
    background-size: 30px!important;
    border: 1px!important;
}

#btn_SCRIPT_CRIA_PLAN.invalid {
    background: url(images/radio_uncheck.png) #f3ecec87!important;
    background-repeat: no-repeat!important;
    border: 1px!important;
}

.titulo_tab_form_cliente {
    height: 20px;
    margin: auto;
}

.icone_documento_formulario_cliente {
    width: 130px;
    margin: auto;
    vertical-align: middle;
}


/*  LOADER BULLET */

.lds-facebook {
    position: fixed;
    width: 80px;
    height: 80px;
    right: 48%;
    top: 52%;
    display: none;
    background: url(../images/gif_color.gif);
    background-size: 54px;
    background-repeat: no-repeat;
    color: #fff;
    z-index: 99990;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}

#btn_log {
    width: 15px;
    height: 15px;
    background: url(../images/log.png) #04b9e0;
    border: 2px solid #04b9e0;
    position: fixed;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10000;
}

#btn_log:hover {
    background: url(../images/log.png) #2bcff3;
    border: 2px solid #2bcff3;
    background-repeat: no-repeat;
    background-size: contain;
}

.close {
    width: 30px;
    height: 30px;
    background: url(../images/close.png) #04b9e0 !important;
    border: 2px solid #04b9e0;
    position: fixed;
    bottom: 380px!important;
    right: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain!important;
    z-index: 1000;
}

.close:hover {
    background: url(../images/close.png) #2bcff3!important;
    border: 2px solid #2bcff3;
    background-repeat: no-repeat;
    background-size: contain!important;
}

#mainlog {
    width: 100%;
    height: 410px;
    background: #3a3a3ad9;
    position: fixed;
    bottom: 0px;
    display: none;
    box-sizing: border-box;
    padding: 6px;
    z-index: 9999;
}

#logs {
    width: 100%;
    height: 400px;
    margin: auto;
    overflow-y: auto;
    scroll-behavior: auto;
}

.Ação {
    color: #fffffff5;
    padding: 15px;
    margin-bottom: 5px;
    border-top: 1px solid #426d44;
    max-height: 150px;
    overflow: auto;
}

.Aviso {
    background: #fff4bf;
    color: #6d6042;
    padding: 15px;
    margin-bottom: 5px;
    border-top: 1px solid #fff4bf;
    max-height: 150px;
    overflow: auto;
}

.Erro {
    background: #ffbfbf;
    color: #6d4242;
    padding: 15px;
    margin-bottom: 5px;
    border-top: 1px solid #ffbfbf;
    max-height: 150px;
    overflow: auto;
}

.paramlog {
    padding-right: 10px;
    font-size: 1.8vh;
}

#versionamento {
    color: #b3b3b3;
    background: #f5f5f5;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-size: 12px;
}


/** CUSTOMIZADOS **/

#Modal_Organizacao_ID_Organizacao {
    border: 2px solid #00c0e6;
    background: #f2fdff;
}


/** LOGIN **/

#content_login {
    background: #fbfbfb;
    text-align: center;
    margin: auto;
}

#logo_login {
    margin: auto;
    width: 500px;
    padding: 20px;
    margin-top: 2%;
    border: 2px solid #ccc;
    height: 200px;
    color: #666;
    font-family: arial;
    line-height: 1.6;
    height: 300px;
}

#img_logo {
    width: 110px;
    margin-top: 100px;
}

button {
    margin-left: 25px;
    padding: 10px;
    color: #666;
    background: #eee;
    border: 1px solid #4444;
    border-radius: 5px;
    /* min-width: 200px; */
    margin: 10px;
    cursor: pointer;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #9fbe37;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

#revoke-access-button {
    display: none;
}

#user_email {
    border: 0px;
    background: transparent;
    color: #212121;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-left: 34px;
}

#barra_form_Login:hover>#user_email {
    color: #fff;
}

#box_modulos {
    top: 80px;
    width: 198px;
    background: #ffffff17;
    text-align: center;
    padding-bottom: 30px;
    display: none;
    margin-top: 10px;
}

#modulos {
    margin: auto;
    font-size: 14px;
    text-align: center;
    padding: 30px;
    color: #fff;
}

#modulo_comercial {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    background: #4dff7b85;
    border-bottom: 0px solid #9c9c9c;
    width: 75%;
    margin: auto;
    display: none;
}

#modulo_servico {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    background: #ecc741a6;
    border-bottom: 0px solid #9c9c9c;
    width: 75%;
    margin: auto;
    display: none;
}

#modulo_servico_cortesia {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    background: #ec9970;
    border-bottom: 0px solid #9c9c9c;
    width: 75%;
    margin: auto;
    display: none;
}

#modulo_pedido {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    background: #9a41eca6;
    border-bottom: 0px solid #9c9c9c;
    width: 75%;
    margin: auto;
    display: none;
}

#modulo_Vendas {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    background: #ec4151a6;
    border-bottom: 0px solid #9c9c9c;
    width: 75%;
    margin: auto;
    display: none;
}

#BTN_passar_para_Venda {
    background-color: #ec4151e3;
    height: 20px;
    bottom: 0px;
    position: absolute;
    right: 10px;
    padding: 8px;
    font-size: 14px;
    border-top: 1px solid #ffffff80;
    cursor: pointer;
    border-left: 1px solid #ffffff80;
    border-right: 1px solid #ffffff80;
}

table.dataTable tbody tr:hover {
    background-color: #f7f7f7!important;
    cursor: pointer!important;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px!important;
    border-bottom: 1px solid #848484!important;
    color: #494949!important;
    font-weight: 100!important;
}

.dataTables_wrapper .dataTables_length {
    float: right!important;
    margin: 1px 0% 25px 3%!important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #6f6f6f!important;
}

.dataTables_length>select {
    border-radius: 0px!important;
    border: 1px solid #c6c6c6!important;
    color: #666!important;
    cursor: pointer!important;
}

table.dataTable.no-footer {
    border-bottom: 0px solid #111!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797!important;
    background-color: white!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111!important;
    background-color: #585858!important;
}

#proposta_filter {
    display: none;
}

#propostafiltro_filter {
    display: none;
}

#organizacao_filter {
    display: none;
}

#organizacao_filtro_filter {
    display: none;
}

#pessoas_filter {
    display: none;
}

#pessoas_filtro_filter {
    display: none;
}

#venda_filtro_filter {
    display: none;
}

#servico_filtro_filter {
    display: none;
}

#vendas_nova_filter {
    display: none;
}

#pedido_nova_filter {
    display: none;
}

#servico_nova_filter {
    display: none;
}

.dataTables_length {
    background: #ffffff;
    padding: 8px;
    color: #666!important;
    border-radius: 0px;
    width: 100%;
    text-align: right;
    margin: 0px!Important;
}

.carregar_linhas {
    border: 0;
    cursor: pointer;
    background: #e8e8e8;
    padding: 6px;
    border-radius: 0px;
    color: #494949;
}

#btn_CRIA_DETALHES_TXT.valid {
    /*background: url(images/radio_check.png) #e6df0570!Important;*/
}

#btn_CRIA_ORDEM_SERVICO.valid {
    background: url(images/radio_check.png) #e6df0570!Important;
}

#btn_CRIA_DETALHES_TXT.invalid {
    /* background: url(images/radio_uncheck.png) #9d9d5482!Important;
	filter: none;*/
}

#btn_CRIA_ORDEM_SERVICO.invalid {
    background: url(images/radio_uncheck.png) #9d9d5482!Important;
    filter: none;
}

#footer_modal_revisoes>.btn_validacao.valid {
    background: url(images/radio_check.png) #3d9a55;
    border: 0px solid #acf4ff4d;
}

#footer_modal_pedido>.btn_validacao.valid {
    background: url(images/radio_check.png) #7339a9;
    border: 0px solid #acf4ff4d;
}

.btn_submit_modal_pedido {
    background: #42245f!Important;
    filter: grayscale(1);
}

.btn_submit_modal_pedido:hover {
    background: #743aaa!Important;
}

#footer_modal_vendas>.btn_validacao.valid {
    background: url(images/radio_check.png) #a93a45;
    border: 0px solid #acf4ff4d;
}

.btn_submit_modal_vend {
    background: #8a2d36!Important;
    width: 30% !important;
}

.btn_submit_modal_vend:hover {
    background: #a93a45!Important;
}

#footer_modal_servico>.btn_validacao.valid {
    background: url(images/radio_check.png) #a99139;
    border: 0px solid #acf4ff4d;
}

.btn_submit_modal_servico {
    background: #8c7628!Important;
}

.btn_submit_modal_servico:hover {
    background: #a99139!Important;
}

.btn_submit_modal_servico_cortesia {
    background: #ec9970!Important;
}

.btn_submit_modal_servico_cortesia:hover {
    background: #ec9970!Important;
}

#close_modal_ask_form_organizacao {
    right: 23%;
    top: 5%;
}

#close_modal_ask_form_proposta {
    right: 23%;
    top: 5%;
}

#close_close_modal_ask_form_proposta_confirmar {
    right: 23%;
    top: 5%;
}

.box_revisoes_iteracoes {
    width: 92%;
    height: 68vh;
    display: block;
    /*background: #c5c5c5;*/
    margin: auto;
    margin-top: 25px;
}

.fiels_modal_revisoes_iteracoes {
    width: 100%;
    height: 40vh;
    display: block;
    box-sizing: border-box;
    padding-top: 7px;
    display: none;
}

.fiels_modal_pedidos_iteracoes {
    width: 100%;
    height: 40vh;
    display: block;
    box-sizing: border-box;
    padding-top: 7px;
    display: none;
}

.fiels_modal_vendas_iteracoes {
    width: 100%;
    height: 40vh;
    display: block;
    box-sizing: border-box;
    padding-top: 7px;
    display: none;
}

.fiels_modal_servicos_iteracoes {
    width: 100%;
    height: 40vh;
    display: block;
    box-sizing: border-box;
    padding-top: 7px;
    display: none;
}

#Modal_Revisao_interacao_comentario {
    width: 82%;
    /* margin-top: 5px; */
    border: 1px solid #ccc;
    height: 9vh;
    font-size: 13px;
    color: #929292;
}

#Modal_Pedido_interacao_comentario {
    width: 82%;
    /* margin-top: 5px; */
    border: 1px solid #ccc;
    height: 9vh;
    font-size: 13px;
    color: #929292;
}

#Modal_Venda_interacao_comentario {
    width: 82%;
    /* margin-top: 5px; */
    border: 1px solid #ccc;
    height: 9vh;
    font-size: 13px;
    color: #929292;
}

#Modal_Servico_interacao_comentario {
    width: 82%;
    /* margin-top: 5px; */
    border: 1px solid #ccc;
    height: 9vh;
    font-size: 13px;
    color: #929292;
}

.mae_card_interacao {
    width: 100%;
    display: flex;
}

.border_side_interacao {
    width: 7%;
    display: inline-grid;
    background: url(../images/linha_vertical.png);
    background-size: 40px;
    background-repeat-x: no-repeat;
    background-position: 8px;
}

.icon_ball {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    z-index: 2;
    margin-left: 12%;
    cursor: pointer;
}

.icon_ball:hover {
    border-radius: 100px;
    z-index: 2;
    margin-left: 12%;
    filter: brightness(1.2);
}

.filter_tipo {
    background: #5c5c5c;
    width: 150px;
    font-size: 11px;
    border: 1px solid #bfbfbf;
    border-radius: 9px;
    margin-top: -20px;
    float: right;
    margin-right: 7%;
    display: none;
    cursor: pointer;
    height: 16px;
}

.filter_ID {
    background: #5c5c5c;
    width: 140px;
    font-size: 11px;
    border: 1px solid #bfbfbf;
    border-radius: 9px;
    margin-top: -20px;
    float: right;
    margin-right: 28%;
    display: none;
    cursor: pointer;
    height: 16px;
}

.ball_Insercao {
    display: block;
    background: url(../images/insercao.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 3px;
}

.ball_Atualizacao {
    display: block;
    background: url(../images/atualizacao.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 3px;
}

.ball_Comentario {
    display: block;
    background: url(../images/comentario.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 3px;
}

.ball_module_Propostas_Revisoes {
    border: 2px solid #38a153;
    background-color: #38a153;
    background-blend-mode: soft-light;
}

.ball_module_Pedido {
    border: 2px solid #a776d4;
    background-color: #a776d4;
    background-blend-mode: soft-light;
}

.ball_module_Venda {
    border: 2px solid #d85e69;
    background-color: #d85e69;
    background-blend-mode: overlay;
}

.ball_module_Servico {
    border: 2px solid #a99132;
    background-color: #a99132;
    background-blend-mode: soft-light;
}

.linha_vertical {
    width: 3px;
    height: 56vh;
    background: #66666680;
    margin: auto;
    position: fixed;
    margin-left: 20px;
    z-index: 0;
}

.interacao {
    width: 90%;
    /* margin: auto; */
    padding: 15px;
    box-sizing: border-box;
    /* border-radius: 20px 0px 20px 20px; */
    margin-bottom: 1.5vh;
    color: #666!Important;
    background: #ffffffe0;
    margin-left: 2%;
    border: 1px solid #ccc;
    display: inline-grid;
}

.T_Comentario {
    background: #b5e7ff;
}

.M_Propostas_Revisoes {
    /* background: #38a153; */
}

.M_Propostas_Revisoes {
    /* background: #38a153; */
}

.M_Pedido {
    /* background: #9a41ec; */
}

.M_Venda {
    /*  background: #ec4151; */
}

.M_Servico {
    /*  background: #a99132; */
}

.interacao_title {
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.interacao_body {
    text-align: right;
    color: #666;
    font-size: 14px;
    margin-top: -5px;
}

.interacao_data {
    text-align: right;
    margin-bottom: -8px;
    color: #666;
    font-size: 12px;
}

.btn_gerar_timeline {
    background: #0c84a00f url(../images/update.png);
    border-radius: 0px;
    color: #383838a6;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 5% 0% 20% 0%;
    display: inline-table;
    margin: 1% 1% 1% 0%;
    vertical-align: bottom;
    width: 60%;
    filter: grayscale(1);
    font-size: 15px;
    background-repeat: no-repeat;
    background-size: 8%;
    background-position: 50%;
    background-blend-mode: color-dodge;
    margin-top: 24vh;
    border: 1px solid #a4a4a4;
}

.btn_gerar_timeline:hover {
    filter: grayscale(0);
    background: #0c84a059 url(../images/update.png);
    background-repeat: no-repeat;
    background-size: 12%;
    background-position: 50%;
    background-blend-mode: color-dodge;
}

.timeline_filtros>select {
    background-color: #2d2d2d!Important;
    border: 0px!Important;
    /* border-radius: 5px!Important; */
    color: #d4d4d4!Important;
    padding: 5px!Important;
}

.timeline {
    border-radius: 5px;
    height: 56vh;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
    background: #cacaca47 url(../images/calendar.png);
    overflow-x: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
}

.btn_inserir_comentario_interacoes {
    background: #e6e6e647 url(../images/send.png);
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 8px;
    display: inline-table;
    margin: 1% 1% 1% 0%;
    vertical-align: bottom;
    width: 10%;
    filter: grayscale(1);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 48%;
    background-blend-mode: overlay;
    height: 7.5vh;
}

.btn_inserir_comentario_interacoes:hover {
    filter: grayscale(0);
    opacity: 0.5;
}

#link_sapo_pedido_atraves_venda {
    display: none;
    background-color: #ffffff0d;
    text-align: center;
    margin-right: 10px;
    padding: 4px 10px 6px 10px;
    right: 24%;
    position: fixed;
    top: 1.5%;
    cursor: pointer;
    vertical-align: middle;
    font-size: 12px;
    color: #ffffffc9;
}

#link_sapo_pedido_atraves_venda>#img_sapo_pedido {
    width: 17px;
    vertical-align: bottom;
}

#link_sapo_pedido_atraves_venda:hover {
    background-color: #9a41eca6;
}

.divisoria {
    width: 2px;
    height: 30px;
    background: #4949492e;
    margin-top: 1px;
    margin-left: 10px;
    margin-right: 10px;
}

.modulos_fixos {
    display: flex;
    width: 360px;
}

.n_a {
    background: #252525;
    width: 100%;
    color: #fff;
}

.box_filtros_multiselect {
    background: #252525d6;
    position: fixed;
    padding: 20px;
    right: 0px;
    top: 20vh;
    z-index: 15;
    color: #fff;
    display: none;
}

#box_filtro_pedido {
    border-top: 8px solid #bc82f2;
}

#box_filtro_venda {
    border-top: 8px solid #ec4151a6;
}

#box_filtro_servico {
    border-top: 8px solid #ecc741a6;
}

#box_filtro_proposta {
    border-top: 8px solid #4dff7b85;
}

.opcao_multiselect {
    color: #505050;
    background: #ffffffe0;
    cursor: pointer;
    width: 174px;
}

.opcao_multiselect:hover {
    background: #0c84a0;
    color: #fff;
}

.btn_alterar {
    cursor: pointer;
    background: #c5c5c5;
    color: #666;
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 2px;
    margin: auto;
    text-align: center;
    width: 90px;
    margin-top: 10px;
}

.btn_alterar:hover {
    opacity: 0.8;
}

.btn_fechar_filtro_multiselect {
    cursor: pointer;
    background: #4747478a;
    color: #f5f5f5;
    padding: 1px;
    border: 1px solid #cccccc2b;
    margin: auto;
    text-align: center;
    width: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.btn_fechar_filtro_multiselect:hover {
    background: #ea0e0e;
}

.obsgrid {
    width: 250px;
    height: 35px;
    overflow: hidden;
    white-space: break-spaces;
    cursor: pointer;
}

.obsgrid:hover {
    width: 250px;
    height: auto;
    white-space: break-spaces;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%,
    100% {
        top: 19px;
        height: 26px;
    }
}


/****GRID ACESSOS*****/

.titulogrid {
    color: #565656;
    font-weight: 600;
}

button.btn.bg-green {
    background-color: #1d5e0c;
    min-width: 170px;
}

button.btn.bg-red {
    background-color: #8b1220;
    min-width: 170px;
}

i.fa.fa-plus {
    color: #fff;
}

i.fa.fa-trash {
    color: #fff;
}

.botao2 {
    margin: 10px 10px;
    max-width: 250px;
    background: #a60878;
    border-radius: 4px;
}

.botao2:hover {
    background: #8a8a8a;
}

.tabelaOculta {
    display: none;
}

.oculta {
    display: none;
}

.some {
    display: none;
}

#valorTexto {
    border: none !important;
    background: transparent !important;
}

#BotaoReservarAcesso {
    display: none;
}


/* #visualizarSenha {
    display: none;
} */

#BotaoLiberarAcesso {
    display: none;
}

input.edtinput {
    border: none !important;
    background: transparent !important;
}

.botao3 {
    margin: 10px;
    background: #a60878;
    color: #fff;
    border-radius: 10px;
    min-width: 165px;
}

.rotar {
    transform: rotate(90deg);
}

div#btn_salvar_edita_grupo_acesso {
    background-color: #b84898;
    padding: 14px;
    border-radius: 10px;
}

div#btn_salvar_edita_grupo_acesso:hover {
    background-color: #363636;
}

div#btn_salvar_edita_grupo_acesso_atualiza {
    background-color: #a60878;
    padding: 14px;
    border-radius: 10px;
}

div#btn_salvar_edita_grupo_acesso_atualiza:hover {
    background-color: #363636;
}

div#btn_salvar_grupo {
    background: #a60878;
    padding: 14px;
    border-radius: 10px;
}

div#btn_salvar_grupo:hover {
    background: #575757;
}

div#btn_atualizar_grupo {
    background: #a60878;
    padding: 14px;
    border-radius: 10px;
}

div#btn_atualizar_grupo:hover {
    background: #575757;
}

#barra_form_Acessos {
    background: url(../images/acessos_g.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 8px 10px;
    width: 30px;
    font-size: 0px;
    margin-right: 2%;
}

#barra_form_Acessos:hover {
    background: url(../images/acessos_g.png) #a60878b5;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 8px 10px;
    color: #666;
    height: 27px;
    border-radius: 0px 0px 0px 0px;
    width: 120px;
    font-size: 14px;
    margin-right: 0%;
}

#barra_form_Acessos.fixa {
    background: url(../images/acessos_g-cor.png) #fbfbfb;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 8px 10px;
    color: #666;
    border-top: 4px solid #a60878;
    width: 120px;
    font-size: 14px;
    margin-right: 0%;
}

#barra_form_Links {
    background: url(../images/icon-autolink.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 8px 10px;
    width: 30px;
    font-size: 0px;
    margin-right: 2%;
    transition: all .3s !important;
}

#barra_form_Links:hover {
    background: url(../images/icon-autolink-hover.png) #4a4a4a;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 8px 10px;
    color: #eee;
    height: 27px;
    border-radius: 0px 0px 0px 0px;
    width: 120px;
    font-size: 14px;
    margin-right: 0%;
    transition: all .3s !important;
}

#barra_form_Links.fixa {
    background: url(../images/icon-autolink.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 8px 10px;
    color: #666;
    border-top: 4px solid #4a4a4a;
    width: 120px;
    font-size: 14px;
    margin-right: 0%;
    transition: all .3s !important;
}

#editamodalacesso {
    background-color: #8a8a8a;
    color: #fff;
    min-width: 0px;
}

#abremodalacessoedt {
    background-color: #a60878;
    color: #fff;
    margin: 0 10px;
    min-width: 0px;
}

.tamanho {
    min-width: 200px;
    border-radius: 0px 5px 5px 0px;
    padding: 8px;
    text-align: left;
}

#expandeAcesso {
    padding: 10px 10px;
    background-color: #8a8a8a;
    color: #fff;
    border-radius: 5px 0px 0px 5px;
}

td.tabelaoct {
    padding: 10px 10px !important;
}

#mainhistorico {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #3a3a3ad9;
    position: fixed;
    bottom: 0px;
    display: none;
    box-sizing: border-box;
    padding: 6px;
    z-index: 9999;
}

#mainsenhaantiga,
#modalHistoricoAcoesLink {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #3a3a3ad9;
    position: fixed;
    bottom: 0px;
    display: none;
    box-sizing: border-box;
    padding: 6px;
    z-index: 9999;
    top: 0;
    left: 0;
}

#main_lista_pessoas {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #3a3a3ad9;
    position: fixed;
    bottom: 0px;
    display: none;
    box-sizing: border-box;
    padding: 6px;
    z-index: 9999;
}

#botao_historico i {
    color: #f5a410;
    cursor: pointer;
    padding: 5px;
}

#close_historico {
    cursor: pointer;
}

#close_senha_antiga {
    cursor: pointer;
}

#close_lista_pessoas {
    cursor: pointer;
}

#botao_ultima_senha i {
    color: #f5a410;
    cursor: pointer;
    padding: 5px;
}

.esconde {
    display: none;
}

#verificaEye {
    display: none;
}

i.fa.fa-trash {
    color: #a50000;
}

.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
    width: 126% !important;
}

button#passarIdOrgP {
    background: #29bf50;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

button#passarIdOrgS {
    background: #dfbe47;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}


/*/////////////// pipedrive*/

.separa {
    margin: 5px;
    border: 2px dotted #ccc;
    padding: 10px;
    display: inline-table;
    min-width: 460px;
    max-width: 460px;
}

.CamposDoNegocio {
    background-color: #f2f2f2e2;
    padding: 20px 30px;
    border-radius: 10px;
}

.detalhes b {
    color: #462b78;
}

.detalhes {
    margin: 4px 0px;
}

.DetalhesDoNegocio {
    background-color: #f2f2f2e2;
    padding: 20px 30px;
    border-radius: 10px;
}

button#atualizaValorCampo {
    border: 1px solid #000;
    margin: 20px;
}

.campo_height {
    min-height: 120px;
}

input#sapo {
    min-height: 100px;
}

.titulo h2 {
    font-family: montserrat;
    font-size: 24px;
    padding: 10px;
}

h2.tituloPipe {
    color: #000;
}

button#VerificaCampos {
    margin: 5px 10px;
}

button#atualizaValorCampo {
    border: 1px solid #000;
    margin: 20px;
    font-size: 25px;
    padding: 7px 70px;
}

.bloco {
    background: #f2f2f2e2;
    border-radius: 15px;
    box-shadow: 4px 4px 3px #ccc;
}


/*Display none search filtro do servicos cortesia*/

#servico_cortesia_nova_filter {
    display: block;
}


/* busca filtro */

#busca_propostas {
    max-height: 45px;
    margin-top: 7px;
}

#busca_pedido {
    max-height: 45px;
    margin-top: 7px;
}

#busca_vendas {
    max-height: 45px;
    margin-top: 7px;
}

#busca_servico {
    max-height: 45px;
    margin-top: 7px;
}

#busca_servico_cortesia {
    max-height: 45px;
    margin-top: 7px;
}

#busca_organizacoes {
    max-height: 45px;
    margin-top: 7px;
}

#busca_pessoas {
    max-height: 45px;
    margin-top: 7px;
}

#filtro_pedido {
    max-height: 45px;
    margin: 7px;
    padding: 10px 10px;
}

#filtro_venda {
    max-height: 45px;
    margin: 7px;
    padding: 10px 10px;
}

#filtro_servico {
    max-height: 45px;
    margin: 7px;
    padding: 10px 10px;
}

#filtro_servico_cortesia {
    max-height: 45px;
    margin: 7px;
    padding: 10px 10px;
}

#btn_nova_pessoa {
    background: #084de8;
}

#btn_nova_ergonomia {
    background: #f37000;
}

button#VisualizarAcessoBtn {
    max-width: 250px;
    background: #a60878;
    border-radius: 4px;
    color: #fff;
    padding: 6px 40px;
}

.fa-caret-down {
    background: #a60878 !important;
}

input#myInput {
    margin-left: 22px;
    height: 43px;
}

button#RefreshAcessos {
    padding: 12px;
}

.Autocomplete_Modal_Proposta_Busca_Org {
    position: absolute;
    background: #fff;
    padding: 10px 0px;
    margin: 60px 0px;
}

.Autocomplete_Modal_Pedido_Busca_Org {
    position: absolute;
    background: #fff;
    padding: 10px 0px;
    margin: 60px 0px;
}

.Autocomplete_Modal_Servico_Cortesia_Busca_Org {
    position: absolute;
    background: #fff;
    padding: 10px 0px;
    margin: 60px 0px;
}

.Autocomplete_Modal_Vendas_Busca_Org {
    position: absolute;
    background: #fff;
    padding: 10px 0px;
    margin: 60px 0px;
}

.Autocomplete_Modal_Servico_Busca_Org {
    position: absolute;
    background: #fff;
    padding: 10px 0px;
    margin: 60px 0px;
}

input#BuscarOrgsByProposta {
    margin: 8.1px 10px;
}

input#BuscarOrgsByPedido {
    margin: 8.1px 10px;
}

input#BuscarOrgsByServico {
    margin: 8.1px 10px;
}

input#BuscarOrgsByServicoCortesia {
    margin: 8.1px 10px;
}

input#BuscarOrgsByVendas {
    margin: 8.1px 10px;
}

.pipeOrg {
    display: none;
}

.pipeOrg img {
    width: 15px;
}

button#EnviarParaPipedrive img {
    width: 15px;
}


/* #AdicionarDeal {
    display: none;
}

#AdicionarOrg {
    display: none;
} */

div#InfoPipe {
    float: left;
    margin: 5px 130px;
    color: #fff;
}

div#TituloRev {
    margin: 0px 30% !important;
}

#linkPipe img {
    width: 20px;
}

#linkPipe {
    display: none;
    float: left;
    margin: -18px -120px;
    color: #fff;
    cursor: pointer;
}

#imagesCNPJ img {
    max-width: 30px;
    border: 0px;
}

div#imagesCNPJ a {
    /*background-color: #fff;*/
    margin: 0px 5px;
    padding: 0px;
    float: right;
}

.box-links {
    float: right;
    margin: 0px 30px;
    margin-bottom: 5px;
}

div#barra_form_Historico {
    width: 15px;
    height: 15px;
    position: fixed;
    bottom: 30px;
    right: 5px;
    cursor: pointer;
    z-index: 10000;
}

.historico-barra {
    display: flex;
    width: 23%;
    justify-content: flex-end;
}

b#cotacao_dia {
    font-size: 9px;
    float: right;
    margin: 4px 6px 0px;
}

div#modal_cotacao {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: -webkit-fill-available;
}

div#close_modal_cotacao {
    width: 100%;
    color: #000;
}

div#close_modal_cotacao_venda {
    width: 100%;
    color: #000;
}

div#modal_cotacao_venda {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: -webkit-fill-available;
}

button#salvar_valor_total_venda {
    background: #ad343f;
    border-radius: 10px;
    color: #fff;
    padding: 10px 70px;
}

button#salvar_valor_total {
    background: #6c32a2;
    border-radius: 10px;
    color: #fff;
    padding: 10px 70px;
}

#linha_Pedido {
    background: #6c32a2;
    color: #fff;
}

#linha_Venda {
    background: #ad343f;
    color: #fff;
}

div#tabela_valor_total {
    width: 100%;
    color: #000;
}

div#tabela_valor_total_venda {
    width: 100%;
    color: #000;
}

input#valor_ptax_dolar,
input#valor_ptax_euro,
input#data_ptax_dolar,
input#data_ptax_euro {
    width: 115px;
}

input#valor_ptax_dolar_venda,
input#valor_ptax_euro_venda,
input#data_ptax_dolar_venda,
input#data_ptax_euro_venda {
    width: 115px;
}

div#PedidoValor {
    display: flex;
    align-items: center;
}

div#VendaValor {
    display: flex;
    align-items: center;
}

i#editar_valor_pedido {
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 9px;
    font-size: 12px;
    margin: 0px 4px;
    cursor: pointer;
}

i#editar_valor_pedido:hover {
    background: #6c32a2;
    color: #fff;
    border: 1px solid #6c32a2;
    transition: 0.4s;
}

#close_cotacao {
    cursor: pointer;
}

#close_cotacao_venda {
    cursor: pointer;
}

i#editar_valor_venda {
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 9px;
    font-size: 12px;
    margin: 0px 4px;
    cursor: pointer;
}

i#editar_valor_venda:hover {
    background: #ae353f;
    color: #fff;
    border: 1px solid #ae353f;
    transition: 0.4s;
}


/* adiciona scroll no resultado do autocomplete da busca de org */

.flutua_autocomplete.Autocomplete_Modal_Proposta_Organizacao {
    max-height: 218px;
    overflow: auto;
}


/* adiciona scroll no resultado do autocomplete da busca de org */

.flutua_autocomplete {
    max-height: 218px;
    overflow: auto;
}


/*loader first*/

.bg_modal_first {
    width: 100%;
    height: 100vh;
    background: #ffffff;
    opacity: 1;
    display: block;
    position: fixed;
    z-index: 1002;
    top: 0px;
}

.loader_first {
    display: inline-block;
    position: fixed;
    width: 80px;
    height: 80px;
    right: 48%;
    top: 52%;
    z-index: 99999;
    background: url(../images/gif_color.gif);
    background-size: 44px;
    background-repeat: no-repeat;
    color: #fff;
}

div#line_pessoa:nth-child(even) {
    background: #dedede;
}

div#line_pessoa {
    background: #fff;
    color: #000;
}

div#line_pessoa .col-md {
    border-right: 1px solid #ccc;
    padding: 10px;
    min-height: 45px;
}

i#Modal_Proposta_Pessoa_list {
    color: #f5a410;
}

.modal-backdrop {
    display: none;
}

.modal-dialog {
    color: #000;
    max-width: 990px !important;
    margin: 1.75rem auto;
}

div#pessoas_com_mesmo_ID_para_mesclar #line_pessoa .col-md {
    height: 40px;
    padding: 0;
    border: 0px;
}

div#pessoas_com_mesmo_ID_para_mesclar #line_pessoa {
    height: 40px;
    padding: 5px 10px;
}

#pessoa_a_mesclar {
    padding: 10px;
    line-height: 35px;
}

#pessoas_id_original {
    padding: 10px;
    border-radius: 10px;
    background: #f0f0f0;
    margin: 10px;
    line-height: 35px;
}

#box_mesclagem {
    padding: 10px;
    border-radius: 10px;
    background: #f0f0f0;
    margin: 10px;
    line-height: 35px;
}

#resultado_pessoa_mesclada {
    padding: 10px;
    border-radius: 10px;
    background: #f0f0f0;
    margin: 10px;
    line-height: 35px;
}

.modal-open {
    overflow: auto !important;
}

#close_mesclador {
    font-size: 20px;
    background: no-repeat;
    border: none;
    color: #007bff;
    font-weight: bold;
}

#main_lista_pessoas h3 {
    font-size: 16px;
    padding: 9px;
}

div#ModalCopiaID .modal-dialog {
    max-width: 20% !important;
}


/**** ERGONOMIA ****/

.box_upload {
    border: 0px solid #ccc;
    padding: 10px;
    margin: 5px 0px;
    background: #fff;
    border-radius: 10px;
}

.inpt_dimensao {
    width: 10%;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

.desc_erg {
    margin: 10px 0px;
}

.input_erg {
    margin: 10px 0px;
}

input#user_ergonomia {
    margin: 10px 10px;
    padding: 6px 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-transform: uppercase;
}

#email_ergonomia {
    margin: 10px 10px;
    padding: 6px 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

div#Nome_erg {
    margin: 0 -5px;
}

.upload_erg {
    margin: 10px 0px;
}

input#data_ergonomia {
    margin: 10px 10px;
    padding: 6px 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

div#data_css_erg {
    margin: 0px;
}

#coluna_check {
    margin: 0px 20px;
}

input#ApoioPe_nao {
    margin: 5px 5px;
}

input#ApoioPe_sim {
    margin: 5px 5px;
}

.alinha {
    display: flex;
    align-items: flex-start;
}

.alinhaNote {
    display: flex;
    align-items: center;
}

.qck {
    font-size: 20px;
    font-weight: bold;
    font-family: montserrat;
    cursor: pointer;
}

.qck i {
    margin: 13px 10px;
}

.acts {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    margin: 7px 0px;
}

.qck:hover {
    color: #f37000;
    transition: 0.2s;
}

#aceite_1,
#aceite_2,
#aceite_3,
#aceite_4,
#aceite_5 {
    margin: 6px 6px;
}

.titulo_erg h3 {
    color: #f37000;
    font-family: montserrat;
    font-weight: bold;
}

.content_modal_3 {
    background: #efefef;
    /* border: 1px solid #bdbdbd; */
    border-radius: 0px;
    box-sizing: border-box;
    padding: 20px 0px;
    text-align: left;
    width: 100%;
    overflow: auto;
    max-height: 80vh;
    float: left;
}

.btn_prox {
    background: #f37000 !important;
    border: none;
    border-radius: 5px;
    padding: 5px 20px;
    color: #fff;
    font-family: montserrat;
    font-weight: bold;
}

.btn_ant {
    background: #838383 !important;
    border: none;
    border-radius: 5px;
    padding: 5px 20px;
    color: #fff;
    font-family: montserrat;
    font-weight: bold;
    margin: 0 10px;
}

.btn_prox_gestor {
    background: #28a745 !important;
    border: none;
    border-radius: 5px;
    padding: 5px 20px;
    color: #fff;
    font-family: montserrat;
    font-weight: bold;
}

#btn_aprovar_relatorio {
    background: #28a745;
}

#check_assinatura_gestor,
#secao_aceites,
#secao_cadeira,
#secao_apoio_pe,
#secao_notebook,
#secao_teclado,
#secao_mouse,
#secao_pad,
#secao_apoio_punho,
#secao_headset,
#secao_assinatura,
#secao_assinatura_gestao,
#secao_celular {
    display: none;
}


/*/ imagem ergonomia*/

#imagem_mesa,
#imagem_headset,
#imagem_apoiopunho,
#imagem_mousepad,
#imagem_celular,
#imagem_mouse,
#imagem_teclado,
#imagem_notebook,
#imagem_apoiope,
#imagem_cadeira {
    max-width: 100%;
    max-height: 100%;
}

.img_erg {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.default_input {
    border: none;
    margin: 10px;
}


/* #btn_aprovado,
#btn_rejeitado {
    display: none;
} */

#status_aprovado,
#status_rejeitado {
    display: none;
}

.signature-box {
    border: 1px solid #ccc;
    margin: 10px 85px 10px 0px;
    position: relative;
    border-radius: 10px;
    background: #fff;
}

p#msg_assinatura {
    font-size: 21px;
    color: #f37000;
}

#clearButton,
#clearButtonGestor {
    margin: 5px;
    padding: 3px;
    border-radius: 5px;
}

#saveButton,
#saveButtonGestor {
    margin: 0px;
    padding: 3px;
    border-radius: 5px;
}

#img_ass {
    display: none;
}

#modelo_notebook,
#nserie_notebook,
#nserie_celular {
    border: 1px solid #ccc;
    border-radius: 5px;
}

textarea#msg_reprova {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 170px;
}

#modal_reprova_tamanho {
    width: 510px;
}

.alinhaCel {
    display: flex;
    align-items: flex-start;
}

.input_nserie {
    display: flex;
    align-items: flex-start;
    margin: 0px 10px;
}

input#Celular_nao {
    margin: 5px;
}

input#Celular_sim {
    margin: 5px;
}

input#nserie_celular {
    margin: 0 10px;
}

.aprovacao {
    display: none;
}

#check_aprovacao {
    display: none;
}

#secao_aprovacao {
    display: none;
}

#btn_proximo_assinatura {
    display: none;
}

.motivoReprova {
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 300px;
    padding: 9px 10px;
    margin: 0px 25px;
}

.aprovacao {
    margin: 15px 0px;
}

#motivo_mesa,
#motivo_cadeira,
#motivo_apoiope,
#motivo_notebook,
#motivo_mouse,
#motivo_mousepad,
#motivo_teclado,
#motivo_headset,
#motivo_apoiopunho,
#motivo_celular,
#motivo_assinatura {
    display: none;
}

#concatena_motivos {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 210px;
    margin: 24px 4px;
    font-size: 17px;
}

.tooltipBox {
    display: none;
}

#tooltip {
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    display: flex;
    justify-content: start;
    max-width: 200px;
    max-height: 200px;
    font-size: 15px;
    font-family: calibri;
    margin: 16px 0px;
    padding: 10px;
}

span#tooltip::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #000000;
    position: absolute;
    top: -10px;
}


/*####### INICIO CSS AUTOLINK #######*/

#btn_add_grupo_links,
.btn_submit_new_link_groups {
    background-color: #11122e;
    background: linear-gradient(45deg, #11122e 0%, #020205 100%);
    border-radius: 0.4rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border: none;
    height: 2.7rem;
    margin: 0 0.6rem !important;
    opacity: 0.9;
    transition: opacity .3s;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 20rem !important;
}

#RefreshLinks {
    background-color: #ff7303;
    border: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    height: 2.7rem;
    margin: 0 0.6rem !important;
    opacity: 0.9;
    transition: opacity .3s;
}

#btn_add_grupo_links:hover,
#RefreshLinks:hover,
.btn_submit_new_link_groups:hover {
    opacity: 1;
    transition: all .3s;
    color: #fff;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

#busca_links {
    height: 2.7rem;
    border: 1px solid #ddd;
    border-radius: 0.4rem;
    outline: none 0;
    box-sizing: border-box;
}

#busca_links:focus {
    outline: 2px solid rgba(17, 18, 46, .7);
}

#table_links a {
    color: #11122e;
    transition: all .3s;
}

#table_links a:hover {
    color: #ff7303;
    opacity: 0.85;
    transition: all .3s;
}

#table_links .btn_editar_link {
    background-color: #e2e6ea;
}

#table_links .badge {
    color: #ffd !important;
    font-weight: 400;
    opacity: 0.85;
    width: 100%;
    margin-top: 7px;
    text-align: center;
}

.fields_modal_link .input_modal {
    display: block;
    position: relative;
    width: 100%;
    height: 2.7rem;
    border-radius: 0.4rem;
    border: 1px solid #ddd;
    padding: 10px 1rem;
    box-shadow: rgba(70, 70, 85, 0.07) 0px 1px 3px;
}

.fields_modal_link .input_modal:focus {
    outline: 2px solid rgba(17, 18, 46, .7);
}

.fields_modal_link .input_modal::placeholder {
    color: #aaa;
    font-style: italic;
}

.fields_modal_link label {
    color: #444;
    display: inline-block;
    margin-bottom: 0.5rem;
    text-align: left !important;
    width: 100%;
}

.fields_modal_link .modal_input_uri_wapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: 100%;
    height: 2.7rem;
    border-radius: 0.4rem;
    border: 1px solid #ddd;
    padding: 0;
    box-shadow: rgba(70, 70, 85, 0.07) 0px 1px 3px;
}

.fields_modal_link .modal_input_uri_text {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 100%;
    background-color: #f4f4f4;
    border: none;
    border-right: 1px solid #ddd;
    padding: 0 8px 0 1rem;
    border-radius: 0.4rem 0 0 0.4rem;
    opacity: 0.85;
    color: #444;
    flex: 0 0 auto;
}

.fields_modal_link .modal_input_uri {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    height: 100%;
    background-color: #fff;
    border: none;
    padding: 0 8px 0 1rem;
    border-radius: 0 0.4rem 0.4rem 0;
    flex: 1 1 auto;
    outline: none 0;
}

.modal_link_btn_box {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #EEE;
    padding: 1rem 0;
}

.modal_link_btn_box #btn_salvar_link {
    background-color: #11122e;
    background: linear-gradient(45deg, #11122e 0%, #020205 100%);
    border-radius: 0.4rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border: none;
    height: 2.7rem;
    width: 100%;
    margin: 0, 0.6rem !important;
    opacity: 0.9;
    transition: opacity .3s;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.9 !important;
}

.modal_link_btn_box #btn_desativar_link {
    height: 2.7rem;
    width: calc(100% - 5rem);
    margin-right: 1rem;
}

.modal_link_btn_box #btn_deletar_link {
    height: 2.7rem;
    width: 2.7rem;
}

.modal_link_btn_box button:disabled {
    cursor: not-allowed;
}

.link_history_btn_box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 1rem;
    text-align: left;
}

.link_history_btn_box a {
    color: #f5a410;
    opacity: 0.9;
    transform: opacity .3s;
    text-decoration: none;
}

.link_history_btn_box a:hover {
    opacity: 1;
    color: #f5a410;
    transform: opacity .3s;
}

#Modal_URL_Result_Copy {
    display: block;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 2rem;
    height: 2rem;
    background-color: #eee;
    border-radius: 0.3rem;
    color: #aaa;
    z-index: 2;
    text-decoration: none;
    text-align: center;
    padding-top: 0.35rem;
    font-size: 1.2rem;
    opacity: 0.7;
    transition: opacity 0.3s;
}

#Modal_URL_Result_Copy:hover {
    opacity: 1;
    transition: opacity 0.3s;
}

.copy_link_redir_btn,
.copy_link_public_btn {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background: #ccd;
    font-size: 14px;
    text-align: center;
    padding-top: 2px;
    border-radius: 4px;
    color: rgb(60, 64, 67);
    opacity: 0.4;
    margin-left: 6px;
    transition: all .3s;
}

.copy_link_redir_btn:hover,
.copy_link_public_btn:hover {
    opacity: 1;
    transition: all .3s;
}

#load_links_accordion_grid .btn-link {
    display: inline-block;
    position: relative;
    width: 25rem;
    text-align: left;
    border: 1px solid rgb(60, 64, 67);
    padding: 0;
    margin-right: 1rem;
    color: rgb(60, 64, 67);
    height: 2rem;
    border-radius: 0.4rem;
    text-decoration: none;
    transition: all .3s;
}

#load_links_accordion_grid .btn-link span:first-child {
    display: inline-flex;
    position: relative;
    width: 1.7rem;
    text-align: center;
    background: rgb(60, 64, 67);
    height: calc(100% + 1px);
    top: 0;
    border-top-left-radius: 0.234rem;
    border-bottom-left-radius: 0.234rem;
    justify-content: center;
    align-items: center;
    color: #ddf;
}

#load_links_accordion_grid .btn-link span:nth-child(2) {
    padding-left: 8px;
}

#load_links_accordion_grid .card {
    border: none !important;
}

#load_links_accordion_grid .card .card-header {
    padding: 1.1rem 1.25rem !important;
    background-color: #fff !important;
}

#load_links_accordion_grid .card .btn_add_link,
#load_links_accordion_grid .card .btn_edit_link_group,
#load_links_accordion_grid .card .btn_download_link_grup,
#load_links_accordion_grid .card .btn_delete_link_group {
    width: 2rem;
    height: 2rem;
    padding: 0.55rem 0;
    outline: none 0;
    border: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transition: all .3s;
    opacity: 0.8;
    margin-right: 0.5rem;
}

#load_links_accordion_grid .card .btn_add_link {
    background: linear-gradient(45deg, #11122e 0%, #020205 100%);
}

#load_links_accordion_grid .card .btn_edit_link_group {
    background: #bbc;
    color: rgb(60, 64, 67);
}

#load_links_accordion_grid .card .btn_download_link_grup {
    color: rgb(60, 64, 67);
    border-color: rgb(60, 64, 67);
    background: #fff;
}

#load_links_accordion_grid .card .btn_delete_link_group {
    color: rgb(180, 45, 45);
    border-color: rgb(180, 45, 45);
    background: #fff;
}

#load_links_accordion_grid .card .btn_add_link:hover,
#load_links_accordion_grid .card .btn_edit_link_group:hover,
#load_links_accordion_grid .card .btn_download_link_grup:hover,
#load_links_accordion_grid .card .btn_delete_link_group:hover,
#detalhes_links #download_metadata_link:hover {
    transition: all .3s;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

#load_links_accordion_grid .btn-link .rotate-90 {
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -o-transform: rotate(90deg);
    /* Opera */
    transform: rotate(90deg);
    /* Padrão */
    transition: all .3s;
}

#detalhes_links #download_metadata_link {
    outline: none 0;
    border: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transition: all .3s;
    background: #bbc;
    color: rgb(60, 64, 67);
    opacity: 0.9
}

#detalhes_links #download_metadata_link.disabled_link,
#detalhes_links #download_metadata_link.disabled_link:hover {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

#detalhes_links #linkDetailsBackPage {
    color: rgb(60, 64, 67);
    opacity: 0.9;
    background-color: #fff;
    transition: all .3s;
}

#detalhes_links #linkDetailsBackPage:hover {
    opacity: 1;
    background-color: #eef;
    transition: all .3s;
}

#charRemainingInputGroup {
    display: block;
    position: absolute;
    z-index: 2;
    background: rgb(255, 255, 255);
    color: #020205;
    bottom: calc(1.35rem + 6px);
    right: 27px;
    opacity: 0.75;
    font-style: italic;
    font-size: 12px;
}

#modal_links input[readonly] {
    background-color: #f4f4f4;
    font-style: italic;
    opacity: 0.85;
    cursor: not-allowed;
}

#tags {
    float: left;
    width: 20%;
}

#tagList {
    list-style-type: none;
    padding: 0;
}

.tag {
    cursor: pointer;
    margin: 5px;
}

#links {
    float: right;
    width: 80%;
}

#linkList {
    list-style-type: none;
    padding: 0;
}

.tag-link-item {
    margin: 10px;
    display: none;
}

.content_modal_links .tagify.input_modal {
    display: flex !important;
    padding: 0 !important;
    color: #444 !important;
    text-align: left !important;
}

#unselectTagBtn {
    display: none
}

#load_links_accordion_grid .tag {
    cursor: pointer;
    margin: 5px;
    display: inline-block;
    background: #eee;
    border: 1px solid #ff7303;
    color: #ff7303;
    padding: 1px 6px;
    font-size: 12px;
    border-radius: 3px;
    opacity: 0.8;
    transition: all .3s;
}

#load_links_accordion_grid .tag.tag_active {
    background: #ff7303;
    color: #eee;
    opacity: 1;
    transition: all .3s;
}

#load_links_accordion_grid .tag:hover {
    background: #eee;
    color: #ff7303;
    opacity: 1;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transition: all .3s;
}

#load_links_accordion_grid #tagList {
    display: inline-block;
}

#load_links_accordion_grid #unselectTagBtn {
    display: none;
    margin-left: 6px;
    height: 20px;
    width: 20px;
    position: relative;
    background: #eee;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #555;
    opacity: 0.8;
    text-decoration: none;
    padding-top: 2px;
    top: 2px;
    transition: all .3s;
}

#load_links_accordion_grid #unselectTagBtn:hover {
    transition: all .3s;
    background-color: rgba(200, 50, 50, 0.6);
}

#details_links_info div i {
    opacity: 0.7;
    color: #556;
    font-size: 12px;
    margin-right: 4px;
}

#details_links_info div strong {
    font-size: 12px;
    color: #445;
}

#details_links_info div span {
    font-size: 16px;
}

#details_links_info div .badge {
    opacity: 0.9;
    color: #eee;
    font-weight: 300;
    font-size: 11px;
    margin: 0 2px;
}

#details_links_resume {
    background: #f5f5f8;
    padding: 2rem 0px;
}

#details_links_resume i {
    opacity: 0.7;
    font-size: 14px;
    display: inline-block;
}

#details_links_resume .col-10,
#details_links_resume .col-2 {
    margin-bottom: 0.6rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5rem;
}

#details_links_resume h6 {
    display: inline-block;
    opacity: 0.9;
}


/*######## FIM CSS AUTOLINK #########*/
#sapochat_filter {
    position: absolute;
    top: 10px;
    margin: 2px 75px;
    z-index: 9999;
}

div#sapochat_filter input {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px;
}

td#pipe_icon {
    text-align: center;
}

/*########### NOVO LOGIN COM O GOOGLE ###########*/
.login-form{
    display: flex;
    position: relative;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    user-select: none;
  }

  .login-form .login-form-input-box img{
    max-width: 80%;
    width: 10rem;
    display: block;
    position: relative;
    margin: 1rem auto 0 auto;
    filter: hue-rotate(0deg);
    opacity: 0.75;
  }

  .login-form .login-form-input-box h2{
    margin: -1rem 0 1.5rem 0;
    font-size: 16pt;
    color: #445;
  }

  .login-form .login-form-input-box .login-form-submit{
    background-color: #4385f4;
    display: inline-block;
    position: relative;
    padding: 0.5rem 1.5rem;
    border-radius: 0.45rem;
    color: #fff;
    text-decoration: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all .3s;
    opacity: 0.9;
  }

  .login-form .login-form-input-box .login-form-submit:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    opacity: 1;
    transition: all .3s;
  }

  .login-form .login-form-input-box .login-form-submit i{
    position: relative;
    margin-right: 5px;
  }

  .img-bkg{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    /*
    background: url("assets/img/cms_bkg.jpg");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
    */
  }

  .img-bkg img{
    display: block;
    position: relative;
    width: 140%;
    margin: 0 auto;
    opacity: 0.3;
  }

  #loadingBox{
    display: flex;
    position: fixed;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    font-style: italic;
    background-color: #eef;
    z-index: 10000;
  }