:root {
    --preto-cinza: #1d1d1b;
    --azul-escuro: #00003c;
    --azul-fonte: #161663;
    --bege-claro: #e6c88c;
    --bege-escuro: #78694b;
    --branco-claro: #ffffff;
    --branco-cinza: #f5f5f5;
    --branco-fonte: #ccc;
    --borda-cinza: #666;
    --borda-claro: #bbb;
    --linha-compra-implante: #5564ac;
    --linha-compra-componente: #a5afd7;
    --linha-compra-outros: #fbfbf6;
    --background-danger: #ffc7c7;
	--background-danger-hover: #f78b8b;
    --color-danger: #ab1a1a;
    --color-danger-outline: white;
	--color-table-danger: #ab1a1a;
    --fale-conosco: #449e5e;
    --color-info: #c4ffc9;
    --background-warning: #918324;
    --color-warning: #ab9c1a;
    --color-warning-outline: #f5ee8e;

    /* Cores dinamicas */
    --background-body: var(--branco-cinza);
    --fonte-background-primario: var(--bege-escuro);
    --card-background: var(--branco-claro);
    --card-borda: #ddd;
    --card-title-color: var(--preto-cinza);
    --card-title-color-opaco: color-mix(in srgb, var(--preto-cinza) 40%, transparent);
    --fonte-card-primario: var(--preto-cinza);
    --menu-suspenso-background: var(--branco-claro);
    --menu-suspenso-background-hover: var(--bege-claro);
    --menu-suspenso-color: var(--preto-cinza);
    --menu-suspenso-color-hover: var(--preto-cinza);
    --menu-suspenso-borda: var(--bege-escuro);
    --separador-body: var(--borda-claro);
    --input-color: var(--borda-cinza);
    --input-color-hover: var(--azul-escuro);
	--btn-primary-background: #f2daaa;
    --btn-primary-background-glow: #fff9ed;
    --btn-primary-color: var(--preto-cinza);
	--btn-primary-borda: #c7ad79;
    --form-control-ativo: color-mix(in srgb, var(--bege-claro) 12%, white);
	--form-control-texto-selecao: color-mix(in srgb, var(--bege-claro) 90%, black);
	--form-control-color-selecao: var(--azul-escuro);
	--form-control-select-background: transparent;
    --titulo-datepticker: var(--azul-fonte);
    --dias-semana: var(--bege-escuro);
    --texto-multiselecao: var(--preto-cinza);
    --texto-multiselecao-hover: var(--azul-fonte);
	--borda-multiselecao: var(--input-color);
    --tabela-cabecalho-cor: var(--azul-escuro);
    --tabela-cabecalho-background: #f7e3ba;
    --tabela-bachground-comum: #fff7e6;
    --tabela-bachground-alternada: var(--branco-claro);
	--borda-botoes-tabela: transparent;
	--btn-secondary-background: transparent;
	--btn-secondary-color: var(--preto-cinza); 
	--btn-secondary-borda: var(--bege-escuro); 
	--borda-botoes-tabela-hover: transparent;
	--btn-secondary-background-hover: rgba(127,127,127,0.2);
	--btn-secondary-color-hover: var(--azul-fonte);
	--select-option-background: color-mix(in srgb, var(--bege-claro) 20%, white);
	--select-option-color: var(--azul-escuro);
	--select-option-background-hover: color-mix(in srgb, var(--bege-escuro) 20%, white);
	--select-option-color-hover: var(--azul-escuro);
	--modal-header-background: #f7e3ba;
	--modal-header-color: var(--preto-cinza);
	--modal-footer-background: var(--branco-claro);
	--modal-footer-color: var(--preto-cinza);
	--modal-body-background: var(--branco-claro);
	--modal-body-color: var(--preto-cinza);
	--modal-header-borda-color: var(--bege-claro);
	--modal-footer-borda-color: var(--bege-escuro);
	--tab-ativo-background: #f7e3ba;
	--tab-ativo-color: var(--btn-primary-color);
	--tab-padrao-color: var(--preto-cinza);
	--tabela-aprovacao-pre-clinica-background-celula: var(--branco-cinza);
	--tabela-aprovacao-pre-clinica-borda-celula: var(--borda-claro);
	--tabela-aprovacao-pre-clinica-borda-cabecalho: var(--bege-claro);
	--tabela-aprovacao-pre-clinica-background-header: var(--modal-header-background);
	--btn-info-background: var(branco-cinza);
	--btn-info-color: var(--bege-escuro);
	--btn-info-borda: var(--bege-escuro);
	--btn-info-borda-hover: var(--bege-claro);
	--btn-success-color: var(--branco-claro);
	--doc-aprovacao-color: #232c91;
	--scroll-track: rgba(127,127,127,0.1);
	--scroll-thumb: #f7e3ba;
	--scroll-border: var(--bege-claro);
	--scroll-corner: #363a3d;
	--jumbotron-background: var(--branco-claro);
	--jumbotron-borda: var(--card-borda);	
	--table-dashboard-vendas-borda-escura: var(--bege-claro);
	--table-dashboard-vendas-borda-clara: var(--bege-claro);
	--table-dashboard-vendas-background-celula: var(--branco-claro);
	--table-dashboard-vendas-background-cabecalho: var(--tabela-bachground-comum);
	--table-dashboard-vendas-color-cabecalho: var(--bege-escuro);
	--table-dashboard-vendas-color-celula: var(--bege-escuro);	
	--seta-car-color: var(--bege-claro);
	--seta-car-shadow: var(--borda-cinza);	
	--legendas-grafico-brasil-borda: var(--bege-escuro);
	--legendas-grafico-brasil-color: var(--bege-escuro);
	--legendas-grafico-brasil-borda-quadrado: var(--preto-cinza);
	--item-container-dashboard-borda: var(--bege-claro);
	--item-container-dashboard-background: var(--branco-claro);
	--item-container-dashboard-color: var(--bege-escuro);
	--item-container-dashboard-shadow: var(--borda-claro);
	--item-container-dashboard-base3d-borda: var(--bege-claro);
	--item-container-dashboard-base3d-background: color-mix(in srgb, var(--bege-claro) 20%, white);
	--container-dash-tatico-borda: var(--bege-claro);
	--container-dash-tatico-background: color-mix(in srgb, var(--bege-claro) 20%, white);
	--container-dash-tatico-color: var(--bege-escuro);
	--table-planejamento-financeiro-cabecalho-background: #f7e3ba;
	--table-planejamento-financeiro-cabecalho-color: var(--bege-escuro);
	--linha-devolucao-baixa: #e0ffe4;
	--linha-devolucao-estoque: #ffdbdb;
	--item-lista-bs-borda: var(--card-borda);
	--circulo-svg-pre-clinica: var(--azul-fonte);
	--texto-svg-pre-clinica: var(--preto-cinza);
	--rep-itens-fechamento-linha: var(--branco-fonte);
	--table-success-background: #dff0d8;
	--indicador-gadget-fonte: #b8a174;
}

:root[data-bs-theme="dark"] {
    --preto-cinza: #1d1d1b;
    --azul-escuro: #00003c;
    --bege-claro: #e6c88c;
    --bege-escuro: #78694b;
    --branco-claro: #ffffff;
    --branco-cinza: #f5f5f5;
    --branco-fonte: #ccc;
    --borda-cinza: #666;
    --borda-claro: #bbb;
    --linha-compra-implante: #5564ac;
    --linha-compra-componente: #a5afd7;
    --linha-compra-outros: #fbfbf6;
    --background-danger: #941515;
    --background-danger-hover: #941515;
    --color-danger: #5c0202;
	--color-table-danger: #f58e8e;
    --color-danger-outline: #f58e8e;
    --fale-conosco: #449e5e;
    --color-info: #c4ffc9;
    --background-warning: #918324;
    --color-warning: #ab9c1a;
    --color-warning-outline: #f5ee8e;

    /* Cores dinamicas */
    --background-body: var(--preto-cinza);
    --fonte-background-primario: var(--branco-fonte);
    --card-background: var(--azul-escuro);
    --card-borda: var(--bege-escuro);
    --card-title-color: var(--branco-fonte);
    --card-title-color-opaco: color-mix(in srgb, var(--branco-fonte) 40%, transparent);
    --fonte-card-primario: var(--branco-fonte);
    --menu-suspenso-background: var(--azul-escuro);
    --menu-suspenso-background-hover: #091d45;
    --menu-suspenso-color: var(--branco-fonte);
    --menu-suspenso-color-hover: var(--bege-claro);
    --menu-suspenso-borda: var(--borda-cinza);
    --separador-body: var(--borda-cinza);
    --input-color: var(--branco-fonte);
    --input-color-hover: var(--bege-claro);
    --btn-primary-background: #bfa46f;
    --btn-primary-background-glow: #ffeecc;
    --btn-primary-color: #47340e;
	--btn-primary-borda: #47340e;
    --form-control-ativo: color-mix(in srgb, var(--bege-claro) 15%, transparent);
	--form-control-texto-selecao: rgba(127,127,127,0.5);
	--form-control-color-selecao: var(--bege-claro);
	--form-control-select-background: rgb(0,0,0,0.3);
    --titulo-datepticker: #ddd;
    --dias-semana: var(--bege-claro);
    --texto-multiselecao: var(--branco-claro);
    --texto-multiselecao-hover: var(--bege-claro);
    --borda-multiselecao: var(--bege-claro);
    --tabela-cabecalho-cor: var(--bege-claro);
    --tabela-cabecalho-background: rgba(0,0,0,0.3);
    --tabela-bachground-comum: rgba(0,0,0,0.1);
    --tabela-bachground-alternada: rgba(255,255,255,0.1);
	--borda-botoes-tabela: var(--borda-cinza);
	--btn-secondary-background: rgba(0,0,0,0.25);
	--btn-secondary-color: var(--bege-claro);
	--borda-botoes-tabela-hover: var(--btn-primary-color);
	--btn-secondary-background-hover: var(--btn-primary-background);
	--btn-secondary-color-hover: var(--btn-primary-color);
	--btn-secondary-borda: var(--bege-claro); 
	--select-option-background: color-mix(in srgb, var(--azul-escuro) 70%, black);
	--select-option-color: #ddd;
	--select-option-background-hover: color-mix(in srgb, var(--azul-escuro) 70%, black);
	--select-option-color-hover: #ddd;
	--modal-header-background: color-mix(in srgb, var(--azul-escuro) 60%, black);
	--modal-header-color: var(--branco-fonte);
	--modal-footer-background: color-mix(in srgb, var(--azul-escuro) 60%, black);
	--modal-footer-color: var(--bege-escuro);
	--modal-body-background: var(--azul-escuro);
	--modal-body-color: var(--branco-fonte);
	--modal-header-borda-color: var(--bege-escuro);
	--modal-footer-borda-color: var(--bege-escuro);
	--tab-ativo-background: var(--btn-primary-background);
	--tab-ativo-color: var(--btn-primary-color);
	--tab-padrao-color: var(--branco-fonte);
	--tabela-aprovacao-pre-clinica-background-celula: color-mix(in srgb, var(--azul-escuro) 90%, white);
	--tabela-aprovacao-pre-clinica-borda-celula: color-mix(in srgb, var(--azul-escuro) 60%, white);
	--tabela-aprovacao-pre-clinica-borda-cabecalho: color-mix(in srgb, var(--azul-escuro) 80%, black);
	--tabela-aprovacao-pre-clinica-background-header: var(--btn-primary-background);
	--btn-info-background: rgba(0,0,0,0.25);
	--btn-info-color: var(--bege-claro);
	--btn-info-borda: var(--bege-claro);
	--btn-info-borda-hover: var(--btn-primary-color);
	--btn-success-color: #ddd;
	--doc-aprovacao-color: #aaa;
	--scroll-track: #363a3d;
	--scroll-thumb: #4d4e4f;
	--scroll-border: #73777a;
	--scroll-corner: #363a3d;
	--jumbotron-background: var(--azul-escuro);
	--jumbotron-borda: var(--bege-escuro);
	--table-dashboard-vendas-borda-escura: color-mix(in srgb, var(--azul-escuro) 80%, black);
	--table-dashboard-vendas-borda-clara: color-mix(in srgb, var(--azul-escuro) 60%, white);
	--table-dashboard-vendas-background-celula: color-mix(in srgb, var(--azul-escuro) 90%, white);
	--table-dashboard-vendas-background-cabecalho: var(--btn-primary-background);
	--table-dashboard-vendas-color-cabecalho: var(--btn-primary-color);
	--table-dashboard-vendas-color-celula: var(--branco-fonte);	
	--seta-car-color: var(--branco-fonte);
	--seta-car-shadow: var(--preto-cinza);
	--legendas-grafico-brasil-borda: var(--branco-fonte);
	--legendas-grafico-brasil-color: var(--branco-fonte);
	--legendas-grafico-brasil-borda-quadrado: var(--borda-cinza);
	--item-container-dashboard-borda: var(--bege-escuro);
	--item-container-dashboard-background: var(--bege-claro);
	--item-container-dashboard-color: var(--azul-escuro);
	--item-container-dashboard-shadow: color-mix(in srgb, var(--azul-escuro) 60%, black);
	--item-container-dashboard-base3d-borda: var(--preto-cinza);
	--item-container-dashboard-base3d-background: var(--bege-escuro);	
	--container-dash-tatico-borda: lightgray;
	--container-dash-tatico-background: var(--bege-claro);
	--container-dash-tatico-color: var(--azul-escuro);
	--table-planejamento-financeiro-cabecalho-background: var(--bege-escuro);
	--table-planejamento-financeiro-cabecalho-color: var(--branco-claro);
	--linha-devolucao-baixa: #2bf243;
	--linha-devolucao-estoque: #de99ef;
	--item-lista-bs-borda: #464669;
	--circulo-svg-pre-clinica: var(--branco-fonte);
	--texto-svg-pre-clinica: var(--bege-claro);
	--rep-itens-fechamento-linha: #a0a0a0;
	--table-success-background: #365926;
	--indicador-gadget-fonte: var(--bege-escuro);
}

/*#region Fontes antigas */
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('./fonts/brandon-grotesque/BrandonGrotesque-Black.woff2') format('woff2'),
        url('./fonts/brandon-grotesque/BrandonGrotesque-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('./fonts/brandon-grotesque/BrandonGrotesque-Light.woff2') format('woff2'),
        url('./fonts/brandon-grotesque/BrandonGrotesque-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*#endregion */

/*#region Fontes novas */
@font-face {
    font-family: 'Aller';
    src: url('./fonts/Aller.woff2') format('woff2'),
        url('./fonts/Aller.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('./fonts/Aller-Italic.woff2') format('woff2'),
        url('./fonts/Aller-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('./fonts/Aller-Bold.woff2') format('woff2'),
        url('./fonts/Aller-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*#endregion */

/*#region Personalização de Formulário */

.separadorFormulario {
    margin-top: 16px;
    margin-bottom: -10px;
    border-color: var(--separador-body) !important;
}

.subTituloFormulario {
    margin-bottom: 6px;
}

input[type="datetime"],
input[type="datetime-local"] {
    padding: 0 .75rem !important;
}

.form-control-anexo {
    padding-top: 7px;
    padding-bottom: 7px;
}
.form-control-anexo > input {
    height: 24px;
}
/*#endregion */

/*#region Validação */

.input-validation-error {
    border: 1px solid red;
}
.validation-summary-errors,
.field-validation-error {
    color: red;
    white-space: pre-line;
}

/*#endregion */

/*#region Menu */

.cursorHand {
    cursor: pointer;
}

/*#endregion */

/*#region Geral */

.semSublinhado:hover {
    text-decoration: none;
}
.semSublinhado:visited {
    text-decoration: none;
}
.semSublinhado:focus {
    text-decoration: none;
}

.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}

.pointer {
    cursor: pointer;
}

.filtro-impressao {
    padding-bottom: 0 !important;
}

.filtro-impressao table {
    margin-bottom: 0 !important;
}

.filtro-impressao td,
.filtro-impressao th {
    border-top: none !important;
}

.btn-multiple-add {
    height: 112px !important;
}

.item-usuario{
    margin-top: 20px;
    padding-bottom: 20px;
}

.table-dados-usuario{
    margin-top: 18px;
}

.datepicker > .datepicker-days {
    display: block !important;
}


.datepicker-bs > .btn-datepicker{
    background-color: transparent;
    color: #ccc;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{
    background-color: rgb(255,255,255,0.2) !important;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused{
    background-color: rgb(255,255,255,0.2) !important;
}

.datepicker-bs > input.form-control{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.datepicker-bs > .form-control:focus + span {
    border-radius: 0;
    border-top-right-radius:20pt;
    background-color: rgb(0,0,0,0.3);
}

.datepicker-days .dow {
    color: var(--dias-semana);
}

.datepicker-days .day {
    color: var(--card-title-color);
}
.datepicker-days .old.day,
.datepicker-days .new.day {
    color: var(--card-title-color-opaco);
}

.datepicker-days .prev,
.datepicker-days .next,
.datepicker-days .datepicker-switch {
    color: var(--titulo-datepticker);old day

}

.datepicker-days .datepicker-switch:hover{
    background-color: rgb(0,0,0,0.3);
}


.boolean-bs > .btn,
.enum-bs > .btn {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--borda-multiselecao) !important;
    background-color: transparent !important;
    color: var(--texto-multiselecao) !important;
    outline: none !important;
}

.boolean-bs > .btn:hover,
.enum-bs > .btn:hover {
    color: var(--texto-multiselecao-hover) !important;
}

.boolean-bs > .btn.active,
.enum-bs > .btn.active {
    background-color: transparent !important;
    border-bottom: 7px solid var(--borda-multiselecao) !important;
    color: var(--texto-multiselecao-hover) !important;
    outline: none !important;
}



.btn-transparente {
    border: none;
    background-color: transparent;
}

.table-linha th,
.table-linha td {
    border-bottom: 1px solid lightgray;
    padding-right: 4px;
    padding-left: 4px;
}


.card-block-gerenciador-conta {
    padding-bottom: 0;
}

.card-block-sub-gerenciador-conta {
    padding-top: 0;
    padding-bottom: 10px;
}

.titulo-gerenciamento-conta {
    margin-bottom: 0;
}

.btn-cancelar {
    padding: 4px 2px 4px 4px;
    color: var(--color-danger);
}
.btn-cancelar span {
    font-family: Arial;
    font-weight: bold;
    color: var(--color-danger);
    text-decoration: none;
    font-weight: bold;
}

.cortina-cinza {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
}
.popup-centrada {
    position: fixed;
    width: 400px;
    height: 70px;
    background-color: white;
    border: 1px solid gray;
    border-radius: 8px;
    left: 50%;
    top: 200px;
    margin-left: -200px;
    padding: 10px;
}

.popup-centrada > p {
    margin: 0;
    padding: 0;
    z-index: 9999999;
}

@media (max-width: 992px) {
    .right-md-down { text-align: right; }
}
/*#endregion */

/*#region Alert*/

#ulAlert {
    position: fixed;
    padding: 0;
    right: 20px;
    bottom: 0;
    left: 20px;
}

#ulAlert li {
    padding: 0;
    list-style-type: none;
    text-align: left;
}
div.alertUI {
    background-color: #444444;
    color: white;
    margin: 10px;
    opacity: 0;
    padding: 0 10px 10px 10px;
    border-radius: 10px;
    transition: opacity 2s;
    border: 1px solid gray;
}
div.alertUIVisivel {
    opacity: 1;
}

span.lblTempoAlert {
    cursor: pointer;
}
span.lblTempoAlert:hover {
    text-decoration: underline;
}
/*#endregion */

/*#region Detalhes */

.divInformacao div h5 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
}
.divInformacao div h5 label {
    margin-bottom: 0;
}
.divInformacao div h5:after {
    content: ':'
}

.divInformacao div p {
    margin-bottom: 20px;
}

.listaMxM {
    
}

/*#endregion */

/*#region Custom Bootstrap layout */

label {
    margin-bottom: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /* cor de fundo */
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    box-shadow: 0 0 0px 1000px transparent inset !important;
    
    /* cor do texto */
    -webkit-text-fill-color: var(--input-color) !important;
    caret-color: var(--input-color);
    
    /* hack para funcionar a cor do background descrita acima*/
    transition: background-color 5000s ease-in-out 0s;
    
    border-radius: 0;
    border-top-left-radius:20pt;
    border-top-right-radius:20pt;
}

textarea.form-control {
    background-color: transparent;
    color: var(--inpu-color);
    border: 1px solid var(--input-color);
}

textarea.form-control:focus {
    background-color: transparent;
    color: var(--bege-claro);
    border-color: var(--bege-claro);
}

.form-control:not(textarea):not(select[multiple]) {
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--input-color);
    color: var(--input-color);
}

select::selection,
.form-control::selection {
    background-color: var(--form-control-texto-selecao);
    color: var(--form-control-color-selecao);
}

.form-control:focus:not(textarea):not(select[multiple]),
.form-control:active:not(textarea):not(select[multiple])  {
    border-radius: 0;
    border-top-left-radius:20pt;
    border-top-right-radius:20pt;
    background-color: var(--form-control-ativo);
    border: none;
    border-bottom: 1px solid var(--input-color-hover);
    color: var(--input-color-hover);
}

.form-control:hover:not(textarea):not(select[multiple]){
    border-color: var(--input-color-hover);
}

select[multiple].form-control {
    border: 1px solid var(--branco-fonte);
    background-color: var(--form-control-select-background);
	padding: 0;
}

select[multiple]:focus {
    border-color: #e6c88c;
}

.input-group > .input-group-addon {
    margin-bottom: 8px;
    border: none;
    border-bottom: 1px solid var(--input-color);
    background-color: transparent;
    color: var(--input-color);
	border-radius: 0;
}

.input-group > .input-group-addon:last-child {
    border-radius: 0;
    border-top-right-radius:20pt;
}

.input-group > .form-control:first-child{
    border-top-right-radius: 0 !important;
}


/*background-color: color-mix(in srgb, var(--bege-claro) 15%, transparent);*/

.form-control:not(textarea):not(select[multiple]) + .input-group-btn > .btn.btn-secondary {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    border-bottom: 1px solid var(--input-color);
    border-radius: 0;
    background-color: transparent;
}

.form-control:hover:not(textarea):not(select[multiple]) + .input-group-btn > .btn.btn-secondary {
    border-bottom: 1px solid var(--input-color);
}

.form-control:focus:not(textarea):not(select[multiple]) + .input-group-btn > .btn.btn-secondary {
    border: none;
    border-bottom: 1px solid var(--input-color-hover);
    background-color: color-mix(in srgb, var(--bege-claro) 15%, transparent);
}

.form-control:focus:not(textarea):not(select[multiple]) + .input-group-btn > .btn.btn-secondary:last-child {
    border-radius: 0;
    border-top-right-radius:20pt;
}

.form-control:focus:not(textarea):not(select[multiple]) + .input-group-addon,
.form-control:active:not(textarea):not(select[multiple]) + .input-group-addon {
    color: var(--input-color-hover);
    border-color: var(--input-color-hover);
    background-color: var(--form-control-ativo);
}

.form-control:hover:not(textarea):not(select[multiple]) + .input-group-btn,
.form-control:hover:not(textarea):not(select[multiple]) + .input-group-addon {
    color: var(--input-color-hover);
    border-color: var(--input-color-hover);
}


.form-control:not(textarea):not(select[multiple]) + .input-group-addon.btn{
    display: table-cell;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    border-bottom: 1px solid var(--branco-fonte);
    border-radius: 0;
    background-color: transparent;
    color: var(--branco-fonte);
    height: 20px;
}

.input-group > select[multiple]:focus + .input-group-btn > .btn {
    border-color: #e6c88c;
}

div.input-form-control{
    height: 48px;
}
input[type="number"].form-control,
input[type="text"].form-control,
input[type="email"].form-control,
input[type="password"].form-control,
select.form-control {
    height: 2.5rem;
}

select.form-control > option {
    background-color: var(--select-option-background);
    color: var(--select-option-color);
	padding: 1pt 6pt;
}

.modal-body select.form-control > option {
	background-color: var(--modal-body-background);
}

select.form-control > option:focus,
select.form-control > option:hover,
select.form-control > option:checked  {
    background-color: var(--select-option-background-hover);
    color: var(--select-option-color-hover) !important;
}

select[multiple="multiple"].form-control {
    overflow-y: auto;
    height: 112px;
}

/*.row .form-control {
    margin-bottom: 8pt;
}*/

.row > div {
    padding-bottom: 8pt;
}


.btn-group {
    height: 2.5rem;
    margin-bottom: 8px;
}
.btn-group > button {
    height: 2.5rem;
}
.btn-group > label {
    height: 2.5rem;
}
.btn-group > a {
    height: 2.5rem;
}

.btn-group-sm {
    height: 2.1rem;
    margin-bottom: 0;
}
.btn-group-sm > button {
    height: 2.1rem;
}
.btn-group-sm > label {
    height: 2.1rem;
}
.btn-group-sm > a {
    height: 2.1rem;
}
.btn-group > a > i {
    position: relative;
    top: 3px;
}

.input-group button {
    height: 2.5rem;
}

.loginPartial {
    margin-left: 15px;
}

.table-permissao-acesso td {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
}

.btn-group-permissao {
  
}

.btn-permissao-acesso {
    
}

.btn-permissao-acesso.permitir {
    background-color: #0e388a !important;
    color: white;
}

.btn-permissao-acesso.negar {
    background-color: #DB2E2E !important;
    color: white;
}

.btn-permissao-acesso.permitir:hover {
    background-color: #1549ad !important;
    color: white;
}

.btn-permissao-acesso.negar:hover {
    background-color: #f03c3c !important;
    color: white;
}

.table-permissao-acesso .celula-permissao {
    min-width: 360px;
}

.btn-permissao-extra {
    height: 34px;
    padding-right: 0;
    line-height: 24px;
    vertical-align: middle;
}

.btn-limpo {
    padding: 0;
    margin: 0 3px 0 2px;
    background-color: transparent;
    border: none;
}

.botoes-unico-sm {
    width: 42px;
    text-align: right;
}
.botoes-duplo-sm {
    width: 85px;
    text-align: right;
}
.botoes-triplo-sm {
    width: 115px;
    text-align: right;
}
.botoes-quadruplo-sm {
    width: 145px;
    text-align: right;
}

a {
    color: #aaa;
}

/*#endregion */

/*#region File Drop */

.file-area {}
.file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.file-area .file-mensagem {
    text-align: center;
    transition: background 0.3s ease-in-out;
}
.file-area .file-mensagem .success {
    display: none;
}
.file-area:hover .file-mensagem {
    background: white;
}
.file-area input[type=file]:focus + .file-mensagem {}
.file-area input[type=file]:valid + .file-mensagem {}
.file-area input[type=file]:valid + .file-mensagem .success {
    display: inline-block;
    cursor: default;
}
.file-area input[type=file]:valid + .file-mensagem .default {
    display: none;
    cursor: default;
}
.file-mensagem .success > .btn {
    font-size: 8pt;
    padding: 2px 4px;
    height: 18px;
}



/*#endregion */

/*#region SIN Estilo */


body {
    /*background-image: url('../imagens/background/sin-ka-background.png');
    background-repeat: no-repeat;
    background-size: cover;*/
    background-color: var(--background-body);
    color: #ccc;
    min-height: 100vh;
    font-family: 'Aller'
}

.navbar-transparent{
    background-color: transparent !important;
    color: white;
}

img.logotipo-sin{
    height: 50px;
}

div.logotipo-sin {
    height: 50px;
    width: 155px;

    background-image: url('../imagens/logo/logo-sin-claro.svg');
    background-repeat: no-repeat;
    background-position: center center;
}

:root[data-bs-theme="dark"] div.logotipo-sin {
    background-image: url('../imagens/logo/logo-sin-escuro.svg');
}


.excluir-inline {
    display: inline;
    border: none;
    background-color: transparent;
}

.text-primary {
    color: var(--branco-fonte) !important;
}

.modal-body .text-primary {
	color: var(--input-color) !important;
}

.btn {
    color: #ddd;
}

.btn.btn-secondary {
    border-radius: 20px;
    border: 1px solid var(--bege-claro);
    background-color: var(--btn-secondary-background);
    color: var(--btn-secondary-color);
	transition: all 500ms;
}

.btn.btn-secondary {
    border-radius: 20px;
    border: 1px solid var(--btn-secondary-borda);
    background-color: var(--btn-secondary-background);
    color: var(--btn-secondary-color);
}

.btn-secondary.text-primary {
	color: var(--btn-secondary-color) !important;
}

.input-group-btn .btn.btn-secondary {
    border-color: var(--branco-fonte);
}

.btn.btn-secondary:hover {
    background-color: var(--btn-secondary-background-hover) !important;
    color: var(--btn-secondary-color-hover) !important;
    border-color: var(--borda-botoes-tabela-hover) !important;
}

:root[data-bs-theme="dark"] .btn.btn-secondary:hover {
	box-shadow: 0px 0px 3px 1px var(--btn-primary-background);
}

.table .btn-group > .btn.btn-secondary {
    border-color: var(--borda-botoes-tabela);
}

/*
.btn.btn-primary {
    border-radius: 20px;
    border: 1px solid var(--btn-primary-color);
    color: var(--btn-primary-color);
    background-color: var(--btn-primary-background-glow);
    box-shadow: 0 -7px 4px 9px var(--btn-primary-background) inset;
    animation: animacao-botao-unhover 200ms forwards;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    animation: animacao-botao-hover 200ms forwards;
}

@keyframes animacao-botao-hover {
    0% {   box-shadow:  0   -7px 4px   9px var(--btn-primary-background) inset; }
    50% {  box-shadow: 20px -5px 6px 7.5px var(--btn-primary-background) inset; }
    100% { box-shadow:  0    3px 8px   6px var(--btn-primary-background) inset; }    
}
@keyframes animacao-botao-unhover {
    0%   { box-shadow:  0    3px 8px   6px var(--btn-primary-background) inset; }
    50%  { box-shadow: 20px -5px 6px 7.5px var(--btn-primary-background) inset; }
    100% { box-shadow:  0   -7px 4px   9px var(--btn-primary-background) inset; }
}
*/

/*
.btn.btn-primary {
    border-radius: 20px;
    border: 1px solid var(--btn-primary-color);
    color: var(--btn-primary-color);
    background-color: var(--btn-primary-background-glow);
    box-shadow: 0 -7px 4px 9px var(--btn-primary-background) inset;
    transition: box-shadow 200ms ease;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    box-shadow: 0 3px 8px 6px var(--btn-primary-background) inset;
}
*/

.btn.btn-primary {
    border-radius: 20px;
    border: 1px solid var(--btn-primary-borda);
    color: var(--btn-primary-color);

    background-color: transparent;
    
    /* Remove a animação do estado padrão */
    animation: none; 
}

.btn.btn-success {
	border-radius: 20px;
	color: var(--btn-success-color);
}

.btn.btn-info {
    border-radius: 20px;
    border: 1px solid var(--btn-info-borda);
    background-color: var(--btn-info-background);
    color: var(--btn-info-color);
}

.btn-info:hover {
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-info-borda-hover);
}

.btn-info:active:hover, 
.btn-info:active:focus, 
.btn-info:active.focus, 
.btn-info.active:hover, 
.btn-info.active:focus, 
.btn-info.active.focus, 
.open > .btn-info.dropdown-toggle:hover, 
.open > .btn-info.dropdown-toggle:focus, 
.open > .btn-info.dropdown-toggle.focus {
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-info-borda-hover);
}

.btn-info.disabled:hover, 
.btn-info:disabled:hover {
	border: 1px solid var(--btn-info-borda);
    background-color: var(--btn-info-background);
}

:root[data-bs-theme="dark"] .btn-info:hover {
	box-shadow: 0px 0px 10px 5px var(--bege-escuro);
}

.btn-info:focus, 
.btn-outline-primary.focus {
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);
}

.btn.btn-danger {
    border-radius: 20px;
    background-color: var(--background-danger);
    color: var(--color-danger);
}

.btn.btn-danger:hover {
	background-color: var(--background-danger-hover);
	color: var--color-danger-outline);
}

.btn.btn-warning {
	color: black !important;
}

tr.sem-borda-top th,
tr.sem-borda-top td {
	border-top: none !important;
}


:not(.btn-group) > .btn-primary {
    background-color: var(--btn-primary-background-glow);
    box-shadow: 0 -7px 4px 9px var(--btn-primary-background) inset;
}

:not(.btn-group) > .btn-primary:active:hover,
:not(.btn-group) > .btn-primary:hover {
    /* Animação de ENTRADA ao passar o mouse */
    animation: animacao-botao-hover 200ms ease-in-out forwards;
}

.btn-primary.disabled:hover, 
.btn-primary:disabled:hover {
    background-color: inherit;
    border-color: inherit;
}

:not(.btn-group) > .btn-primary:not(:hover) {
    /* Animação de SAÍDA apenas se o botão já foi "ativado" pelo menos uma vez */
    animation: animacao-botao-saida 200ms ease-in-out;
}

@keyframes animacao-botao-hover {
    0%   { box-shadow: 0    -7px  4px   9px var(--btn-primary-background) inset; }
    50%  { box-shadow: 20px -5px 30px 7.5px var(--btn-primary-background) inset; }
    100% { box-shadow: 0     3px  8px   6px var(--btn-primary-background) inset; }
}

@keyframes animacao-botao-saida {
    0%   { box-shadow:  0    3px  8px   6px var(--btn-primary-background) inset; }
    50%  { box-shadow: 20px -5px 30px 7.5px var(--btn-primary-background) inset; }
    100% { box-shadow:  0   -7px  4px   9px var(--btn-primary-background) inset; }
}

.btn.btn-primary:active:focus,
.btn.btn-primary.active {
    color: var(--btn-primary-color);
    background-color: var(--btn-primary-background);
}


.btn-outline-primary {
    border-radius: 20px;
    border: 1px solid var(--bege-claro);
    background-color: rgba(0,0,0,0.25);
    color: var(--bege-claro);
}
.btn-outline-primary:hover {
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);

    box-shadow: 0px 0px 10px 5px var(--bege-escuro);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);
}

.btn-outline-primary:active, 
.btn-outline-primary.active,
.open > .btn-outline-primary.dropdown-toggle {
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);
}

.btn-outline-primary:active:hover, 
.btn-outline-primary:active:focus, 
.btn-outline-primary:active.focus, 
.btn-outline-primary.active:hover, 
.btn-outline-primary.active:focus, 
.btn-outline-primary.active.focus,
.open > .btn-outline-primary.dropdown-toggle:hover,
.open > .btn-outline-primary.dropdown-toggle:focus,
.open > .btn-outline-primary.dropdown-toggle.focus {
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);
}

.btn.btn-default {
    background-color: transparent;
    color: var(--branco-fonte);
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
    color: var(--bege-claro);
}

.btn.btn-default.active {
    background-color: #eeeeee;
}

body,
.navbar-light .navbar-nav .open > .nav-link, 
.navbar-light .navbar-nav .open > .nav-link:focus, 
.navbar-light .navbar-nav .open > .nav-link:hover, 
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .active > .nav-link:focus, 
.navbar-light .navbar-nav .active > .nav-link:hover, 
.navbar-light .navbar-nav .nav-link.open, 
.navbar-light .navbar-nav .nav-link.open:focus, 
.navbar-light .navbar-nav .nav-link.open:hover, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.active:focus, 
.navbar-light .navbar-nav .nav-link.active:hover,
.text-primary {
    color: var(--fonte-background-primario);
}


.card-block {
    color: var(--fonte-card-primario);
}

.nav-link > * {
    color: var(--fonte-background-primario);
}

.navbar-light .navbar-nav .nav-link {
    color: var(--branco-fonte);
}

.navbar-light .navbar-nav .nav-link > * {
    color: var(--branco-fonte);
}

.navbar-light .navbar-nav .nav-link:hover {
    color: whitesmoke;
}

.bg-faded {
    color: var(--branco-fonte);
}

.jumbotron {
    background-color: var(--jumbotron-background);
    border: 1px solid var(--jumbotron-borda);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 16px !important;
}

:root[data-bs-theme="dark"] .jumbotron {
	text-shadow: 2px 2px 2px color-mix(in srgb, var(--branco-claro) 0%, var(--preto-cinza));
}

.conteudo-carrossel {
    position: relative;
}

.conteudo-carrossel img {
    width: 100%;
    height: 100%;
}

#mnuSIN {
    padding-top: 14px;
}


.principal-home-responsivo {
    font-size: 2.5rem;
}

.titulo-home-responsivo {
    font-size: 3rem;
    top: 35%;
}
.texto-home-responsivo {
    font-size: 2rem;
    top: 50%;
}

.texto-bege-claro{
    color: var(--bege-claro);
}

.dropzone{
    background-color: transparent !important;
    padding: 0 !important;
	border: none !important;
}

.dz-default, 
.dz-message {
    background-color: var(--bege-claro) !important;
    color: var(--preto-cinza) !important;
    margin: 0 !important;
    padding: 20px !important;
}

.modal-content{
    color: var(--modal-body-color);
    border: 1px solid var(--modal-borda-color);
    border-radius: 14pt;
    background-color: transparent;
}

:root[data-bs-theme="dark"] .modal-content {
	box-shadow: 0px 0px 3px 1px var(--bege-escuro);
}

.modal-content .modal-header {
    border-top-left-radius: 12.5pt;
    border-top-right-radius: 12.5pt;
    background-color: var(--modal-header-background);
    border-bottom-color: var(--modal-header-borda-color);
    position: relative;
}

.modal-header .close{
    position:absolute;
    top: 15px;
    right: 15px;
}

.modal-content .modal-footer {
    border-bottom-left-radius: 12.5pt;
    border-bottom-right-radius: 12.5pt;
    background-color: var(--modal-footer-background);
    border-top-color: var(--modal-footer-borda-color);
}


.modal-content .modal-body {
    background-color: var(--modal-body-background);
}

.modal-content .modal-header .modal-title,
.modal-content .modal-footer .modal-title {
	color: var(--modal-header-color);
}

.close * {
    color: var(--branco-cinza) !important;
}

.close {
    color: var(--branco-cinza) !important;
    box-sizing: unset;
}

.close:hover {
    color: var(--bege-claro) !important;
}

.close * {
    color: var(--branco-cinza) !important;
}

.list-group-item{
    background-color: transparent;
    border-color: var(--item-lista-bs-borda);
}

@media (max-width: 1200px) {
    .principal-home-responsivo {
        font-size: 2.2rem;
    }
    .titulo-home-responsivo {
        font-size: 2.2rem;
        top: 35%;
    }
    .texto-home-responsivo {
        font-size: 1.8rem;
        top: 45%;
    }
}

@media (max-width: 992px) {
    .principal-home-responsivo {
        font-size: 2.1rem;
    }
    .titulo-home-responsivo {
        font-size: 1.7rem;
        top: 40%;
    }
    .texto-home-responsivo {
        font-size: 1.3rem;
        top: 45%;
    }
}
@media (max-width: 768px) {
    .principal-home-responsivo {
        font-size: 1.5rem;
    }
    .titulo-home-responsivo {
        font-size: 1.5rem;
        top: 40%;
    }
    .texto-home-responsivo {
        font-size: 1.0rem;
        top: 45%;
    }
}
@media (max-width: 544px) {
    .principal-home-responsivo {
        font-size: 1.2rem;
    }
    .titulo-home-responsivo {
        font-size: 1.2rem;
        top: 40%;
    }
    .texto-home-responsivo {
        font-size: 0.8rem;
        top: 35%;
    }

    .linha-validacao-produto {
        height: 200px !important;
    }
    .linha-validacao-produto > td {
        height: 200px !important;
    }
}


.img-rounded {
    border-radius: 4.8px;
}

.campo-edicao {
    margin-top: 8px;
    margin-bottom: 16px;
}

.selecao-valor-questionario {
    width: 320px;
}

.selecao-texto-questionario {
    width: 250px;
}

.texto-branco {
    border: none;
    min-height: 100px;
    width: 100%;
    display: block;
}

.texto-consignado {
    text-align: center; 
    font-weight: bold; 
    color: var(--branco-fonte);
}
.texto-disponivel {
    text-align: center; font-weight: bold; color: var(--color-info);
}
.texto-qtde-baixada {
    text-align: center; color: red;
}
.texto-qtde-consumida {
    text-align: center;
}
.texto-qtde-sap {
    text-align: center;
}

.color-info {
    color: var(--color-info);
}

.assinatura-clinica {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 10px;
    border-top: 1px solid gray !important;
    text-align: center;
}
.assinatura-clinica > p {
    font-size: 10pt;
}

.selecionado {
    font-weight: bold;
    color: blue;
}

.circulo-status {
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    height: 24px;
    border: 1px solid gray;
    border-radius: 12px;
}
.concluido {
    background-color: #9CF50B;
    animation: animacao-concluido 700ms infinite;
}
.no-prazo {
    background-color: #FFFF00;
    animation: animacao-no-prazo 700ms infinite;
}
.atrasado {
    background-color: red;
    animation: animacao-atrasado 700ms infinite;
}

.cite-envio-fresa {
    font-size: 9pt;
    display: block;
}

.sub-item-estoque {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 15px;
}

@keyframes animacao-concluido {
    0% {background-color: #9CF50B;}
    50% {background-color: #00ff00;}
    100% {background-color: #9CF50B;}
}

@keyframes animacao-no-prazo {
    0% {background-color: #FFFF00;}
    50% {background-color: #CCCC3B;}
    100% {background-color: #FFFF00;}
}

@keyframes animacao-atrasado {
    0% {background-color: red;}
    50% {background-color: #aa0000;}
    100% {background-color: red;}
}



@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
    * {-webkit-print-color-adjust:exact;}

    .assinatura-clinica {
        margin-top: 40px;
        margin-left: 0;
        margin-right: 10px;
        border-top: 1px solid gray !important;
        text-align: center;
    }
    .assinatura-clinica > p {
        font-size: 10pt;
    }
}
/*#endregion */

/*#region Devolução */

tr.devolucao-baixa > td {
    background-color: var(--linha-devolucao-baixa) !important;
}
tr.devolucao-baixa .baixa {
    display: none;
}

tr.devolucao-estoque {
    background-color: var(--linha-devolucao-estoque) !important;
}
tr.devolucao-estoque .estoque {
    display: none;
}
/*#endregion */

/*#region Status Contrato */
.circulo-status {
    width: 24px;
    height: 24px;
    border: 1px solid gray;
    border-radius: 12px;
}
.concluido {
    background-color: #9CF50B;
    animation: animacao-concluido 700ms infinite;
}
.no-prazo {
    /*background-color: #FFFF00;*/
    background-color : rgba(62,98,4,1);
    animation: animacao-no-prazo 700ms infinite;
}
.atrasado {
    background-color: red;
    animation: animacao-atrasado 700ms infinite;
}

@keyframes animacao-concluido {
    0% {background-color: #9CF50B;}
    50% {background-color: #00ff00;}
    100% {background-color: #9CF50B;}
}

@keyframes animacao-no-prazo {
    0% {background-color: #3E6204;}
    50% {background-color: #3E6204;}
    100% {background-color: #3E6204;}
}

@keyframes animacao-atrasado {
    0% {background-color: red;}
    50% {background-color: #aa0000;}
    100% {background-color: red;}
}
/*#endregion */

/*#region Etoque */

.estoque-baixo {
    color: red !important;
    font-weight: bold;
}

/*#endregion */

/*#region Lista Sequencical */

svg.horizontal {
    width: 100%;
    margin-top: -30px;
    /*This goes here because SVG uses em as units*/
    font: normal 9pt sans-serif;
}
svg.horizontal g line {
    stroke: var(--circulo-svg-pre-clinica);
    stroke-width: 2px;
}
svg.horizontal g.active line,
svg.horizontal g.active ~ g line {
    stroke: var(--circulo-svg-pre-clinica);
}
svg.horizontal g circle {
    fill: var(--circulo-svg-pre-clinica);
}
svg.horizontal g.active circle,
svg.horizontal g.active ~ g circle {
    fill: var(--circulo-svg-pre-clinica);
}
svg.horizontal g text {
    fill: var(--bege-claro);
    text-anchor: middle;
    dominant-baseline: central;
}
svg.horizontal g.active text,
svg.horizontal g.active ~ g text {
    fill: var(--texto-svg-pre-clinica);
}
/* Make the active group bigger*/

svg.horizontal g.active circle {
    font-size: 1.4em;
    fill: var(--circulo-svg-pre-clinica);
}
/* Use 'pointer' cursor*/

svg.horizontal g circle,
svg.horizontal g text {
    cursor: pointer;
}
/*--------------------------*/
svg.vertical {
    width: 100%;
    height: 320px;
    font: normal 9pt sans-serif;
    margin-left: 20px;
}
svg.vertical g line {
    stroke: #5f96d3;
    stroke-width: 2px;
}
svg.vertical g.active line,
svg.vertical g.active ~ g line {
    stroke: #346ba8;
}
svg.vertical g circle {
    fill: #5f96d3;
}
svg.vertical g.active circle,
svg.vertical g.active ~ g circle {
    fill: #346ba8;
}
svg.vertical g text {
    fill: gray;
    text-anchor: left;
    dominant-baseline: central;
}
svg.vertical g.active text,
svg.vertical g.active ~ g text {
    fill: black;
}
/* Make the active group bigger*/

svg.vertical g.active circle {
    font-size: 1.4em;
    fill: #004087;
}
/* Use 'pointer' cursor*/

svg.vertical g circle,
svg.vertical g text {
    cursor: pointer;
}
/*#endregion */

.table .table {
    background-color: transparent;
}

.table-danger th,
.table-danger td {
    background-color: var(--background-danger);
    color: var(--color-table-danger);
}

.table-warning th,
.table-warning td {
    background-color: var(--background-warning);
    color: var(--color-warning-outline);
}

.table-striped thead tr .btn-link,
.table-striped thead tr .btn-link > * {
    color: var(--tabela-cabecalho-cor) !important;
}

.table-striped thead tr > * {
    background-color: var(--tabela-cabecalho-background);
    color: var(--tabela-cabecalho-cor) !important;
}

.table-striped tbody tr {
    background-color: var(--tabela-bachground-comum);
}

.table-striped tbody tr:nth-of-type(odd){
    background-color: var(--tabela-bachground-alternada);
}

.table-striped th,
.table-striped td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    vertical-align:middle;
    border-bottom: 1px solid #555;
}

.table-striped th {
    border-top: 1px solid #555 !important;
    border-bottom: 1px solid #555 !important;
}

.table-striped td .btn {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

table.table-demo {
    
}

table.table-demo button {
    max-width: 100px;
}

table.table-demo button {
    word-wrap: break-word;
}

span#lbl-titulo-qtde-meses-estoque {
    display: none;
}

.font-bold {
    font-weight: bold;
}
.font-normal {
    font-weight: normal;
}

cite.rel-consumo-intervalo-datas {
    display: none;
}

.forcar-direita {
    position: absolute;
    right: 0;
    top: 0;
}

.margin-filtro-separador-marketing {
    margin-top: 20px !important;
    margin-bottom: -20px !important;
}


#tbl-imagem {
    border-collapse: collapse;
    background-image: url('imagens/img-posicao-marketing.jpg');
    background-position: center center;
}

#tbl-imagem input[type="radio"] {
    display: none;
}

#tbl-imagem label {
    display: block;
    margin: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    border: none;
    border: 1px solid gray;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

}

input[type="radio"]:checked + label {
    background-color: rgba(255, 255, 255, 0.5) !important;
} 


div.container-info {
    height: 380px;
}

div.container-info > div {
    margin: auto;
    width: 640px;
    height: 360px;
    position: relative;
    border: 1px solid lightgray;
    box-shadow: 5px 5px 12px 0px gray;
}
/*
div.container-info .area-info-titulo {
    position: absolute;

}
*/

div.container-info .container-area {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    text-align: left;
    margin: 20px 12px;
    overflow-y: auto;
}

div.container-info .area {
    margin-top: 6px;
    margin-bottom: 6px;
}

div.area b,
div.area span,
div.area p {
    margin: 0;
    padding: 0;
    color: black;
    text-shadow: white 1px 1px 1px;
}

div.container-info .area-download {
    /*text-align: right;*/
    margin-left: 4px;
}

div.area .label {
    font-weight: bold;
}

div.container-info  p {
    color: black !important;
}

div.container-info > div > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;

    background-color: white;
    opacity: 0.5;
}

div.container-tipo-marketing {
    padding-left: 12px;
}

div.container-row {
    margin-top: -36px;
    margin-bottom: -12px;
}

div.contain {
    margin-top: 12px;
}

div.contain .lbl-tipo-marketing {
    color: black;
    text-shadow: white 1px 1px 1px;
}

#titulo-player-marketing {
    color: #6d6d6d;
}

div.container-area .btn-fechar-info-marketing {
    position: absolute;
    top: 0;
    right: 0;
}

button {
    outline: none !important;
}

button.btn-vazio {
    background: none;
    border: none;
}

button.btn-vazio i {
    font-size: 30pt;
    color: #404040;
    text-shadow: white 2px 2px 2px;
}

button.btn-vazio i.fechar-informacoes {
    font-size: 16pt;
}

.dropdown-menu{
    background-color: var(--menu-suspenso-background);
    color: var(--menu-suspenso-color);
    border-color: var(--menu-suspenso-borda);    
    box-shadow: 
        0px 0px 10px 2px rgba(0,0,0,0.75),
        0 140px 35px -140px rgba(0,0,0,0.25) inset;
}

.dropdown-item > * {
    color: var(--menu-suspenso-color);
}

.dropdown-item:hover {
     background-color: var(--menu-suspenso-background-hover);
}
.dropdown-item:hover > * {
    color: var(--menu-suspenso-color-hover);
}


table.table-planejamento {
    border-collapse: collapse;
    margin: 0 2px 8px 2px;
    display: inline-block;
    /*border-radius: 1em;*/
}

table.table-planejamento th,
table.table-planejamento td {
    border: 1px solid darkgrey;
    font-size: 10pt;
    padding-left: 3px;
    padding-right: 3px;
    color: var(--branco-fonte);
    font-weight: normal;
}

table.table-planejamento th {
    vertical-align: top;
    text-align: center;
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);
}

table.table-planejamento .vazio {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
}

table.table-planejamento .font-normal {
    font-weight: normal;
}

p.titulo-item-planejamento {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

hr.separador-item-planejamento {
    padding: 0;
    margin: 0;
}

div.conteiner-item-planejamento {
    padding: 4px 16px;
}

div.botoes-planejamento-superior {
    position: relative;
}

div.botoes-planejamento-superior > div {
    position: absolute;
    right: 0;
    top: -45px;
}


/* Forma de Pagamento */
ul.lista-parcelamento {
    /*float: right;*/
    list-style-type: none;
    margin-top: 8px;
    padding: 0;
}

ul.lista-parcelamento li {
    /*float: left;*/
    display: inline-block;
    
}

div.container-lista-parcelamento {
    border: 1px solid #003D69;
    border-radius: 10px;
    margin: 8px;
    padding: 6px 8px;
    cursor: pointer;
    position: relative;
    background-color: rgb(242, 244, 245);
    min-width: 240px;
    box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.75);
    text-align: left;
}

div.container-lista-parcelamento:active {
    background-color: rgb(242, 244, 245);
}
div.container-lista-parcelamento.parcela-selecionada {
    background-color: rgb(217, 242, 255);
}

div.container-lista-parcelamento p {
    margin: 0;
    color: black;
}

div.container-lista-parcelamento input {
    display: none;
}

div.container-lista-parcelamento i {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 4px;
    margin-right: 4px;
    font-size: 32px;
    color: green;
    display: none;
}

#div-container-selecao-forma-parcelamento {
    text-align: center;
}

#btn-salvar-parcelamento {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
}

#tbl-dados-fechamento-parcelamento {
    margin-bottom: 0 !important;
}

#separador-forma-parcelamento {
    margin-top: 0 !important;
}

th.titulo-num-parcela-info {
    width: 194px;
}

span.desconto-disponivel {
    color: blue !important;
}
span.desconto-indisponivel {
    color: red !important;
}

div.destaque-desconto-avista {
    animation: destaqueDescontoAVista 1s infinite;
}

@keyframes destaqueDescontoAVista {
    0% { background-color: rgb(242, 244, 245); }
    35% { background-color: rgb(242, 244, 245); }
    45% { background-color: rgb(255, 251, 130); }
    55% { background-color: rgb(255, 251, 130); }
    65% { background-color: rgb(242, 244, 245); }
    100% { background-color: rgb(242, 244, 245); }
}


/* ------------- Dashboard -----------------------------*/

div.selecao-clinica-dashboard {
    text-align: center;
    padding: 22px 10px 0px 10px;
}

div.container-centralizado {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh * 0.65);
    color: var(--preto-cinza) !important;
}

.div-dashboard > .container-centralizado{
    color: var(--branco-fonte) !important;
}


.div-dashboard,
#div-dashboard-planejamento {
    width: 100%;
    border: 1px solid var(--jumbotron-borda);
    background-color: var(--jumbotron-background);
    min-height: calc(100vh * 0.65);
    border-radius: 4.8px;
}

#div-itens-dashboard-gd,
#div-itens-dashboard {
    /*margin: 4px 16px 8px 16px;*/
    padding: 16px 20px 20px 20px;
}

div.item-container-dashboard {
    margin: 8px 4px;
    padding: 4px 10px;
    border: 1px solid var(--item-container-dashboard-borda);
    border-radius: 14px;
    text-align: center;
    height: 200px;
    box-shadow: 2px 2px 8px 0px var(--item-container-dashboard-shadow);
    background-color: var(--item-container-dashboard-background);
    color: var(--item-container-dashboard-color);
}



h5.titulo-dashboard {
    margin-top: 6px;
    color: var(--preto-cinza);
    text-shadow: 1px 1px 1px lightgray;
}

div.conteudo-dashboard-sem-scroll {
    max-height: 150px;
    color: gray;
    animation: exibicaoDashboard 2s;
}

div.conteudo-dashboard {
    
    overflow: auto;
    max-height: 150px;
    color: var(--preto-cinza);
    animation: exibicaoDashboard 2s;
    position: relative;
}

div.conteudo-dashboard .btn-link{
    color: var(--azul-escuro);
}

div.item-container-dashboard-consumo-meta {
    margin: 8px 4px;
    padding: 4px 10px;
    border: 1px solid var(--container-dash-tatico-borda);
    border-radius: 14px;
    text-align: center;
    height: 280px;
    box-shadow: 2px 2px 8px 0px darkgray;
    background-color: var(--container-dash-tatico-background);
}

div.conteudo-dashboard-consumo-meta {
    overflow-x: auto;
    overflow-y: hidden;
    height: 230px;
    color: gray;
    animation: exibicaoDashboard 2s;
}

div.conteudo-dashboard-consumo-meta > canvas {
    height: 240px;
}



@keyframes exibicaoDashboard {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

div.conteudo-dashboard > ul {
    text-align: left;
}

div.conteudo-dashboard > ul > li {
    font-size: 10pt;
}

h1.implantes-consumidos-ano {
    margin-top: 40px;
    font-size: 42pt;
    font-weight: bolder;
    color: #9c7830;
    text-shadow:
               -1px -1px 0 #1e4e9e,  
               1px -1px 0 #1e4e9e,
               -1px 1px 0 #1e4e9e,
               1px 1px 0 #1e4e9e,
               6px 6px 2px #adadad;
}

h1.consumido-ultimo-fechamento {
    margin-top: 16px;
    font-size: 42pt;
    font-weight: bolder;
	color: var(--indicador-gadget-fonte);
	/*
    color: var(--btn-primary-background);
	*/
	/*
    text-shadow:
               -1px -1px 0 var(--btn-primary-color),  
               1px -1px 0 var(--btn-primary-color),
               -1px 1px 0 var(--btn-primary-color),
               1px 1px 0 var(--btn-primary-color);
			   */
}

p.consumido-a-partir-de {
    margin-bottom: 0;
    padding-bottom: 0;
}

div.item-container-dashboard-planejamento {
    margin: 8px 4px;
    padding: 4px 10px;
    border: 1px solid var(--container-dash-tatico-borda);
    border-radius: 14px;
    text-align: center;
    box-shadow: 2px 2px 8px 0px darkgray;
    background-color: var(--container-dash-tatico-background);
}

.card-title,
.card-subtitle,
.card-subtitle.text-muted {
    color: var(--card-title-color) !important;
}

h4.titulo-dashboard {
    margin-top: 6px;
    color: black;
    text-shadow: 2px 2px 1px lightgray;
}

div.container-planejamento-financeiro {
    overflow-x: auto;
    margin-bottom: 20px;
}

table.table-planejamento-financeiro {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

table.table-planejamento-financeiro th,
table.table-planejamento-financeiro td {
    border: 1px solid darkgrey;
    font-size: 10pt;
    padding-left: 3px;
    padding-right: 3px;
    color: var(--preto-cinza);
    font-weight: normal;
    background-color: var(--branco-claro);
}

table.table-planejamento-financeiro th {
    color: var(--table-planejamento-financeiro-cabecalho-color);
    background-color: var(--table-planejamento-financeiro-cabecalho-background);
    font-weight: bold;
}

td.economia-a {
    color: green !important;
    background-color: #e5ffe3;
}
td.economia-b {
    color: blue !important;
    background-color: #e0e6ff;
}
td.economia-c {
    color: orange !important;
    background-color: #fff0cf;
}
td.economia-d {
    color: red !important;
    background-color: #ffe8e3
}

.popover{
    max-width: 500px;
}

.alinhamento-top {
    vertical-align: top;
}

a.carrossel-seta-esquerda {
    position: absolute;
    top: 20px;
    left: 10px;
}

a.carrossel-seta-direita {
    position: absolute;
    top: 20px;
    right: 10px;
}

#car-dash-itena-acima-abaixo a.carrossel-seta-esquerda > i,
#car-dash-itena-acima-abaixo a.carrossel-seta-direita > i {
    color: var(--azul-escuro);
    text-shadow: 2px 2px 1px var(--branco-fonte);
}

a.carrossel-seta-esquerda > i,
a.carrossel-seta-direita > i {
	color: var(--seta-car-color);
    text-shadow: 1px 1px 1px var(--seta-car-shadow);
}

.conteudo-opaco {
    color: gray !important;
    background-color: lightgray !important;
}

#container-chart {
    position: relative;
    left: 50%;
    margin-left: -150px;
}

#can-gauge-implante {
    width: 300px !important;
    height: 130px !important;
}

hr.separador-cabecalho {
    
}

p.paragrafo-sem-margem {
    margin: 0 !important;
    padding: 0 !important;
}

div.tamanho-edicao {
    height: 40px;
}

#ifrCorpoEmail {
    display: block;
    width: 100%;
    border: none;
}

div.corpo-email {
    border: 1px solid lightgray; 
    border-radius: 8px;
    margin-top: 8px;
    padding: 4px 8px;
    background-color: #f8f8f8;

    height: 250px;
}

.quebra-linha {
    display: block;
    padding-right: 8px !important;
    width: 242px !important;
    max-width: 242px !important;
    word-wrap: break-word;
}

.quebra-linha-dinamico {
    width: 100%;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

div.modal-corona {
    position: relative;
    width: 355px !important;
    height: 361px !important;

}

div.modal-corona > div {
    position: absolute;
    top: 0;
    right: 0;
}

div.modal-corona > div > button {
    color: red;
}

button.btn-abs-top-right {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
}

ul.lista-fonte-pequena > li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 16px;
}
ul.lista-fonte-pequena > li > span {
    font-size: 8pt;
    height: 16px;
}

div.cconteudo-dashboard-botao-centralizado {
    display: flex;
    align-items: center;
    height: 150px;
    animation: exibicaoDashboard 2s;
}

#btn-download-rel-itens-grade {
    margin: auto;
    margin-top: 26px;
    display: block;
    width: 220px;
    height: 90px;
}

#btn-download-rel-itens-grade p {
    margin: 0;
    padding: 0;
}

h5.sub-titulo-dashboard {
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
}

h5.sub-titulo-dashboard select{
    border: none;
    border-bottom: 1px solid var(--borda-cinza);
    background-color: transparent;
    outline: none;
}

h5.sub-titulo-dashboard select > option {
    background-color: var(--azul-escuro);
}

#container-tabela-vendas {
    height: 100%;
}

.primeira-coluna,
.coluna-1-vendas {
    width: 300px !important;
}

table.table-dashboard-vendas {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--table-dashboard-vendas-borda-escura);
}

table.table-dashboard-vendas th,
table.table-dashboard-vendas td {
    font-size: 10pt;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: normal;

    border-bottom: 1px solid var(--table-dashboard-vendas-borda-clara);
    background-color: var(--table-dashboard-vendas-background-celula);
	color: var(--table-dashboard-vendas-color-celula);
}

table.table-dashboard-vendas th {
    font-weight: bold;
    border-bottom: 1px solid var(--table-dashboard-vendas-borda-escura);
    background-color: var(--table-dashboard-vendas-background-cabecalho);
    color: var(--table-dashboard-vendas-color-cabecalho);
}

.container-drag {
    padding: 15px;
    background-color: red;
}

#tbl-dashboard-vendas {
    width: 3000px !important;
}

#container-tabela-vendas {
    margin: 20px 20px;
    overflow: auto;
}

th.header-principal {

}
th.header-secundario {
    /*color: #444444 !important;*/
    color: darkblue !important;
    font-weight: normal !important;
}
td.separador-body {
    height: 16px;
}

#thd-cabecalho {
    cursor: ew-resize;
}

#thd-cabecalho > tr > th:nth-child(2) {
    width: 125px !important;
}

#thd-cabecalho th {
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}

button.btn-destaque {
    animation: botaoDestaque 1s infinite;
}

@keyframes botaoDestaque {
    0% { background-color: rgb(242, 244, 245); }
    35% { background-color: rgb(242, 244, 245); }
    45% { background-color: rgb(255, 251, 130); }
    55% { background-color: rgb(255, 251, 130); }
    65% { background-color: rgb(242, 244, 245); }
    100% { background-color: rgb(242, 244, 245); }
}

span.btn-link {
    cursor: default !important;
}
span.btn-link:hover {
    text-decoration: none !important;
}

.btn-link > * {
    color: #ccc;
}

input.input-planilha-sap {
    width: 100% !important;
}

@font-face {
    font-family: 'whatsAppLogo';
    src: url('svg/whats.svg') format('svg');
}

.nav.nav-tabs {
    border-color: var(--bege-claro);
}

.nav.nav-tabs .nav-link {
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	color: var(--tab-padrao-color);
}

.nav.nav-tabs .nav-link:hover {
    background-color: color-mix(in srgb, var(--btn-primary-background) 30%, transparent);
    color: var(--fonte-background-primario);
	border-color: transparent;
}

.nav.nav-tabs .nav-link.active {
    background-color: var(--tab-ativo-background);
    color: var(--btn-primary-color);
    border-color: var(--modal-header-borda-color);
}

li.nav-item.fale-conosco i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
    background-image: url('svg/whats.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
}

li.nav-item.fale-conosco span {
    color: var(--fale-conosco);
}

table.table-pequena td,
table.table-pequena th {
    font-size: 11pt;
}
table.table-pequena > tfoot > tr > th {
    font-weight: 600;
}

th.rodape-estoque {
    font-weight: 600;
}

button.text-gray i {
    color: gray;
}

div.form-control-altura {
    height: 40px;
}

div.div-cxm-meta {
    display: inline-block;
    width: 30px;
    height: 15px;
    margin-left: 10px;
    margin-bottom: -1px;
    border: 1px solid rgba(0, 150, 125, 1);
    background-color: rgba(0, 150, 125, 0.5);
}
div.div-cxm-consumo {
    display: inline-block;
    width: 30px;
    height: 15px;
    margin-left: 10px;
    margin-bottom: -1px;
    border: 1px solid rgba(0, 0, 255, 1);
    background-color: rgba(0, 0, 255, 0.4);
}

i.label-cxm {
    display: inline;
    font-size: 10pt;
}

/*#region Mapa do Brasil */

#svg-mapa-brasil path { fill: rgba(191, 191, 190, 1); } 
#svg-mapa-brasil text { fill:#fff; font:12px Arial-BoldMT, sans-serif; cursor:pointer }
#svg-mapa-brasil a{ text-decoration:none }
#svg-mapa-brasil .circle { fill: rgba(128, 128, 128, 1) }
#svg-mapa-brasil a:hover .circle { fill: rgba(249, 186, 072, 1) !important; cursor:pointer } 

#container-grafico-brasil {
    text-align: center;
}

#svg-mapa-brasil .estado {

}
#svg-mapa-brasil .regiao-norte {
    fill: #6cba92;
}
#svg-mapa-brasil .regiao-centro-oeste {
    fill: #c7c477;
}
#svg-mapa-brasil .regiao-nordeste {
    fill: #e3a564;
}
#svg-mapa-brasil .regiao-sudeste {
    fill: #699fc9;
}
#svg-mapa-brasil .regiao-sul {
    fill: #cf5b7f;
}

#svg-mapa-brasil .regiao-norte:hover {
    fill: #1a7546;
}
#svg-mapa-brasil .regiao-centro-oeste:hover {
    fill: #aba754;
}
#svg-mapa-brasil .regiao-nordeste:hover {
    fill: #c46e14;
}
#svg-mapa-brasil .regiao-sudeste:hover {
    fill: #227bbf;
}
#svg-mapa-brasil .regiao-sul:hover {
    fill: #cf1f55;
}

#svg-mapa-brasil .circle-df {
    fill: #58735a;
    stroke: white;
}
#svg-mapa-brasil .circle-df:hover {
    fill: #2c6b31 !important;
 }

div.leg-graf {
    width: 15px;
    height: 15px;
    margin: auto;
    border: 1px solid var(--legendas-grafico-brasil-borda-quadrado);
    border-radius: 4px;
}

div.leg-graf.leg-graf-norte {
    background-color: #6cba92;
}
div.leg-graf.leg-graf-centro-oeste {
    background-color: #c7c477;
}
div.leg-graf.leg-graf-nordeste {
    background-color: #e3a564;
}
div.leg-graf.leg-graf-sudeste {
    background-color: #699fc9;
}
div.leg-graf.leg-graf-sul {
    background-color: #cf5b7f;
}
div.leg-graf.leg-graf-distrito-federal {
    background-color: #58735a;
}

div.separador-grafico-brasil {
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid gray;
    border-top-width: 0;
}
div.separador-grafico-brasil.claro {
    border-color: lightgray;
}

table.table-legendas-grafico-brasil-interna {
    font-size: 8pt;
    color: var(--legendas-grafico-brasil-color);
    margin-left: 6px;
    cursor: default;
}

#div-legendas-grafico-brasil {
    display: inline-block;
    margin: auto;
    margin-left: 0;
    padding: 8px 12px 8px 12px;
    border: 1px solid var(--legendas-grafico-brasil-borda);
    border-radius: 6px;
    margin-bottom: 16px;
}

#tbl-detalhe-por-estado {
    width: 100%;
    color: var(te);
    font-size: 10pt;
}

td.descritivo-graf-brasil {
    min-width: 70px;
}

#div-conteudo-detalhe-estado {
    min-height: 150px;
    text-align: center;
}

#mod-det-graf-brasil {

}

/*#endregion */

div.item-container-dash-tatico {
    margin: 8px 4px;
    padding: 4px 10px;
    border: 1px solid var(--container-dash-tatico-borda);
    border-radius: 14px;
    text-align: center;
    max-height: 400px;
    box-shadow: 2px 2px 8px 0px darkgray;
    background-color: var(--container-dash-tatico-background);
    color: var(--container-dash-tatico-color);
    overflow: auto;
	min-height: 80px;
}

div.container-dash-tatico {
    overflow: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 16px;
}

table.table-dash-tatico {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: var(--branco-cinza);
}

table.table-dash-tatico th,
table.table-dash-tatico td {
    border: 1px solid darkgrey;
    font-size: 9pt;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: normal;
    color: var(--azul-escuro);
}

table.table-dash-tatico th {
    border-bottom: 1px solid color-mix(in srgb, var(--azul-escuro) 80%, black);
    background-color: var(--table-planejamento-financeiro-cabecalho-background);
    color: var(--table-planejamento-financeiro-cabecalho-color);
    font-weight: 500;
}

canvas.can-grafico-gerencial {
    width: 100%;
    height: 80px;
}

div.borda-tabela-dashboard {
    padding: 4px;
    border: 1px solid #999999;
    border-radius: 6px;
}


div.margem-clinicas-consumo {
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 65px;
}

.info-graf-rodape {

}


/*#region Fundo 3d */

div.base-3d {
    perspective: 500px;
    position: relative;
}

div.base-3d:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    border: 2px solid var(--item-container-dashboard-base3d-borda);
    border-radius: 20px;
    background-color: var(--item-container-dashboard-base3d-background);
    /*box-shadow: 0px -2px 10px 5px var(--preto-cinza);*/

    transform-origin: bottom center 0;
    transform: translateZ(-30px) rotate3d(1, 0, 0, 88deg);
    z-index: 0;
}

/*#endregion */

/*#region Popup ItemDM devolvido */

#div-pop-devolucao-detalhe {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 9999999;
}

#div-pop-devolucao-detalhe .conteudo-detalhe {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -140px;
    background-color: white;
    width: 500px;
    min-height: 220px;

    border-radius: 8px;
    border: 1px solid darkgray;
    box-shadow: 0px 0px 12px 0px gray;

    padding: 0 0 10px 15px;
}

#div-pop-devolucao-detalhe .btn-transparente {
    float: right;
}

#div-pop-devolucao-detalhe p {
    margin: 14px 0 0 0;
    padding: 0;
    font-weight: 600;
}

#div-pop-devolucao-detalhe span {
    color: #040404;
}
/*#endregion */

#table-retorno-fechamentos-lote {
    width: 100%;
}

#table-retorno-fechamentos-lote td {
    font-size: 10pt;
}

#table-retorno-fechamentos-lote tbody.executando td {
    animation: animacao-execucao-atual 700ms infinite;
}

@keyframes animacao-execucao-atual {
    0% {background-color: transparent;}
    50% {background-color: yellow;}
    100% {background-color: transparent;}
}

#table-retorno-fechamentos-lote tbody.finalizado td {
    background-color: lightgreen;
}
#table-retorno-fechamentos-lote tbody.finalizado-com-erro td {
    background-color: #ffdddd;
}

#table-retorno-fechamentos-lote hr {
    margin-top: 3px;
    margin-bottom: 0;
}

.sub-titulo-nota-pdf {
    color: black;
    font-size: 9pt;
    margin-top: 6px;
    margin-bottom: 0;
    font-weight: bold;
}

.div-pdf {

}

.div-pdf table {
    width: 100%;
    border-collapse: collapse;
}

.div-pdf table, 
.div-pdf td, 
.div-pdf th {
    border: 1px solid black;
    vertical-align: top;
    padding: 0 2px;
}

td.td-numero-nfe {
    width: 150px;
    text-align: center;
}

td.td-numero-nfe h5 {
    font-size: 11pt;
    font-weight: bold;
    color: black;
}
td.td-numero-nfe h6 {
    font-size: 7pt;
}

.texto-direita {
    text-align: right;
}

.div-pdf h6 {
    font-weight: 700;
    font-size: 7pt;
    margin: 0;
    color: black;
}

.div-pdf p {
    font-size: 8pt;
    margin: 0;
    color: black;
}

.serrilhado {
    height: 1px;
    border-top: 1px dashed black;
    margin-bottom: 2px;
    margin-top: 6px;
}

div.div-conainer-itens-pdf {
    border: 1px solid black;
}

#tbl-itens-pdf {
    border: none !important;
}

#tbl-itens-pdf th {
    padding-top: 2px;
    font-size: 7pt;
    font-weight: 800;
    margin: 0;
    color: black;
}

#tbl-itens-pdf td {
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 2px;

    font-weight: 700;
    font-size: 8pt;
    margin: 0;
    padding-bottom: 3px;
    color: black;
}

#tbl-itens-pdf td:first-child {
    border-left: none !important;
}

#tbl-itens-pdf td:last-child {
    border-right: none !important;
}




td.td-imagem {
    width: 380px;
}

td.td-imagem > img {
    vertical-align: top !important;
    width: 116px;
    height: 56px;
}
td.td-imagem > div {
    display:inline-block; 
    margin:auto; 
    width: 250px;
}

td.td-imagem h5  {
    font-size: 9pt;
    font-weight: 700;
    color: black;
    margin: 0;
}
td.td-imagem p  {
    font-size: 7pt;
    margin: 0;
}

td.td-codigo-barra {
    width: 340px;
    padding: 4px;
}

td.td-codigo-barra > div {
    margin: auto;
    text-align: center;
    vertical-align: bottom !important;
}

td.td-codigo-barra h6 {
    vertical-align: top;
}

td.td-danfe {
    padding: 0 6px 6px 6px;
}

.div-pdf div.div-danfe {
    text-align: center;
    margin: 4px 10px;
}

.div-pdf div.div-danfe h5 {
    font-weight: 700;
    font-size: 17pt;
    color: black;
}

.div-pdf div.div-danfe p {
    font-size: 7pt;
}

h6.danfe-numero {
    display: inline;
}

div.div-danfe-digito {
    display: inline;
    border: 1px solid black;
    padding: 1px 3px;
    margin: auto;
    margin-bottom: 4px;
}

div.container-codigo-barra {
    padding: 16px 0;
}

p.codigo-de-barra {
    font-family: 'code_128regular', Arial, sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size: 19pt;
    transform: scaleY(3);
}

div.div-dados-adicionais {
    padding: 0 4px;
}

div.div-dados-adicionais h6 {
    font-size: 8pt;
    margin-bottom: 4px;
}
div.div-dados-adicionais p {
    font-size: 7pt;
}

div.div-dados-adicionais > div {
    font-size: 8pt;
}

table.table-frete {
    border: none !important;
}

table.table-frete td {
    border: none !important;
    vertical-align: bottom;
}

table.table-frete p.fonte-pequena {
    font-size: 6pt;
}

table.table-frete p {
    margin: 0;
    padding: 0;
}

tr.linha-superior > th {
    border-top: 2px solid var(--rep-itens-fechamento-linha);
}
tr.linha-superior > th:first-child {
    border-left: 2px solid var(--rep-itens-fechamento-linha);
    border-top: 2px solid var(--rep-itens-fechamento-linha);
}
tr.linha-superior > th:last-child {
    border-top: 2px solid var(--rep-itens-fechamento-linha);
    border-right: 2px solid var(--rep-itens-fechamento-linha);
    width: 160px;
}
tr.linha-superior > th {
    padding-left: 3px;
    padding-right: 3px;
}

tr.linha-mediana > td:first-child {
    border-left: 2px solid var(--rep-itens-fechamento-linha);
}
tr.linha-mediana > td:last-child {
    border-right: 2px solid var(--rep-itens-fechamento-linha);
    width: 160px;
}
tr.linha-mediana > td {
    padding-left: 3px;
    padding-right: 3px;
}

tr.linha-inferior > td:first-child {
    border-left: 2px solid var(--rep-itens-fechamento-linha);
    border-bottom: 2px solid var(--rep-itens-fechamento-linha);
}
tr.linha-inferior > td:last-child {
    border-right: 2px solid var(--rep-itens-fechamento-linha);
    border-bottom: 2px solid var(--rep-itens-fechamento-linha);
    width: 160px;
}

tr.linha-inferior > td {
    padding: 0;
    padding-bottom: 6px;
}
tr.linha-inferior > td > p {
    margin-top: 8px;
    margin-left: 8px;
}

tr.linha-inferior > td > table {
    font-size: 11pt;
}

td.td-container-detalhae-fechamento {
    padding: 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid gray;
}

table.table-itens-detalhados-fechamento {
    width: 100%;
}

.table-success, 
.table-success > th, 
.table-success > td {
    background-color: var(--table-success-background);
}

div.card{
    background-color: var(--card-background);
    border: 1px solid var(--card-borda);
}

div.card-multimidia > h4 {
    font-size: 10pt;
    margin-bottom: 4px;
}

table.table-multimidia {
    font-size: 9pt;
}

.table-multimidia .btn-transparente {
    padding: 2px;
    margin: 0;
}

div.input-group-sm > span.input-group-addon > button {
    height: 20px !important;
}

div.card-multimidia {
    padding: 0 20px;
}

.texto-central-noticias {
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 2px 2px 2px rgba(0,61,105, 0.3);
    margin-top: -20px;
}

div.card-post {
    margin-bottom: 26px;
    border-color: #c0c0c0;
    border-radius: 6px !important;
}
div.card-post hr {
    border-top-color: #c0c0c0;
}
.div-cabecalho-post {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: linear-gradient(90deg, rgba(210,210,210,1) 0%, rgba(235,235,235,1) 50%, rgba(210,210,210,1) 100%);
}

div.div-cabecalho-post > span {
    font-weight: 600;
    color: #303030;
    text-shadow: 2px 2px 1px #FFFFFF;
}

.div-cabecalho-post > cite {
    float: right;
    font-style: normal;
    font-size: 9pt;
    color: #303030;
    text-shadow: 1px 1px 1px #FFFFFF;
}

div.div-cabecalho-post,
div.div-corpo-post,
div.div-rodape-post{
    padding: 6px;
}

div.div-rodape-post h6 {
    font-weight: 400;
}

div.container-resultado-votacao-executado {
    padding: 10px;
}

div.container-resultado-votacao-executado h5 {
    font-size: 12pt;
}

ul.lista-votacao {
    font-size: 9pt !important;
}

div.div-rodape-post li {
    font-size: 10pt;
}

div.div-rodape-post h6 {
    font-size: 11pt;
    font-weight: 600;
}

hr.separador-topico-post-header {
    margin: 0;
}

hr.separador-topico-post{
    margin: 0 10px;
}

div.div-texto-comentario {
    margin-left: auto;
    text-align: right;
    max-width: 300px;
}

div.div-texto-comentario label {
    font-size: 10pt;
}

button.btn-item-post {
    padding-right: 0;
}

div.div-resultado-comentario {
    padding-bottom: 6px;
}

div.div-resultado-comentario > hr.separador-comentario {
    margin-top: 4px;
    margin-bottom: 4px;
}

div.item-comentario {
    display: flex;
    font-size: 10pt;
}

div.item-comentario-icone {
    justify-content: flex-start;
    align-items: center;
    padding-right: 8px;
    display: flex;
}
div.item-comentario-dados {
    align-items: center;
}

div.item-comentario-dados > p {
    margin: 0;
}

span.badge-noticias {
    border-radius: 8px;
    background-color: #ff5050;
    color: white;
    font-size: 7pt;
    padding: 1px 4px;
    position: relative;
    top: -7px;
    left: -8px;
}

span.lbl-ignorar-val-consumo {
    font-size: 10pt;
}

#mod-generica.pesquisa-satisfacao .modal-dialog {
    width:523px !important;
}

#mod-generica.pesquisa-satisfacao .modal-body{
    padding: 0 !important;
}

#mod-generica.pesquisa-satisfacao button {
    top: 0;
    right: 0;
    padding: 0;
    outline: none;
    position: absolute;
    font-size: 36pt;
    color: #ffffff;
    text-shadow: none;
}

#mod-generica.pesquisa-satisfacao button > span {
    position: absolute;
    top: -12px;
    right: 0;
}

ul.lista-doc-aprovacao {
    font-size: 10pt;
}

ul.lista-doc-aprovacao b {
    font-weight: 700;
}

table.tabela-aprovacao-pre-clinica {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid lightgray;
    font-size: 10pt;
}

table.tabela-aprovacao-pre-clinica {
    border-color: var(--tabela-aprovacao-pre-clinica-borda-cabecalho);
}

table.tabela-aprovacao-pre-clinica th,
table.tabela-aprovacao-pre-clinica td {
    border-bottom: 1px solid var(--tabela-aprovacao-pre-clinica-borda-celula);
    padding: 2px 6px;
    background-color: var(--tabela-aprovacao-pre-clinica-background-celula);

}

table.tabela-aprovacao-pre-clinica th {
    border-bottom: 1px solid var(--tabela-aprovacao-pre-clinica-borda-cabecalho);
    background-color: var(--tabela-aprovacao-pre-clinica-background-header);
    color: var(--btn-primary-color);
}

table.tabela-aprovacao-pre-clinica td.primeira-coluna,
table.tabela-aprovacao-pre-clinica th.primeira-coluna {
    width: 20% !important;
}


@media (max-width: 1200px) {
    table.tabela-aprovacao-pre-clinica td.primeira-coluna,
    table.tabela-aprovacao-pre-clinica th.primeira-coluna {
        width: 25% !important;
    }
}

@media (max-width: 992px) {
    table.tabela-aprovacao-pre-clinica td.primeira-coluna,
    table.tabela-aprovacao-pre-clinica th.primeira-coluna {
        width: 30% !important;
    }
}
@media (max-width: 768px) {
    table.tabela-aprovacao-pre-clinica td.primeira-coluna,
    table.tabela-aprovacao-pre-clinica th.primeira-coluna {
        width: 40% !important;
    }
}
@media (max-width: 544px) {
    table.tabela-aprovacao-pre-clinica td.primeira-coluna,
    table.tabela-aprovacao-pre-clinica th.primeira-coluna {
        width: 50% !important;
    }
}

ul.lista-enquadramentos {
    list-style: none;
    padding-left: 26px;
}

ul.lista-enquadramentos li {
    list-style: none;
}

table.tabela-enquadramento-clinica {
    border-collapse: collapse;
    width: 100%;
}

table.tabela-enquadramento-clinica th,
table.tabela-enquadramento-clinica td  {
    border: 1px solid lightgray;
    padding: 4px 8px;
    border-radius: 8px;
}

table.tabela-enquadramento-clinica label {
    cursor: pointer;
}

.btn.btn-sm.item-texto {
    padding: 6px 8px !important;
}

.btn.btn-sm.item-texto span {
    font-size: 12pt !important;
    color: black !important;
}

.lista-doc-aprovacao a {
	color: var(--doc-aprovacao-color);
}

div.item-kit {
    text-align: center;
    border: 1px solid var(--btn-primary-color);
    background-color: var(--btn-primary-background);
    color: var(--btn-primary-color);
    border-radius: 8px;
    padding: 4px;
    padding-bottom: 6px;
}

.item-kit .btn-group > .btn-outline-secondary {
    background-color: rgba(255,255,255,0.3);
    border-color: var(--btn-primary-color);
    color: var(--btn-primary-color);
}

div.item-kit.selecionado {
    background-color: color-mix(in srgb, var(--btn-primary-background) 60%, white);
}

div.item-kit.nao-selecionavel {
    background-color: color-mix(in srgb, var(--btn-primary-background) 50%, var(--background-danger));
}

.lbl-aprovacao-status-contrato {
    display: block;
    text-align: center;
}

tr.tr-implante > td {
    background-color: var(--linha-compra-implante);
    color:#ccc
}
tr.tr-componente > td {
    background-color: var(--linha-compra-componente);
    color:#1d1d1b
}
tr.tr-outros > td {
    background-color: var(--linha-compra-outros);
    color:#1d1d1b
}
tr.tr-sumarizacao-compra td {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

div.div-quad-compra {
    width: 15px;
    height: 15px;
    border: 1px solid var(--branco-fonte);
    display: inline-block;
}

div.div-quad-compra.quad-implante {
    background-color: var(--linha-compra-implante);
}

div.div-quad-compra.quad-componente {
    background-color: var(--linha-compra-componente);
}

div.div-quad-compra.quad-outros {
    background-color: var(--linha-compra-outros);
}

#div-aguarde-dashboard-vendas {
    background-color: white;
    text-align: center;
    padding: 16px;

    position: fixed;
    width: 350px;
    height: 135px;
    border: 1px solid gray;
    box-shadow: 1px 1px 2px 1px #666666;
    top: 100px;
    left: 50%;
    margin-left: -175px;
}

.texto-caps-lock {
    text-transform: uppercase;
}

/*#region Lista Suspensa Checklist */

.dropdown-check-list {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.dropdown-check-list .anchor {
    position: relative;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    padding: 5px 50px 5px 10px;
    border: 1px solid #ccc;
}

.dropdown-check-list .anchor:after {
    position: absolute;
    content: "";
    border-left: 2px solid black;
    border-top: 2px solid black;
    padding: 5px;
    right: 10px;
    top: 20%;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.dropdown-check-list .container-itens-check {
    max-height: 400px;
    overflow-y: auto;
}

.dropdown-check-list .anchor:active:after {
    right: 8px;
    top: 21%;
}

.dropdown-check-list ul.items {
    padding: 2px;
    display: none;
    margin: 0;
    border-top: none;
}

.dropdown-check-list ul.items li {
    list-style: none;
    display: block;
}

.dropdown-check-list ul.items label {
    padding-left: 8px;
    display: block;
    cursor: pointer;
}
.dropdown-check-list ul.items label:hover {
    background-color: #8fb9ff;
}

.dropdown-check-list.visible .container-itens-check {
    border: 1px solid #ccc;
}

.dropdown-check-list.visible .anchor {
    color: #0094ff;
}

.dropdown-check-list.visible .items {
    display: block;
}

/*#endregion */

.texto-riscado {
    text-decoration: line-through;
}

div.container-contrato {
    display: flex
}
div.container-contrato > input {

}
div.container-contrato > button {

}

div.container-motor {
    display: flex
}
div.container-motor > input {

}
div.container-motor > button {

}

#ul-reposicao li.li-reposicao {
    padding: 0.3rem 1.25rem;
}

#ul-reposicao li.li-reposicao.ignorado {
    background-color: #dddddd;
    color: #666666;
    border-color: #666666;
}

#ul-reposicao li.li-reposicao.erro {
    background-color: #ffcccc;
    color: #cc0000;
    border-color: #cc0000;
}

#ul-reposicao li.li-reposicao.sucesso {
    background-color: #ccffcc;
    color: #00aa00;
    border-color: #00aa00;
}

.div-select-mxm-grande .form-control {
    height: 300px !important;
}

#div-envio-contrato{
    background-color: white;
    padding-top: 20px;
}

#div-envio-contrato > div {
    text-align: center;
}

#div-envio-contrato > p {
    color: black;
    font-family: 'Aller';
    font-weight: 500;
    font-style: normal;
    font-size: 26pt !important;
    margin-left: 100px;
    margin-right: 100px;
}

#div-envio-contrato > p > span > b {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 32pt !important;
}

.max-width-50 {
    max-width: 50%;
}

.margin-auto {
    margin: auto;
}

btn-texto-branco {
    color: white !important;
}

.btn-solicitacao-compra-excel small,
.btn-solicitacao-compra-excel-reposicao small {
    font-size: 11pt;
}

#map {
    height: 400px;
    width: 100%; 
}

table.table-font-sm *{
    font-size: 10pt;
}

table.table-font-sm .btn-group.btn-group-sm{
    height: 25px;
}

table.table-font-sm button {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1pt;
    height: 25px;
}


/*Scroll*/
::-webkit-scrollbar-track {
    background-color: var(--scroll-track);
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--scroll-thumb);
    border: 1px solid var(--scroll-border);
    border-radius: 8px;
}

::-webkit-scrollbar-corner {
  background-color: var(--scroll-corner); /* Ajuste para a cor de fundo desejada */
}