/*sf_pro*/
@font-face {
font-family: "sf_pro";
src: url("../fonts/sf-pro-display-light-webfont.woff2") format("woff2");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "sf_pro";
src: url("../fonts/sf-pro-display-regular-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "sf_pro";
src: url("../fonts/sf-pro-display-medium-webfont.woff2") format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "sf_pro";
src: url("../fonts/sf-pro-display-semibold-webfont.woff2") format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "sf_pro";
src: url("../fonts/sf-pro-display-bold-webfont.woff2") format("woff2");
font-weight: 700;
font-style: normal;
}
/*end sf_pro*/
/* Pr�xima Nova */
@font-face {
font-family: "proximanova";
src: url("../fonts/proxima_nova_light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "proximanova";
src: url("../fonts/proxima_nova_regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "proximanova";
src: url("../fonts/proxima_nova_regular.woff2") format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "proximanova";
src: url("../fonts/proxima_nova_semibold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "proximanova";
src: url("../fonts/proxima_nova_bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
}
/*end proximanova*/
:root {
--bs-primary: #3A3A3A;
}
.btn-primary {
background-color: var(--bs-primary);
color: #fff;
}
.btn-primary:hover {
background-color: #fff;
color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-primary:focus {
background-color: var(--bs-primary);
color: #fff;
border-color: var(--bs-primary);
}
.btn-primary:disabled {
background-color: var(--bs-primary);
color: #fff;
border-color: var(--bs-primary);
}
.btn-outline-primary {
color: var(--bs-primary);
border-color: var(--bs-primary);
border-width: 2px;
}
.btn-outline-primary:hover {
background-color: var(--bs-primary);
color: #fff;
border-color: var(--bs-primary);
border-width: 2px;
}
.btn-outline-primary:focus {
color: var(--bs-primary);
border-color: var(--bs-primary);
border-width: 2px;
}
.btn-outline-primary.focus {
color: var(--bs-primary);
border-color: var(--bs-primary);
border-width: 2px;
}
.btn-outline-primary:disabled {
color: var(--bs-primary);
border-color: var(--bs-primary);
border-width: 2px;
}
.btn-outline-secondary {
color: var(--bs-secondary);
border-color: var(--bs-secondary);
}
.btn-outline-secondary:hover {
background-color: var(--bs-secondary);
color: #fff;
}
html,
body {
font-family: "proximanova", Helvetica, Arial, sans-serif;
}
h1:focus {
outline: none;
}
a,
.btn-link {
color: #0071c1;
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.content {
padding-top: 1.1rem;
}
.valid.modified:not([type="checkbox"]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid red;
}
.validation-message {
color: red;
}
#blazor-error-ui {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
.blazor-error-boundary {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
padding: 1rem 1rem 1rem 3.7rem;
color: white;
}
.blazor-error-boundary::after {
content: "An error has occurred.";
}
.loading-progress {
position: relative;
display: block;
width: 8rem;
height: 8rem;
margin: 20vh auto 1rem auto;
}
.loading-progress circle {
fill: none;
stroke: #e0e0e0;
stroke-width: 0.6rem;
transform-origin: 50% 50%;
transform: rotate(-90deg);
}
.loading-progress circle:last-child {
stroke: #2d2d2d;
stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
transition: stroke-dasharray 0.05s ease-in-out;
}
.loading-progress-text {
position: absolute;
text-align: center;
font-weight: bold;
inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}
.loading-progress-text:after {
content: var(--blazor-load-percentage-text, "Loading");
}
/* Labels */
.ep-normal-text {
color: #3a3a3a;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ep-user-name-text {
color: #3a3a3a;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ep-caption {
color: #3a3a3a;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.7;
}
.ep-header {
color: #3a3a3a;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.ep-subtitle {
color: #3a3a3a;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.ep-subtitle2 {
color: #3a3a3a;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.ep-subtitle3 {
color: #3a3a3a;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
opacity: 0.7;
}
.ep-link-sem-estilo {
text-decoration: none;
color: black;
}
/* end Labels */
/* Inputs */
.ep-basic-input {
border-radius: 10px;
border: 1px solid rgba(209, 209, 209, 0.4);
background: #fff;
}
.ep-basic-input:focus {
border: 1px solid #d1d1d1;
box-shadow: inset 0 1px 1px rgba(209, 209, 209, 0.075), 0 0 8px rgba(209, 209, 209, 0.6);
}
.ep-select-input {
border-radius: 10px;
border: 1px solid rgba(209, 209, 209, 0.4);
background: #fff;
/*background: url('data:image/svg+xml;utf8,') no-repeat right 10px center;*/
}
.ep-select-input:focus {
border: 1px solid #d1d1d1;
box-shadow: inset 0 1px 1px rgba(209, 209, 209, 0.075), 0 0 8px rgba(209, 209, 209, 0.6);
}
.login-bg {
background: url("../imgs/bg-interno.png");
background-size: cover;
background-position: center;
height: 97vh;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.home-bg {
background: url("../imgs/bg-users.jpg");
background-size: cover;
background-position: center;
height: 97vh;
/*margin-top: 10px;
margin-bottom: 10px;*/
border-radius: 10px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ep-loading-spinner {
width: 64px;
height: 64px;
background: url("../imgs/icone.png") no-repeat center center fixed;
background-size: cover;
animation: spin 1s linear infinite;
margin: auto;
}
/* Icones */
.bi {
display: inline-block;
position: relative;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.75rem;
top: -1px;
background-size: cover;
}
.ep-icon {
display: inline-block;
position: relative;
width: 1rem;
height: 1rem;
margin-right: 0.75rem;
bottom: -1px;
background-size: cover;
}
.ep-icon-agendamento {
background-image: url('data:image/svg+xml,');
}
.ep-icon-auditoria {
background-image: url('data:image/svg+xml,');
}
.ep-icon-consolidacao {
background-image: url('data:image/svg+xml,');
}
.ep-icon-envio {
background: url('../imgs/envio.png') no-repeat center center;
display: inline-block;
width: 22px;
height: 22px;
background-size: contain;
}
.ep-icon-relatorio {
background-image: url('data:image/svg+xml,');
}
.ep-icon-sincronia {
background-image: url('data:image/svg+xml,');
}
.ep-icon-usuario {
background-image: url('data:image/svg+xml,');
}
.ep-icon-calendario {
background-image: url('data:image/svg+xml,');
}
.ep-icon-balizapercurso {
background-image: url('data:image/svg+xml,');
}
.ep-icon-percurso {
background-image: url('data:image/svg+xml,');
}
.ep-icon-baliza {
background-image: url('data:image/svg+xml,');
}
.ep-icon-primeiroexaminador {
background-image: url('data:image/svg+xml,');
}
.ep-icon-localizacao {
background-image: url('data:image/svg+xml,');
}
.ep-icon-perfil {
background-image: url('data:image/svg+xml,');
}
.ep-icon-laudo {
background-image: url('data:image/svg+xml,');
}
.ep-icon-auditar {
background-image: url('data:image/svg+xml,');
}
.ep-icon-voltar {
background-image: url('data:image/svg+xml,');
}
.ep-icon-alterar {
background-image: url('data:image/svg+xml,');
}
.ep-icon-editar {
background-image: url('data:image/svg+xml,');
}
.ep-icon-excluir {
background-image: url('data:image/svg+xml,');
}
.btn-outline-primary:hover .ep-icon-alterar {
background-image: url('data:image/svg+xml,');.2212 11 15.1267C11.0339 12.8604 12.864 11.0319 15.1304 11C16.6047 11.0007 17.9667 11.7878 18.7033 13.0649C19.4399 14.3421 19.4392 15.9152 18.7015 17.1917C17.9637 18.4682 16.6011 19.2541 15.1267 19.2534" stroke="%23FFF" stroke-width="1.5"/>');
}
.ep-icon-anotacao {
background-image: url('data:image/svg+xml,');
}
.btn-outline-primary:hover .ep-icon-anotacao {
background-image: url('data:image/svg+xml,');
}
.ep-icon-adicionar {
background-image: url('data:image/svg+xml,');
}
.ep-icon-atualizar {
background-image: url('data:image/svg+xml,');
}
.ep-icon-upload {
background-image: url('data:image/svg+xml,');
}
.ep-icon-download {
background-image: url('data:image/svg+xml,');
}
.ep-icon-avatar {
background-image: url('data:image/svg+xml,');
}
.ep-icon-sair {
background-image: url('data:image/svg+xml,');%233A3A3A
}
.ep-icon-doctor {
background-image: url('data:image/svg+xml,');
}
.ep-icon-date {
background-image: url('data:image/svg+xml, ');
}
.ep-basic-button {
border-radius: 6px;
background-color: var(--bs-primary);
color: #fff;
}
.ep-container {
display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
border-radius: 15px;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}
.ep-card {
padding: 20px;
border-radius: 15px;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}
.ep-card-certificado {
padding: 20px;
border-radius: 15px;
background: #fff;
border: 2px solid #e0e0e0;
}
.mapa-container {
width: 100%;
height: 188px; /* ajuste conforme necessário */
overflow: hidden;
border-radius: 14px;
box-shadow: none;
padding: 0;
margin: 0;
background: #fff;
border: none; /* ou: 1px solid #eee para contorno sutil */
display: flex;
align-items: center;
justify-content: center;
}
.mapa-container img,
.mapa-container iframe {
width: 100%;
height: 100%;
border-radius: 14px;
object-fit: cover;
display: block;
border: none;
margin: 0;
padding: 0;
}
.nav-underline {
--bs-nav-underline-link-active-color: rgba(58, 58, 58, 1);
}
.nav {
--bs-nav-link-color: rgba(58, 58, 58, 0.7);
--bs-nav-link-hover-color: rgba(58, 58, 58, 1);
}
.quickgrid[theme="corporate"] {
font-family: "proximanova", serif;
color: #3a3a3a;
}
.quickgrid[theme="corporate"] .col-title {
gap: 0.4rem; /* Separate the sort indicator from title text */
font-weight: bold;
text-transform: uppercase;
}
.quickgrid[theme="corporate"] .sort-indicator:hover {
color: #3a3a3a;
}
.quickgrid[theme="corporate"] button.col-title:hover,
.quickgrid[theme="corporate"] .col-options-button:hover {
background-color: #3a3a3a;
color: #fff;
}
.quickgrid[theme="corporate"] button.col-title:active,
.quickgrid[theme="corporate"] .col-options-button:active {
background-color: #3a3a3a;
}
.quickgrid[theme="examepratico"] > tbody > tr > td {
padding: 0;
}
.quickgrid[theme="examepratico"] > thead > tr {
}
.quickgrid[theme="examepratico"] > tbody > tr .ep-row-laudo {
visibility: hidden;
}
.quickgrid[theme="examepratico"] > tbody > tr:hover .ep-row-laudo {
visibility: visible;
margin-right: 5px;
}
/* Define a cor do switch quando estiver selecionado */
.custom-switch .form-check-input:checked {
background-color: black;
border-color: black;
}
.custom-switch .form-check-input:focus {
border-color: black;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}
/* Opcional: ajuste a cor do círculo do switch */
.custom-switch .form-check-input:checked::before {
background-color: white; /* ou qualquer cor que você preferir */
}
.accordion-item{
background-color: white;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: 5px;
box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.5), 0 -5px 5px -5px rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 0, 0, 0.1);
text-align: start;
padding: 15px;
--bs-accordion-btn-padding-y: 0,8rem;
}
.ep-table {
width: 100%;
border-spacing: 0;
}
.ep-table-column {
margin: 0;
}
.ep-table-row {
cursor: pointer;
background-color: white; /* Fundo branco */
border-top-left-radius: 10px; /* Bordas arredondadas */
border-bottom-left-radius: 10px; /* Bordas arredondadas */
margin-bottom: 5px; /* Espaçamento entre as linhas */
box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.5), 0 -5px 5px -5px rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 0, 0, 0.1);
height: 50px;
text-align: start;
padding: 10px;
}
.ep-table-row-middle {
cursor: pointer;
background-color: white; /* Fundo branco */
margin-bottom: 5px; /* Espaçamento entre as linhas */
box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 0, 0, 0.1);
height: 50px;
text-align: start;
padding: 10px;
}
.ep-table-row-last {
cursor: pointer;
background-color: white; /* Fundo branco */
border-top-right-radius: 10px; /* Bordas arredondadas */
border-bottom-right-radius: 10px; /* Bordas arredondadas */
margin-bottom: 5px; /* Espaçamento entre as linhas */
box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.5), 0 -5px 5px -5px rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 0, 0, 0.1);
text-align: start;
height: 50px;
padding: 10px;
width: 100px;
}
.bi-visibility {
visibility: hidden;
}
.text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*!* Estilo para o track do switch *!*/
/*.custom-switch .form-check-input {*/
/* background-color: rgba(58, 58, 58, 0.3);*/
/* border-color: rgba(58, 58, 58, 0.3);*/
/* width: 40px; !* Largura total do switch *!*/
/* height: 20px; !* Altura do switch *!*/
/*}*/
/*!* Quando está ativo *!*/
/*.custom-switch .form-check-input:checked {*/
/* background-color: #3A3A3A !important;*/
/* border-color: #3A3A3A !important;*/
/*}*/
/*!* Opcional: mudar a bolinha também *!*/
/*.custom-switch .form-check-input::before {*/
/* background-color: white;*/
/*}*/
/* Custom Switch styling */
.custom-switch .form-check-input:focus {
box-shadow: none;
outline: none;
}
/*.custom-switch .form-check-input {*/
/* background-position: left center;*/
/* background-size: 1.8rem 1.8rem; !* tamanho da bolinha *!*/
/* width: 3rem; !* largura do switch *!*/
/* height: 1.6rem; !* altura total *!*/
/*}*/
.custom-switch .form-check-input {
appearance: none;
position: relative;
border-radius: 20px;
background-size: 1.4rem 1.4rem;
background-color: #D9D9D9;
border-color: #D9D9D9;
width: 3rem;
height: 1.6rem;
/*width: 48px; !* Largura total do switch *!*/
/*height: 24px; !* Altura do switch *!*/
cursor: pointer;
transition: all 0.3s ease;
}
/* Bolinha do switch */
.custom-switch .form-check-input::before {
content: "";
position: absolute;
height: 20px;
width: 20px;
left: 2px;
bottom: 2px;
background-color: white;
border-radius: 50%;
transition: all 0.3s ease;
}
/* Quando está ativo */
.custom-switch .form-check-input:checked {
background-color: #3A3A3A !important;
border-color: #3A3A3A !important;
}
/* Movimento da bolinha quando ativo */
.custom-switch .form-check-input:checked::before {
transform: translateX(24px);
}
/* Estilo para os labels */
.custom-switch .form-check-label {
font-family: "Proxima Nova", sans-serif;
font-size: 16px;
font-weight: 500;
color: #3A3A3A;
padding-left: 8px;
}
/* Estilo específico para o label "Inativo" */
.custom-switch .form-check-label.inactive {
color: #9E9E9E;
}
.no-focus-outline:focus,
.no-focus-outline:active:focus {
outline: none !important;
box-shadow: none !important;
}
.label-titulo {
font-family: "Proxima Nova";
font-size: 14px;
font-weight: 400;
line-height: 8px;
color: #3A3A3A;
text-align: left;
padding-top: 15px;
}
img.mini-portrait {
border-radius: 8px; /* Ajuste o valor conforme desejar */
}
.modal-content .modal-footer {
padding: 0 !important;
margin: 0 !important;
}
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active:focus {
outline: none !important;
box-shadow: none !important;
}
/* Custom styles for role selection buttons */
.role-selector .btn {
transition: all 0.2s ease;
border-radius: 4px;
}
.ep-users-detalhe {
height: 97vh;
}