@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
[data-v-6bd4c3d6] .select-status.v-input.v-text-field.v-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner {
  padding: 0;
}
.area-filtro-pesquisa-orcamento[data-v-6bd4c3d6] {
  max-height: 500px;
  padding-bottom: 20px;
  overflow-x: hidden;
  overflow-y: overlay;
}
.cursor-pointer[data-v-6bd4c3d6] {
  cursor: pointer;
}
.container[data-v-6bd4c3d6] {
  padding-right: 12px;
  padding-left: 12px;
  display: flex;
  justify-content: space-between;
}

/* .btn-primary{

  border: 1px solid #00A82D;
  color: #00A82D;
} */
.btn-secundary[data-v-6bd4c3d6] {
  /* background: #eee; */
  color: #00A82D;
  font-size: 13px;
}
div.container {
  padding-top: 0;
}
.altura-fixa {
  /* position: fixed;
  z-index: 9; */
  background-color: #fff;
  /* width: 500px; */
  padding-top: 20px;
}
.theme--dark .altura-fixa {
  background: transparent;
}
.altura-time-line {
  margin-top: 100px;
}
.card-localizacao-pessoa[data-v-f79b54bc] {
  min-height: 235px;
}
.subheader[data-v-f79b54bc] {
  height: 25px;
}
.hover-radio[data-v-f79b54bc]:hover {
  color: #165091;
}
.title-localizacao[data-v-f79b54bc] {
  display: block;
  width: 100%;
}
.micro-copia[data-v-f79b54bc] {
  font-size: 12px;
  color: #ccc;
  font-weight: 300;
}
.mensagem[data-v-f79b54bc] {
  text-align: center;
  margin-top: 55px;
}
.card-action[data-v-f79b54bc] {
  margin-top: 75px;
}

.tamanho-tab-cadastro[data-v-2f127146] {
  min-height: 300px;
}
div.tipo-numero input[data-v-2f127146] {
  text-align: right;
}

/* div.v-card-text{
  padding-bottom: 0;
} */
div.v-card__text[data-v-2f127146] {
  padding-bottom: 0;
}
.alinhamento[data-v-2f127146] {
  text-align: end;
}
div.detalhes-atendimento[data-v-2f127146] {
  margin: 15px;
}
div.resumo[data-v-2f127146] {
  margin-bottom: 10px;
}


.texto-plano-modal p[data-v-bb4883b4]{ margin: 0; color: #2f2f2f; font-size: 18px; line-height: 1.4;
}
.subtitle-1[data-v-bb4883b4] {
  font-weight: 600;
  color: #424242;
}
.bandeiras[data-v-bb4883b4] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bandeiras img[data-v-bb4883b4]{
  height: 18px;
  filter: grayscale(0.1);
}
.header-cartao-horizontal[data-v-bb4883b4]{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.titulo-secao-compacto[data-v-bb4883b4]{
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}
.subtitulo-compacto[data-v-bb4883b4]{
  margin: 0;
  font-size: 12px;
  color: #757575;
}
.bandeiras-inline img[data-v-bb4883b4]{ height: 16px; margin-left: 6px;
}
.bandeiras-label-compacto[data-v-bb4883b4]{ font-size: 12px; color: #616161;
}
.form-compacto .v-text-field[data-v-bb4883b4]{ margin-bottom: 8px;
}
.aviso-clean[data-v-bb4883b4]{
  background-color: #f7f7f7 !important;
  border-color: #e0e0e0 !important;
  color: #3a3a3a !important;
}
.aviso-clean .v-alert__content[data-v-bb4883b4]{ opacity: 1 !important;
}
.aviso-clean .v-icon[data-v-bb4883b4]{ color: #6b7280 !important; opacity: 1 !important;
}
.aviso-clean strong[data-v-bb4883b4]{ color: #2f2f2f; font-weight: 600;
}
.info-plano-cliente[data-v-bb4883b4] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #dee2e6;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.plano-header[data-v-bb4883b4] {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #007bff;
  padding-bottom: 8px;
}
.plano-titulo[data-v-bb4883b4] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.plano-detalhes[data-v-bb4883b4] {
  margin: 16px 0;
}
.plano-item[data-v-bb4883b4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e9ecef;
}
.plano-item[data-v-bb4883b4]:last-child {
  border-bottom: none;
}
.plano-label[data-v-bb4883b4] {
  font-weight: 600;
  color: #495057;
  min-width: 80px;
}
.plano-valor[data-v-bb4883b4] {
  font-size:16px;
  font-weight: 600;
  color: #2c3e50;
  text-align: right;
}
.plano-aviso[data-v-bb4883b4] {
  display: flex;
  align-items: center;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 12px;
}
.aviso-texto[data-v-bb4883b4] {
  color: #856404;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}


.v-alert[data-v-752c73ce]{
  padding-left: 8px;
}
.responsavel-alert[data-v-752c73ce] {
  border-color: #e0e0e0 !important;
}
.responsavel-box[data-v-752c73ce] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.responsavel-box .label[data-v-752c73ce] {
  font-size: 13px;
  color: #616161;
}
.responsavel-box .email[data-v-752c73ce] {
  font-weight: 600;
  color: #424242;
}


.fundo-login[data-v-26084dc2] {
  background-image: url(../../static/img/bg.80d18dae.jpg);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  width: 100vw !important;
  min-height: 100vh !important;
  height: auto !important;
  padding: 0;
  margin: 0;
}
.box-login[data-v-26084dc2] {
  width: 350px;
  text-align: center;
  border-radius: 10px;
}
.logo[data-v-26084dc2] {
  font-size: 39px;
  font-weight: 800;
  text-align: center;

  display: block;
  height: 90px;
  margin: auto auto;
  margin-top: 35px;
  width: 270px;
}
.form-login[data-v-26084dc2] {
  width: 100%;
}
.btn-entrar[data-v-26084dc2] {
  width: 100%;
  margin: 0;
}
.btn-entrar[data-v-26084dc2]:hover {
  cursor: pointer;
  background-color: rgb(217, 223, 217);
}
.btn-entrar[data-v-26084dc2]:focus {
  outline: none;
}
.lembrar-senha[data-v-26084dc2] {
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
}
.nova-conta[data-v-26084dc2] {
  text-align: center;
  font-size: 12px;
}
.nova-conta a[data-v-26084dc2]:hover {
  text-align: center;
  font-size: 12px;
}

/* Estilos para mensagem PWA integrada */
.pwa-login-message[data-v-26084dc2] {
  margin-top: 16px;
  text-align: center;
}
.pwa-login-content[data-v-26084dc2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px 0;
}
.pwa-login-text[data-v-26084dc2] {
  font-size: 14px;
  color: #6c757d;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
}
.pwa-login-btn[data-v-26084dc2] {
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.01em;
  margin-top: 4px;
}
.pwa-mobile-hint[data-v-26084dc2] {
  margin-top: 8px;
  text-align: center;
  padding: 0 16px;
}
.pwa-mobile-hint small[data-v-26084dc2] {
  color: #9e9e9e;
  font-size: 11px;
  line-height: 1.3;
}

/* Responsividade para mobile */
@media (max-width: 768px) {
.pwa-login-content[data-v-26084dc2] {
    flex-direction: column;
    gap: 12px;
    text-align: center;
}
.pwa-login-text[data-v-26084dc2] {
    font-size: 13px;
}
.pwa-login-btn[data-v-26084dc2] {
    margin-top: 8px;
}
}

/* Ajustes para telas pequenas */
@media (max-width: 480px) {
.pwa-login-message[data-v-26084dc2] {
    margin-top: 12px;
}
.pwa-login-text[data-v-26084dc2] {
    font-size: 12px;
}
.pwa-login-btn[data-v-26084dc2] {
    font-size: 12px;
    margin-top: 6px;
}
}
div[data-v-26084dc2] {
  width: 100%;
}
@media only screen and (max-width: 400px) {
.box[data-v-26084dc2] {
    width: 0;
}
}

@charset "UTF-8";
#desconto-afiliado[data-v-a082de36] {
  background-color: #eeeeee;
  padding: 20px;
  width: 95%;
  border-radius: 10px;
  border: 1px dashed #d0d0d0;
  margin: 0 auto;
  text-align: center;
}
.texto-assinatura[data-v-a082de36] {
  font-size: 1.2em;
}
.box[data-v-a082de36] {
  border-radius: 10px;
}
.assinatura[data-v-a082de36] {
  max-width: 720px;
  margin: auto;
  /* margin-left: -55px; */
}
.card-assinatura-largo[data-v-a082de36] {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.stepper-assinatura[data-v-a082de36] {
  /* border: 1px solid rgba(0,0,0,0.06); */
  /* border-radius: 10px; */
  padding-bottom: 10px;
}
.stepper-assinatura .v-stepper__header[data-v-a082de36] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.stepper-assinatura .v-stepper__step[data-v-a082de36] {
  cursor: pointer;
}
.stepper-assinatura .v-stepper__content[data-v-a082de36] {
  padding-top: 0 !important;
  padding-bottom: 8px !important;
}
.resumo-rapido p[data-v-a082de36] {
  margin: 0 0 4px 0;
}
.aviso-assinatura[data-v-a082de36] {
  background: #f9fafb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 12px 14px;
  color: #424242;
  font-size: 0.95rem;
  text-align: center;
}
.botao-desabilitado-visivel[data-v-a082de36] {
  opacity: 0.6 !important;
  color: rgba(255, 255, 255, 0.95) !important;
}
.termos-label[data-v-a082de36] {
  color: rgba(0, 0, 0, 0.8);
}
.termos-link[data-v-a082de36] {
  color: #2e7d32 !important;
  text-decoration: underline;
}
.stepper-assinatura .v-input--selection-controls .v-label[data-v-a082de36] {
  opacity: 1 !important;
  color: rgba(0, 0, 0, 0.85) !important;
}

/* Seção de cartão profissional */
.secao-cartao[data-v-a082de36] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.bandeiras-cartao[data-v-a082de36] {
  display: flex;
  gap: 8px;
}
.bandeira[data-v-a082de36] {
  font-size: 9px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  background: white;
  color: #666;
  min-width: 50px;
  text-align: center;
  line-height: 1.1;
}
.bandeira.visa[data-v-a082de36] {
  color: #1a1f71;
  border-color: #1a1f71;
  background: #fff;
}
.bandeira.mastercard[data-v-a082de36] {
  color: #eb001b;
  border-color: #eb001b;
  background: #fff;
  text-transform: lowercase;
}
.bandeira.elo[data-v-a082de36] {
  color: #000;
  border-color: #000;
  background: #ffcb05;
  text-transform: lowercase;
}
.bandeira.diners[data-v-a082de36] {
  color: #0079be;
  border-color: #0079be;
  background: #fff;
  font-size: 8px;
}
.bandeira.discover[data-v-a082de36] {
  color: #ff6000;
  border-color: #ff6000;
  background: #fff;
}
.bandeira.amex[data-v-a082de36] {
  color: #006fcf;
  border-color: #006fcf;
  background: #fff;
  font-size: 7px;
  padding: 2px 4px;
}
.bandeira.hipercard[data-v-a082de36] {
  color: #d50000;
  border-color: #d50000;
  background: #fff;
  font-size: 8px;
}

/* Layout Compacto do Cartão */
.secao-cartao-compacta[data-v-a082de36] {
  border-radius: 8px;
  padding: 8px 12px 4px 12px;
  margin-bottom: 6px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.header-cartao-horizontal[data-v-a082de36] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}
.titulo-cartao-lado[data-v-a082de36] {
  flex: 1;
  min-width: 200px;
}
.titulo-secao-compacto[data-v-a082de36] {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  line-height: 1.2;
}
.subtitulo-compacto[data-v-a082de36] {
  color: #6c757d;
  font-size: 10px;
  margin: 0;
  line-height: 1.2;
}
.bandeiras-horizontal[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.bandeiras-label-compacto[data-v-a082de36] {
  font-size: 10px;
  font-weight: 500;
  color: #495057;
  white-space: nowrap;
}
.bandeiras-inline[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.bandeira-compacta-img[data-v-a082de36] {
  height: 20px;
  width: auto;
  max-width: 36px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.bandeira-compacta-img[data-v-a082de36]:hover {
  opacity: 1;
}
.campo-cartao[data-v-a082de36] {
  font-size: 16px;
  margin-bottom: 8px !important;
}
.campo-cartao .v-input__icon--prepend-inner[data-v-a082de36] {
  color: #6c757d !important;
}
.campo-cartao .v-field__outline[data-v-a082de36] {
  --v-field-border-width: 2px;
  --v-field-border-opacity: 0.12;
}
.campo-cartao .v-field--focused .v-field__outline[data-v-a082de36] {
  --v-field-border-opacity: 1;
  color: #008D36;
}

/* Campos Compactos */
.campo-cartao-compacto[data-v-a082de36] {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.campo-cartao-compacto .v-field[data-v-a082de36] {
  border-radius: 8px;
  transition: all 0.2s ease;
}
.campo-cartao-compacto .v-field[data-v-a082de36]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.campo-cartao-compacto .v-field--focused[data-v-a082de36] {
  box-shadow: 0 2px 12px rgba(25, 118, 210, 0.12);
}
.campo-cartao-compacto .v-field__input[data-v-a082de36] {
  font-size: 14px;
  font-weight: 500;
}
.campo-cartao-compacto .v-field__prepend-inner[data-v-a082de36] {
  padding-right: 8px;
}
.campo-cartao-compacto .v-field__prepend-inner .v-icon[data-v-a082de36] {
  color: #6c757d !important;
  font-size: 18px;
}

/* Bandeira Detectada Compacta */
.bandeira-identificada-compacta[data-v-a082de36] {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
}
.bandeira-detectada-mini[data-v-a082de36] {
  height: 14px;
  width: auto;
  max-width: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.bandeira-detectada-texto-mini[data-v-a082de36] {
  font-size: 11px;
  font-weight: 600;
  color: #696969;
}

/* Bandeira Detectada Original (mantido para compatibilidade) */
.bandeira-identificada[data-v-a082de36] {
  padding: 8px 12px;
  background: linear-gradient(135deg, #e8f5e8 0%, #f0f8f0 100%);
  border-radius: 8px;
  border-left: 4px solid #28a745;
}
.bandeira-detectada-img[data-v-a082de36] {
  height: 20px;
  width: auto;
  max-width: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.bandeira-detectada-texto[data-v-a082de36] {
  font-size: 12px;
  font-weight: 600;
  color: #28a745;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.form-compacto .v-input[data-v-a082de36] {
  margin-top: 0px !important;
}
.form-compacto .v-text-field input[data-v-a082de36] {
  padding-top: 4px !important;
}
.form-compacto .col[data-v-a082de36] {
  padding-top: 2px !important;
}
.titulo-secao[data-v-a082de36] {
  margin: 8px 0 6px 0;
  font-weight: 500;
}
.titulo-endereco-suave[data-v-a082de36] {
  font-size: 14px;
  font-weight: 400;
  color: #6c757d;
  margin: 6px 0 4px 0;
  border-left: 2px solid #e9ecef;
  padding-left: 8px;
  line-height: 1.2;
}

/* Resumo do Plano */
.resumo-plano-card[data-v-a082de36] {
  background: #fafafa;
  border-radius: 12px;
  padding: 16px 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.resumo-header[data-v-a082de36] {
  margin-bottom: 12px;
  text-align: center;
}
.resumo-titulo[data-v-a082de36] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  line-height: 1.3;
}
.resumo-conteudo[data-v-a082de36] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.plano-info[data-v-a082de36] {
  flex: 1;
  min-width: 200px;
}
.plano-nome[data-v-a082de36] {
  font-size: 16px;
  color: #2c3e50;
  margin-bottom: 4px;
}
.plano-ciclo[data-v-a082de36] {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 8px;
}
.plano-valor[data-v-a082de36] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.valor-destaque[data-v-a082de36] {
  font-size: 24px;
  font-weight: 700;
  color: #28a745;
}
.valor-periodo[data-v-a082de36] {
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
}
.beneficio-gratuito[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #e8f5e8 0%, #f0f8f0 100%);
  padding: 8px 12px;
  border-radius: 8px;
  border-left: 3px solid #28a745;
  font-size: 14px;
  font-weight: 500;
  color: #28a745;
}

/* Responsividade para mobile */
@media (max-width: 768px) {
.card-assinatura-largo[data-v-a082de36] {
    max-width: 100%;
    margin: 0 16px;
}
.secao-cartao-compacta[data-v-a082de36] {
    padding: 12px 16px;
    margin-bottom: 12px;
}
.header-cartao-horizontal[data-v-a082de36] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.titulo-cartao-lado[data-v-a082de36] {
    min-width: auto;
}
.titulo-secao-compacto[data-v-a082de36] {
    font-size: 18px;
}
.bandeiras-horizontal[data-v-a082de36] {
    justify-content: flex-start;
    gap: 8px;
}
.bandeiras-inline[data-v-a082de36] {
    gap: 6px;
}
.bandeira-compacta-img[data-v-a082de36] {
    height: 18px;
    max-width: 32px;
}
.campo-cartao-compacto .v-field__input[data-v-a082de36] {
    font-size: 16px; /* Evita zoom no iOS */
}
.resumo-plano-card[data-v-a082de36] {
    padding: 12px 16px;
}
.resumo-conteudo[data-v-a082de36] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.beneficio-gratuito[data-v-a082de36] {
    align-self: stretch;
    justify-content: center;
}
.valor-destaque[data-v-a082de36] {
    font-size: 20px;
}
}
.logo[data-v-a082de36] {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}
a[data-v-a082de36]:hover {
  text-decoration: underline !important;
}
.fundo-assinatura[data-v-a082de36] {
  /* background-color: red; */
  background-image: url(../../static/img/bg.80d18dae.jpg);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  width: 100% !important;
  min-height: 100vh !important;
  height: auto !important;
  padding: 0;
  margin: 0;
  position: relative;
}
.plano-escolhido[data-v-a082de36] {
  width: 80%;
  margin: 0 auto;
  background-color: rgba(0, 168, 45, 0.2274509804);
  border: 1px solid #00a82d;
  border-radius: 10px;
  padding: 20px;
}
.texto-plano[data-v-a082de36] {
  font-size: 1.3em;
}
.janela-resposta[data-v-a082de36] {
  padding: 40px;
  /* remove qualquer sombra do header */
  /* se o header vier com elevação utilitária, zere também */
  /* se o container do stepper (v-sheet) ainda projetar sombra, zere também */
}
.janela-resposta .mensagem[data-v-a082de36] {
  font-size: 1.4em;
  padding-bottom: 20px;
}
.janela-resposta .titulo[data-v-a082de36] {
  font-size: 2em;
  font-weight: 600;
  padding: 20px 0;
}
.janela-resposta .no-shadow-stepper[data-v-a082de36] .v-stepper__header {
  box-shadow: none !important;
}
.janela-resposta .no-shadow-stepper[data-v-a082de36] .v-stepper__header.elevation-1,
.janela-resposta .no-shadow-stepper[data-v-a082de36] .v-stepper__header.elevation-2,
.janela-resposta .no-shadow-stepper[data-v-a082de36] .v-stepper__header.elevation-3,
.janela-resposta .no-shadow-stepper[data-v-a082de36] .v-stepper__header.elevation-4,
.janela-resposta .no-shadow-stepper[data-v-a082de36] .elevation-1,
.janela-resposta .no-shadow-stepper[data-v-a082de36] .elevation-2,
.janela-resposta .no-shadow-stepper[data-v-a082de36] .elevation-3,
.janela-resposta .no-shadow-stepper[data-v-a082de36] .elevation-4 {
  box-shadow: none !important;
}
.janela-resposta .no-shadow-stepper[data-v-a082de36] .v-sheet.v-stepper {
  box-shadow: none !important;
}

/* Banner Informativo */
.banner-informativo[data-v-a082de36] {
  background: linear-gradient(135deg, #e8f5e8 0%, #f1f8e9 100%);
  border: 1px solid #008D36;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 20px;
  animation: slideInDown-a082de36 0.5s ease-out;
}
.banner-content[data-v-a082de36] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.banner-icon[data-v-a082de36] {
  font-size: 24px;
  margin-top: 2px;
  flex-shrink: 0;
}
.banner-texto[data-v-a082de36] {
  flex: 1;
}
.banner-titulo[data-v-a082de36] {
  font-size: 16px;
  font-weight: 600;
  color: #2e7d32;
  margin-bottom: 4px;
}
.banner-descricao[data-v-a082de36] {
  font-size: 14px;
  color: #388e3c;
  line-height: 1.4;
}
.banner-descricao strong[data-v-a082de36] {
  color: #1b5e20;
  font-weight: 600;
}

/* Animação do banner */
@keyframes slideInDown-a082de36 {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
/* Estilos para seleção de tipo de pagamento */
/* Estilos para abas de pagamento */
.tabs-pagamento[data-v-a082de36] {
  overflow: hidden;
  padding: 10px 0;
}
.tabs-pagamento .v-tabs-bar[data-v-a082de36] {
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
}
.tab-pagamento[data-v-a082de36] {
  font-weight: 500;
  font-size: 14px;
  text-transform: none !important;
  min-height: 48px;
  transition: all 0.3s ease;
  position: relative;
}
.tab-pagamento[data-v-a082de36]:not(.disabled) {
  color: #666 !important;
}
.tab-pagamento[data-v-a082de36]:not(.disabled):hover {
  background: rgba(25, 118, 210, 0.04);
  color: #008D36 !important;
}
.tab-pagamento.v-tab--active[data-v-a082de36] {
  color: #008D36 !important;
  background: white;
  font-weight: 600;
}
.tab-pagamento.disabled[data-v-a082de36] {
  opacity: 0.5;
  cursor: not-allowed;
  color: #999 !important;
}
.tab-pagamento.disabled[data-v-a082de36]:hover {
  background: transparent !important;
  color: #999 !important;
}

/* Slider personalizado para as abas */
.tabs-pagamento .v-tabs-slider[data-v-a082de36] {
  height: 3px !important;
  background: linear-gradient(135deg, #008D36 0%, #03ab43 100%) !important;
  border-radius: 2px;
}

/* Conteúdo das abas */
.tabs-pagamento .v-tabs-items[data-v-a082de36] {
  background: white;
  border-radius: 0 0 8px 8px;
}

/* Estilos para card de resumo da assinatura */
.resumo-assinatura-card[data-v-a082de36] {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.resumo-assinatura-header[data-v-a082de36] {
  background: linear-gradient(135deg, #008D36 0%, #03ab43 100%);
  color: white;
  padding: 16px 20px;
  border-radius: 12px 12px 0 0;
}
.resumo-assinatura-titulo[data-v-a082de36] {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.resumo-assinatura-content[data-v-a082de36] {
  padding: 20px;
}
.plano-info[data-v-a082de36] {
  flex: 1;
}
.plano-nome[data-v-a082de36] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
}
.plano-ciclo[data-v-a082de36] {
  font-size: 14px;
  color: #666;
}
.plano-valor[data-v-a082de36] {
  text-align: right;
}
.valor-destaque[data-v-a082de36] {
  font-size: 24px;
  font-weight: 700;
  color: #008D36;
}
.valor-periodo[data-v-a082de36] {
  font-size: 14px;
  color: #666;
  margin-left: 4px;
}

/* Estilos para valor com desconto */
.valor-com-desconto[data-v-a082de36] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.valor-original[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.valor-riscado[data-v-a082de36] {
  font-size: 18px;
  color: #999;
  text-decoration: line-through;
  font-weight: 500;
}
.desconto-badge[data-v-a082de36] {
  background: #ff4444;
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
.valor-final[data-v-a082de36] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.economia-info[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #28a745;
  font-weight: 500;
}
.valor-sem-desconto[data-v-a082de36] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

/* Estilos para resumo compacto no Step 3 */
.resumo-valor-step3[data-v-a082de36] {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.resumo-valor-header[data-v-a082de36] {
  margin-bottom: 12px;
}
.resumo-valor-titulo[data-v-a082de36] {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.resumo-valor-conteudo[data-v-a082de36] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.plano-info-compacta[data-v-a082de36] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.plano-nome-compacto[data-v-a082de36] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.plano-periodo-compacto[data-v-a082de36] {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}
.plano-valor-compacto[data-v-a082de36] {
  text-align: right;
}
.valor-com-desconto-compacto[data-v-a082de36] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
}
.valor-original-compacto[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.valor-riscado-compacto[data-v-a082de36] {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
  font-weight: 500;
}
.desconto-badge-compacto[data-v-a082de36] {
  background: #ff4444;
  color: white;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
}
.valor-final-compacto[data-v-a082de36] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.valor-destaque-compacto[data-v-a082de36] {
  font-size: 18px;
  font-weight: 700;
  color: #28a745;
}
.valor-periodo-compacto[data-v-a082de36] {
  font-size: 12px;
  color: #666;
}
.economia-compacta[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #28a745;
  font-weight: 500;
}
.valor-sem-desconto-compacto[data-v-a082de36] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.beneficio-compacto[data-v-a082de36] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #666;
  font-weight: 500;
  padding-top: 8px;
  border-top: 1px solid #e0e0e0;
}
.desconto-afiliado-card[data-v-a082de36] {
  background: linear-gradient(135deg, #e8f5e8 0%, #f1f8e9 100%);
  border: 1px solid #008D36;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 12px 0;
  display: flex;
  align-items: center;
}
.desconto-texto[data-v-a082de36] {
  color: #2e7d32;
  font-size: 14px;
}
.beneficio-gratuito-card[data-v-a082de36] {
  background: linear-gradient(135deg, #fff3e0 0%, #fce4ec 100%);
  border: 1px solid #ff9800;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 12px 0;
  display: flex;
  align-items: center;
  color: #e65100;
  font-size: 14px;
  font-weight: 500;
}
.aviso-cobranca[data-v-a082de36] {
  background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
  border: 1px solid #2196f3;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 12px 0;
  display: flex;
  align-items: center;
  color: #1565c0;
  font-size: 13px;
  font-style: italic;
}

/* Animações suaves */
.v-stepper__content[data-v-a082de36] {
  transition: all 0.3s ease;
}
.v-card[data-v-a082de36] {
  transition: all 0.3s ease;
}
.v-card[data-v-a082de36]:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Responsividade para mobile */
@media (max-width: 768px) {
.banner-informativo[data-v-a082de36] {
    padding: 12px 16px;
    margin-bottom: 16px;
}
.banner-content[data-v-a082de36] {
    gap: 10px;
}
.banner-icon[data-v-a082de36] {
    font-size: 20px;
}
.banner-titulo[data-v-a082de36] {
    font-size: 14px;
}
.banner-descricao[data-v-a082de36] {
    font-size: 13px;
}
.tab-pagamento[data-v-a082de36] {
    font-size: 12px;
    min-height: 44px;
    padding: 0 8px;
}
.tab-pagamento .v-icon[data-v-a082de36] {
    font-size: 18px !important;
}
.tab-pagamento .v-chip[data-v-a082de36] {
    font-size: 10px !important;
    height: 16px !important;
}
.resumo-assinatura-content[data-v-a082de36] {
    padding: 16px;
}
.valor-destaque[data-v-a082de36] {
    font-size: 20px;
}
.d-flex.justify-space-between[data-v-a082de36] {
    flex-direction: column;
    gap: 12px;
}
.d-flex.justify-space-between > div[data-v-a082de36] {
    width: 100%;
    display: flex;
    justify-content: center;
}
}
/* Estilos para o checkbox dos termos */
.termos-checkbox[data-v-a082de36] {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
}
.termos-texto[data-v-a082de36] {
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
}
.link-termos[data-v-a082de36] {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}
.link-termos[data-v-a082de36]:hover {
  text-decoration: underline;
  color: #0056b3;
}

.quantidade-votos[data-v-2eeec81e] {
  font-size: 18px;
  font-weight: 200;
}
.category[data-v-2eeec81e] {
  font-size: 1.2em;
}
.md-card[data-v-2eeec81e] {
  box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 10%);
  border-radius: 8px;
}
.sem-dados[data-v-2eeec81e] {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.mensagem-sem-dados[data-v-2eeec81e] {
  display: flex;
  position: absolute;
  margin-top: 110px;
  font-size: 16px;
  font-weight: 600;
  color: #484848;
}
.espacamento-com-borda[data-v-2eeec81e] {
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 55px;
  margin: 15px;
  box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
}
.espacamento-com-borda.dark[data-v-2eeec81e],
.md-card.dark[data-v-2eeec81e] {
  background: #1b1b1b;
}
.totalizador-valor[data-v-2eeec81e] {
  font-size: 22px;
  font-weight: 600;
  color: #686868;
}


.quantidade-votos[data-v-da2d1fbe] {
  font-size: 18px;
  font-weight: 200;
}
.category[data-v-da2d1fbe] {
  font-size: 1.2em;
}
.md-card[data-v-da2d1fbe] {
  box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 10%);
  border-radius: 8px;
}
.sem-dados[data-v-da2d1fbe] {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.mensagem-sem-dados[data-v-da2d1fbe] {
  display: flex;
  position: absolute;
  margin-top: 110px;
  font-size: 16px;
  font-weight: 600;
  color: #484848;
}
.espacamento-com-borda[data-v-da2d1fbe] {
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 55px;
  margin: 15px;
  box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
}
.espacamento-com-borda.dark[data-v-da2d1fbe],
.md-card.dark[data-v-da2d1fbe] {
  background: #1b1b1b;
}
.totalizador-valor[data-v-da2d1fbe] {
  font-size: 22px;
  font-weight: 600;
  color: #686868;
}


/* .v-card__title.headline {
  justify-content: center;
  align-content: center;
} */
div.v-card__text[data-v-57c3f0ed] {
  margin-top: 15px;
  text-align: end;
}


.controls[data-v-88e36e74] {
  position: relative;
}
.tamanho-informacao[data-v-88e36e74] {
  font-size: 18px;
  font-weight: 600;
}
.titulo-agendamento[data-v-88e36e74] {
  color: #fff;
  font-size: 22px;
}
div.v-list-item[data-v-88e36e74] {
  border-bottom: 1px solid #ddd;
}

.v-card > *[data-v-03fd755e]:first-child:not(.v-btn):not(.v-chip),
.v-card > .v-card__progress + *[data-v-03fd755e]:not(.v-btn):not(.v-chip),
div.container[data-v-03fd755e] {
  padding-bottom: 0;
}

.tamanho-tab-cadastro[data-v-4a0e384e] {
  min-height: 300px;
}
.alinhamento[data-v-4a0e384e] {
  text-align: end;
}
form[data-v-4a0e384e] {
  width: 100%;
}
.mensagem-validacao[data-v-4a0e384e] {
  color: red;
}
.endereco-expansivel[data-v-4a0e384e] {
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  margin: 2px;
  background: #fff;
}
.totalizador[data-v-4a0e384e] {
  padding: 0 10px;
  height: 25px;
}
.loading-titulo[data-v-4a0e384e] {
  font-size: 1.2em;
  font-weight: 400;
}


.tamanho-tab-cadastro[data-v-268e4c28] {
  min-height: 300px;
}
.alinhamento[data-v-268e4c28] {
  text-align: end;
}
form[data-v-268e4c28] {
  width: 100%;
}
.mensagem-validacao[data-v-268e4c28] {
  color: red;
}
.endereco-expansivel[data-v-268e4c28] {
  border: 1px solid #ddd;
  width: 100%;
  margin: 2px;
  background: #fff;
}
.totalizador[data-v-268e4c28] {
  padding: 6px;
  height: 21px;
}


.mensagem-embreve[data-v-35cc21a6] {
  text-align: center;
}
.titulo-embreve[data-v-35cc21a6] {
  color: #00a82d;
}
.texto-embreve[data-v-35cc21a6] {
  font-size: 15px;
}

div.tox-statusbar {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.tox-toolbar .tox-toolbar__group:first-child {
  background-color: #fff;
  box-shadow: 0 0 12px 0 rgba(50, 50, 50, 0.1);
  padding: 5px;
}
.tox-menu.tox-collection.tox-collection--list {
  border-top: 2px solid #10235A;
}
.tox.tox-tinymce {
  border: none;
}
div.tox.tox-tinymce {
  border-left: none;
  border-right: none;
  width: 100%;
}

/*
[dir] .tox-toolbar .tox-toolbar__group:first-child{
   width: 100%;
}
*/
.tox-toolbar {
  border: none;
}
div.tox-toolbar__group {
  width: 100%;
}
.tox-toolbar .tox-toolbar__group:first-child {
  border: none;
}
div .tox .tox-toolbar {
  margin: 10px 2px 10px 2px;
  border: none;
  background: none;
  background-color: #fff;
  width: 100%;
  padding-right: 4px;
}
div.tox .tox-toolbar__primary {
  background-image: none;
}
div.tox-sidebar-wrap > .tox-edit-area {
  box-shadow: 0 0 12px 0 rgba(50, 50, 50, 0.12);
  margin-left: 2px;
  margin-right: 2px;
}
div.tox-sidebar-wrap > .tox-edit-area.focus {
  box-shadow: 0 0 2px 0 primary;
  margin-left: 2px;
  margin-right: 2px;
}
.tox-tinymce > div.tox-statusbar {
  box-shadow: 0 0 12px 0 rgba(50, 50, 50, 0.12);
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 4px;
  border-top: none;
}
.tox-tinymce > div.tox-statusbar.focus {
  box-shadow: 0 0 2px 0 primary;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 4px;
  border-top: none;
}
.tox.tox-silver-sink.tox-tinymce-aux {
  z-index: 999999;
}
div.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: none;
}
.tox-menu.tox-collection.tox-collection--list {
  border-top: 2px solid primary;
}
.tox-statusbar > .tox-statusbar__text-container > .tox-statusbar__path {
  display: none;
}
.tox .tox-autocompleter .tox-autocompleter-highlight {
  background: primary;
  color: #343434;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  margin: 2px;
}
element.style {
  padding: 0;
}
#editor-tinemce-bimer-app > div > div {
  padding: 0;
}
div.tox .tox-dialog {
  max-width: 550px;
}
@media only screen and (max-width: 1263px) {
.tox-toolbar .tox-toolbar__group:first-child {
    margin-right: 5px;
}
}

.nav-buttons[data-v-67c6192e] {
  display: flex;
  align-items: center;
}
.nav-buttons .v-btn[data-v-67c6192e] {
  text-transform: none;
  font-weight: 500;
}

/* Responsividade para telas menores */
@media (max-width: 768px) {
.d-flex.justify-space-between[data-v-67c6192e] {
    flex-direction: column;
    align-items: flex-start;
}
.nav-buttons[data-v-67c6192e] {
    margin-top: 16px;
    width: 100%;
}
.nav-buttons .v-btn[data-v-67c6192e] {
    flex: 1;
    margin-right: 8px;
}
.nav-buttons .v-btn[data-v-67c6192e]:last-child {
    margin-right: 0;
}
}


.loading-titulo[data-v-49930324] {
  color: #666;
  font-size: 1.2rem;
}
.file-upload-section[data-v-49930324] {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px;
  background: #fafafa;
  padding-bottom: 20px;
}
.file-input-compact .v-input__slot[data-v-49930324] {
  min-height: 40px !important;
}
.file-input-compact .v-input__control[data-v-49930324] {
  min-height: 40px !important;
}
.file-display .v-card[data-v-49930324] {
  border: 2px solid #4caf50;
  background: #f1f8e9;
}
.close-btn[data-v-49930324] {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.2s ease !important;
}
.close-btn[data-v-49930324]:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.close-btn[data-v-49930324]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.close-btn .v-icon[data-v-49930324] {
  color: white !important;
}
.prioridade-select .v-input__slot[data-v-49930324] {
  min-height: 40px;
}
.prioridade-select .v-select__selections[data-v-49930324] {
  padding: 8px 0;
}

/* Estilo para o select de status */
.status-select .v-input__slot[data-v-49930324] {
  min-height: 40px;
}
.status-select .v-select__selections[data-v-49930324] {
  padding: 8px 0;
}


.color-picker-avancado[data-v-1d076e46] {
  width: 100%;
  max-width: 100%;
}
.color-picker-container[data-v-1d076e46] {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.color-spectrum-container[data-v-1d076e46] {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: flex-start;
}
.color-spectrum[data-v-1d076e46] {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  position: relative;
  cursor: crosshair;
  background: 
    linear-gradient(to top, #000, transparent),
    linear-gradient(to right, 
      #ff0000 0%, #ffff00 17%, #00ff00 33%, 
      #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.spectrum-thumb[data-v-1d076e46] {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.saturation-slider-container[data-v-1d076e46] {
  width: 16px;
  height: 120px;
}
.saturation-slider[data-v-1d076e46] {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  position: relative;
  cursor: pointer;
}
.saturation-thumb[data-v-1d076e46] {
  position: absolute;
  width: 16px;
  height: 8px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.color-controls[data-v-1d076e46] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-height: 100%;
  overflow: hidden;
}
.color-inputs[data-v-1d076e46] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.input-group[data-v-1d076e46] {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.input-group label[data-v-1d076e46] {
  font-weight: 500;
  font-size: 9px;
  color: #333;
  margin-bottom: 1px;
}
.rgb-inputs[data-v-1d076e46] {
  display: flex;
  gap: 2px;
}
.rgb-inputs .v-text-field[data-v-1d076e46] {
  flex: 1;
}
.basic-colors[data-v-1d076e46] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #eee;
}
.basic-colors label[data-v-1d076e46] {
  font-weight: 500;
  font-size: 9px;
  color: #333;
  margin-bottom: 1px;
}
.color-grid[data-v-1d076e46] {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 2px;
}
.basic-color-swatch[data-v-1d076e46] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: transform 0.1s ease;
}
.basic-color-swatch[data-v-1d076e46]:hover {
  transform: scale(1.1);
  border-color: #999;
}

/* Responsividade */
@media (max-width: 768px) {
.color-picker-container[data-v-1d076e46] {
    flex-direction: column;
    align-items: center;
}
.color-spectrum[data-v-1d076e46] {
    width: 150px;
    height: 150px;
}
.saturation-slider-container[data-v-1d076e46] {
    height: 150px;
}
}


.onboarding-hero-image[data-v-058fb766] {
  width: 360px;
  height: auto;
}
[data-v-058fb766] .v-treeview-node__root .v-treeview-node--active .primary--text {
  cursor: pointer !important;
}
[data-v-058fb766] .v-treeview-node__root{
  cursor: pointer !important;
}
.folder-treeview[data-v-058fb766] {
  max-height: 70vh;
  overflow-y: auto;
}
.folder-treeview .v-treeview-node__root[data-v-058fb766] {
  padding: 4px 0;
  cursor: pointer;
}
.folder-treeview .v-treeview-node__content[data-v-058fb766] {
  padding: 8px 12px;
  border-radius: 4px;
  margin: 2px 0;
}
.folder-treeview .v-treeview-node__content[data-v-058fb766]:hover {
  background-color: rgba(33, 150, 243, 0.1);
}
.folder-treeview .v-treeview-node--active .v-treeview-node__content[data-v-058fb766] {
  background-color: rgba(33, 150, 243, 0.2);
}

  /* Estilo para linhas clicáveis da tabela */
[data-v-058fb766] .v-data-table tbody tr {
  cursor: pointer;
}
[data-v-058fb766] .v-data-table tbody tr:hover {
  background-color: rgba(33, 150, 243, 0.05) !important;
}

/* Estilos para botões desabilitados */
.btn-disabled-custom[data-v-058fb766] {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.btn-disabled-custom[data-v-058fb766]:hover {
  cursor: not-allowed !important;
}
.btn-disabled-custom.v-btn--disabled[data-v-058fb766] {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.icon-disabled-custom[data-v-058fb766] {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* Sobrescrever estilos do Vuetify para botões desabilitados */
[data-v-058fb766] .btn-disabled-custom.v-btn {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
[data-v-058fb766] .btn-disabled-custom.v-btn:hover {
  cursor: not-allowed !important;
}


.historico-oficio[data-v-851706b2] {
  max-width: 100%;
}
.historico-timeline[data-v-851706b2] {
  margin-left: 8px;
}
.historico-item[data-v-851706b2] .v-timeline-item__body {
  padding-bottom: 24px !important;
}
.alteracao-item[data-v-851706b2] {
  border-left: 3px solid #e0e0e0;
  padding-left: 8px;
}
.alteracao-campo[data-v-851706b2] {
  border-left: 3px solid #e0e0e0;
  padding-left: 8px;
}
.detalhes-tecnicos[data-v-851706b2] {
  background-color: #fafafa;
  border-radius: 4px;
  padding: 8px;
  margin-top: 8px;
}
.status-detalhes[data-v-851706b2] {
  background-color: #f3f4f6;
  border-radius: 4px;
  padding: 8px;
}

/* Responsividade */
@media (max-width: 600px) {
.historico-timeline[data-v-851706b2] {
    margin-left: 0;
}
.alteracao-item[data-v-851706b2] {
    margin-bottom: 8px;
}
.d-flex.justify-space-between[data-v-851706b2] {
    flex-direction: column;
    align-items: flex-start;
}
.d-flex.justify-space-between .caption[data-v-851706b2] {
    margin-top: 8px;
}
}

/* Melhorar a aparência da timeline em dispositivos pequenos */
@media (max-width: 400px) {
.historico-item[data-v-851706b2] .v-timeline-item__dot {
    margin-left: -2px;
}
}
.v-theme--light > .card-historico[data-v-851706b2] {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}


.v-btn[data-v-2312ee8a] {
  min-height: 48px;
}


.loading-titulo[data-v-4c18f5fc] {
  font-size: 1.2rem;
}
.titulo[data-v-4c18f5fc] {
  font-weight: 600;
}
.info-section[data-v-4c18f5fc] {
  margin-bottom: 6px;
}
.info-label[data-v-4c18f5fc] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 1px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #666;
}
.info-value[data-v-4c18f5fc] {
  font-size: 0.85rem;
  line-height: 1.1;
  margin: 0;
  color: #333;
}



/* Responsividade */
@media (max-width: 768px) {
.d-flex.justify-space-between[data-v-4c18f5fc] {
    flex-direction: column;
    align-items: flex-start;
}
.d-flex.justify-space-between > div[data-v-4c18f5fc]:last-child {
    margin-top: 16px;
    width: 100%;
    justify-content: flex-start;
}
}

/* Estilo para o select de status */
.status-select .v-input__slot[data-v-4c18f5fc] {
  min-height: 40px;
}
.status-select .v-select__selections[data-v-4c18f5fc] {
  padding: 8px 0;
}

/* Reduzir espaçamento geral */
.v-card-text[data-v-4c18f5fc] {
  padding: 12px !important;
}
.v-card-title[data-v-4c18f5fc] {
  padding: 12px 16px 8px 16px !important;
}

/* Espaçamento mais compacto para rows */
.v-row[data-v-4c18f5fc] {
  margin: -4px !important;
}
.v-col[data-v-4c18f5fc] {
  padding: 4px !important;
}

/* Status no cabeçalho */
.status-header[data-v-4c18f5fc] {
  background: rgba(0, 0, 0, 0.05);
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}


.mensagem-embreve[data-v-4553f1c2]{
  text-align: center;
}
.titulo-embreve[data-v-4553f1c2]{
  color: #00A82D;
}
.texto-embreve[data-v-4553f1c2]{
  font-size: 15px;
}


.mensagem-embreve[data-v-6e8c6f00]{
  text-align: center;
}
.titulo-embreve[data-v-6e8c6f00]{
  color: #00A82D;
}
.texto-embreve[data-v-6e8c6f00]{
  font-size: 15px;
}


.tamanho-tab-cadastro[data-v-232e406a] {
  min-height: 300px;
}
div.descricao[data-v-232e406a] {
  margin-bottom: 10px;
}


/* === FILTROS PROFISSIONAIS === */

/* Card principal */
.filter-card[data-v-1c083dd5] {
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  background: #ffffff;
  transition: all 0.2s ease;
}
.filter-card[data-v-1c083dd5]:hover {
  border-color: #e2e8f0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
.v-card-text[data-v-1c083dd5] {
  background: linear-gradient(135deg, #fafbfc 0%, #f7f9fb 100%);
  border-radius: 12px;
}



/* Estilo dos botões pequenos */
.v-btn--small[data-v-1c083dd5] {
  height: 36px !important;
  min-width: 90px !important;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
}



/* Primary button */
.v-btn.primary[data-v-1c083dd5] {
  background: linear-gradient(135deg, #00A82D 0%, #008A24 100%) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 168, 45, 0.3) !important;
}
.v-btn.primary[data-v-1c083dd5]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 168, 45, 0.4) !important;
}

/* Outlined button */
.v-btn[outlined][data-v-1c083dd5] {
  border: 1.5px solid #e2e8f0 !important;
  color: #64748b !important;
  background: #ffffff !important;
}
.v-btn[outlined][data-v-1c083dd5]:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

/* Estilo dos campos de input */
.v-input--dense .v-input__control[data-v-1c083dd5] {
  min-height: 44px !important;
}
.v-text-field.v-text-field--outlined > .v-input__control > .v-input__slot[data-v-1c083dd5] {
  border-color: #e2e8f0 !important;
  background: #ffffff !important;
}
.v-text-field.v-text-field--outlined:not(.v-input--is-disabled):not(.v-input--has-state) > .v-input__control > .v-input__slot[data-v-1c083dd5]:hover {
  border-color: #cbd5e1 !important;
}
.v-text-field.v-text-field--outlined.v-input--is-focused > .v-input__control > .v-input__slot[data-v-1c083dd5] {
  border-color: #00A82D !important;
  border-width: 2px !important;
}

/* Labels */
.v-label[data-v-1c083dd5] {
  color: #64748b !important;
  font-weight: 500 !important;
}

/* Estilo da mensagem informativa */
.info-message[data-v-1c083dd5] {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid #00A82D !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 16px !important;
}
.info-content[data-v-1c083dd5] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.info-text[data-v-1c083dd5] {
  flex: 1 !important;
}
.info-text strong[data-v-1c083dd5] {
  color: #1e293b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.info-text .text-caption[data-v-1c083dd5] {
  color: #64748b !important;
  line-height: 1.5 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}
.info-icon[data-v-1c083dd5] {
  margin-right: 16px !important;
  display: flex !important;
  align-items: center !important;
}
.info-icon .v-icon[data-v-1c083dd5] {
  font-size: 24px !important;
  color: #00A82D !important;
}

/* Dark mode styles */
.theme--dark .filter-card[data-v-1c083dd5] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}
.theme--dark .info-message[data-v-1c083dd5] {
  background: #2d2d2d !important;
  border: 1px solid #424242 !important;
  border-left: 4px solid #00A82D !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.theme--dark .info-text strong[data-v-1c083dd5] {
  color: #ffffff !important;
}
.theme--dark .info-text .text-caption[data-v-1c083dd5] {
  color: #b0b0b0 !important;
}
.theme--dark .info-icon .v-icon[data-v-1c083dd5] {
  color: #00A82D !important;
}

/* Dark mode para campos de input */
.theme--dark .v-text-field.v-text-field--outlined > .v-input__control > .v-input__slot[data-v-1c083dd5] {
  background: #2d2d2d !important;
  border-color: #424242 !important;
}
.theme--dark .v-text-field.v-text-field--outlined:not(.v-input--is-disabled):not(.v-input--has-state) > .v-input__control > .v-input__slot[data-v-1c083dd5]:hover {
  border-color: #666666 !important;
}
.theme--dark .v-text-field.v-text-field--outlined.v-input--is-focused > .v-input__control > .v-input__slot[data-v-1c083dd5] {
  border-color: #00A82D !important;
}
.theme--dark .v-label[data-v-1c083dd5] {
  color: #b0b0b0 !important;
}
.theme--dark .v-label--active[data-v-1c083dd5] {
  color: #00A82D !important;
}
.theme--dark .v-select__selection[data-v-1c083dd5] {
  color: #ffffff !important;
}
.theme--dark .v-input__prepend-inner .v-icon[data-v-1c083dd5] {
  color: #b0b0b0 !important;
}
.theme--dark .v-input--is-focused .v-input__prepend-inner .v-icon[data-v-1c083dd5] {
  color: #00A82D !important;
}
.v-label--active[data-v-1c083dd5] {
  color: #00A82D !important;
}

/* Ajustar ícones dos campos */
.v-input__prepend-inner .v-icon[data-v-1c083dd5] {
  margin-top: 8px;
  color: #94a3b8 !important;
}
.v-input--is-focused .v-input__prepend-inner .v-icon[data-v-1c083dd5] {
  color: #00A82D !important;
}

/* Melhorar aparência dos selects */
.v-select__selection[data-v-1c083dd5] {
  color: #1e293b !important;
  font-weight: 500 !important;
}

/* Placeholder text */
.v-select__slot input[data-v-1c083dd5]::-moz-placeholder {
  color: #94a3b8 !important;
  font-style: italic;
}
.v-select__slot input[data-v-1c083dd5]::placeholder {
  color: #94a3b8 !important;
  font-style: italic;
}








/* === ESTATÍSTICAS PROFISSIONAIS === */

/* Row de estatísticas */
.stats-row[data-v-d069e196] {
  margin: 0 !important;
}

/* Stats Cards */
.stats-card[data-v-d069e196] {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  transition: all 0.2s ease;
  height: 100%;
  min-height: 90px;
}
.stats-card[data-v-d069e196]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}
.stats-content[data-v-d069e196] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: auto;
  text-align: left;
}
.stats-icon-wrapper[data-v-d069e196] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.stats-icon-wrapper.participation[data-v-d069e196] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.stats-icon-wrapper.abstention[data-v-d069e196] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.stats-icon-wrapper.coefficient[data-v-d069e196] {
  background: linear-gradient(135deg, #00A82D 0%, #008A24 100%);
}
.stats-icon-wrapper.cutoff[data-v-d069e196] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}
.stats-icon[data-v-d069e196] {
  color: white;
  font-size: 24px;
}
.stats-info[data-v-d069e196] {
  flex: 1;
  min-width: 0;
}
.stats-value[data-v-d069e196] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.1;
  margin-bottom: 3px;
  white-space: nowrap;
}
.stats-label[data-v-d069e196] {
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.stats-detail[data-v-d069e196] {
  font-size: 11px;
  color: #94a3b8;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}





/* Garantir altura consistente em todas as resoluções */
@media (min-width: 1264px) {
.stats-card[data-v-d069e196] {
    min-height: 140px;
}
.stats-value[data-v-d069e196] {
    font-size: 18px;
}
}
@media (max-width: 1263px) and (min-width: 960px) {
.stats-card[data-v-d069e196] {
    min-height: 85px;
}
.stats-value[data-v-d069e196] {
    font-size: 18px;
}
}
@media (max-width: 959px) and (min-width: 600px) {
.stats-card[data-v-d069e196] {
    min-height: 80px;
}
.stats-row .v-col[data-v-d069e196] {
    padding: 8px !important;
}
}
@media (max-width: 599px) {
.stats-card[data-v-d069e196] {
    min-height: 75px;
    margin-bottom: 8px;
}
.stats-row .v-col[data-v-d069e196] {
    padding: 4px !important;
}
.stats-content[data-v-d069e196] {
    gap: 12px;
}
.stats-icon-wrapper[data-v-d069e196] {
    width: 48px;
    height: 48px;
}
.stats-icon[data-v-d069e196] {
    font-size: 22px;
}
}


/* Remover limitação de altura e adicionar espaçamento */
.v-data-table[data-v-51f72004] {
  margin-bottom: 16px;
}
.v-data-table[data-v-51f72004] .v-data-table__wrapper {
  padding-bottom: 8px;
}

/* Estilo para tornar a tabela mais legível */
.v-data-table[data-v-51f72004] tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

/* Estilo para candidatos não eleitos */
.v-data-table[data-v-51f72004] tbody tr.candidato-nao-eleito {
  opacity: 0.7;
}
.v-data-table[data-v-51f72004] tbody tr.candidato-nao-eleito:hover {
  opacity: 1;
}

/* Melhorar o alinhamento dos chips */
.v-chip[data-v-51f72004] {
  margin: 2px 0;
}

/* Garantir espaçamento adequado na última linha */
.v-data-table[data-v-51f72004] tbody tr:last-child td {
  padding-bottom: 16px !important;
}


.cursor-pointer[data-v-5c4bc874] {
  cursor: pointer;
}
.cursor-pointer[data-v-5c4bc874]:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.headline[data-v-5c4bc874] {
  line-height: 1.2;
}
.caption[data-v-5c4bc874] {
  opacity: 0.8;
}
.body-2[data-v-5c4bc874] {
  margin-top: 4px;
  font-weight: 500;
}
.subtitle-1[data-v-5c4bc874] {
  font-size: 14px !important;
  font-weight: 600;
}

/* === CARDS DE ESTATÍSTICAS DO GRÁFICO === */

/* Card do gráfico */
.chart-card[data-v-5c4bc874] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
}
.chart-title[data-v-5c4bc874] {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  font-size: 16px;
  font-weight: 500;
  color: #2c3e50;
}

/* Dark mode para o card do gráfico */
.theme--dark .chart-card[data-v-5c4bc874] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}
.theme--dark .chart-title[data-v-5c4bc874] {
  background: #2d2d2d !important;
  border-bottom: 1px solid #424242 !important;
  color: #ffffff !important;
}

/* Row de estatísticas do gráfico */
.chart-stats-row[data-v-5c4bc874] {
  margin: 0 !important;
}

/* Cards de estatísticas */
.chart-stats-card[data-v-5c4bc874] {
  border-radius: 10px;
  transition: all 0.2s ease;
  height: 100%;
  min-height: 100px;
}
.chart-stats-card[data-v-5c4bc874]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}
.chart-stats-value[data-v-5c4bc874] {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 4px;
  white-space: nowrap;
}
.chart-stats-label[data-v-5c4bc874] {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.9;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.chart-stats-detail[data-v-5c4bc874] {
  font-size: 10px;
  font-weight: 400;
  opacity: 0.8;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Responsividade */
@media (max-width: 959px) and (min-width: 600px) {
.chart-stats-card[data-v-5c4bc874] {
    min-height: 90px;
}
.chart-stats-value[data-v-5c4bc874] {
    font-size: 18px;
}
.chart-stats-row .v-col[data-v-5c4bc874] {
    padding: 8px !important;
}
}

/* Dark mode para legenda e outros elementos */
.theme--dark .v-card[outlined][data-v-5c4bc874] {
  background: #2d2d2d !important;
  border: 1px solid #424242 !important;
}
.theme--dark .v-card-title[data-v-5c4bc874] {
  color: #ffffff !important;
}
.theme--dark .v-list-item-title[data-v-5c4bc874] {
  color: #ffffff !important;
}
.theme--dark .v-list-item-subtitle[data-v-5c4bc874] {
  color: #b0b0b0 !important;
}
.theme--dark .text--secondary[data-v-5c4bc874] {
  color: #b0b0b0 !important;
}
.theme--dark .body-2[data-v-5c4bc874] {
  color: #ffffff !important;
}
.theme--dark .caption[data-v-5c4bc874] {
  color: #b0b0b0 !important;
}
@media (max-width: 599px) {
.chart-stats-card[data-v-5c4bc874] {
    min-height: 100px;
    margin-bottom: 8px;
}
.chart-stats-value[data-v-5c4bc874] {
    font-size: 24px;
}
.chart-stats-label[data-v-5c4bc874] {
    font-size: 12px;
}
.chart-stats-detail[data-v-5c4bc874] {
    font-size: 11px;
}
.chart-stats-row .v-col[data-v-5c4bc874] {
    padding: 4px !important;
}
}


.display-1[data-v-ed931f6c] {
  line-height: 1.2;
}
.v-progress-circular[data-v-ed931f6c] {
  font-size: 12px;
  font-weight: bold;
}
.v-card[data-v-ed931f6c] {
  transition: all 0.3s ease;
}
.v-avatar[data-v-ed931f6c] {
  flex-shrink: 0;
}
.body-1 p[data-v-ed931f6c] {
  text-align: justify;
}
.caption[data-v-ed931f6c] {
  opacity: 0.8;
}

/* Table container with horizontal scroll */
.table-container[data-v-ed931f6c] {
  overflow-x: auto;
  max-width: 100%;
  position: relative;
}
.table-container[data-v-ed931f6c]::-webkit-scrollbar {
  height: 8px;
}
.table-container[data-v-ed931f6c]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.table-container[data-v-ed931f6c]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.table-container[data-v-ed931f6c]::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Dark mode scrollbar */
.theme--dark .table-container[data-v-ed931f6c]::-webkit-scrollbar-track {
  background: #424242;
}
.theme--dark .table-container[data-v-ed931f6c]::-webkit-scrollbar-thumb {
  background: #666;
}
.theme--dark .table-container[data-v-ed931f6c]::-webkit-scrollbar-thumb:hover {
  background: #888;
}
.table-container .v-data-table[data-v-ed931f6c] {
  min-width: 600px;
}
.table-container .v-data-table th[data-v-ed931f6c],
.table-container .v-data-table td[data-v-ed931f6c] {
  white-space: nowrap;
  padding: 8px 12px;
}

/* Column widths */
.table-container .v-data-table th[data-v-ed931f6c]:nth-child(1),
.table-container .v-data-table td[data-v-ed931f6c]:nth-child(1) {
  width: 150px;
  min-width: 150px;
}
.table-container .v-data-table th[data-v-ed931f6c]:nth-child(2),
.table-container .v-data-table td[data-v-ed931f6c]:nth-child(2) {
  width: 100px;
  min-width: 100px;
}
.table-container .v-data-table th[data-v-ed931f6c]:nth-child(3),
.table-container .v-data-table td[data-v-ed931f6c]:nth-child(3) {
  width: 140px;
  min-width: 140px;
}
.table-container .v-data-table th[data-v-ed931f6c]:nth-child(4),
.table-container .v-data-table td[data-v-ed931f6c]:nth-child(4) {
  width: 160px;
  min-width: 160px;
}
.table-container .v-data-table th[data-v-ed931f6c]:nth-child(5),
.table-container .v-data-table td[data-v-ed931f6c]:nth-child(5) {
  width: 120px;
  min-width: 120px;
}

/* Dark mode styles */
.theme--dark .v-card[data-v-ed931f6c] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}
.theme--dark .v-card-title[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .v-card-subtitle[data-v-ed931f6c] {
  color: #b0b0b0 !important;
}
.theme--dark .v-card-text[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .body-1[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .body-1 strong[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .v-list-item-title[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .v-list-item-content[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .text--secondary[data-v-ed931f6c] {
  color: #b0b0b0 !important;
}

/* Card específico do resumo executivo */
.theme--dark .v-card[color="blue-grey lighten-5"][data-v-ed931f6c] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}

/* Card dos indicadores */
.theme--dark .v-card[outlined][data-v-ed931f6c] {
  background: #2d2d2d !important;
  border: 1px solid #424242 !important;
}

/* Dark mode para o modal */
.theme--dark .v-dialog .v-card[data-v-ed931f6c] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}
.theme--dark .v-dialog .v-card-title[data-v-ed931f6c] {
  background: #00A82D !important;
  color: #ffffff !important;
}
.theme--dark .v-dialog .v-card-text[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .v-dialog .text-h6[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .v-dialog .body-1[data-v-ed931f6c] {
  color: #ffffff !important;
}
.theme--dark .v-dialog .caption[data-v-ed931f6c] {
  color: #b0b0b0 !important;
}

/* Ícone de informação - mesma cor do título */
.info-icon-btn .v-icon[data-v-ed931f6c] {
  color: #2c3e50 !important; /* mesma cor do título do card */
}

/* Ícone de informação no dark mode */
.theme--dark .info-icon-btn .v-icon[data-v-ed931f6c] {
  color: #ffffff !important;
}


/* Table container with horizontal scroll */
.table-container[data-v-3084353b] {
  overflow-x: auto;
  max-width: 100%;
  position: relative;
}
.table-container[data-v-3084353b]::-webkit-scrollbar {
  height: 8px;
}
.table-container[data-v-3084353b]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.table-container[data-v-3084353b]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.table-container[data-v-3084353b]::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Dark mode scrollbar */
.theme--dark .table-container[data-v-3084353b]::-webkit-scrollbar-track {
  background: #424242;
}
.theme--dark .table-container[data-v-3084353b]::-webkit-scrollbar-thumb {
  background: #666;
}
.theme--dark .table-container[data-v-3084353b]::-webkit-scrollbar-thumb:hover {
  background: #888;
}

/* Column widths */
.table-container .v-data-table th[data-v-3084353b],
.table-container .v-data-table td[data-v-3084353b] {
  white-space: nowrap;
  padding: 8px 12px;
}
.table-container .v-data-table th[data-v-3084353b]:nth-child(1),
.table-container .v-data-table td[data-v-3084353b]:nth-child(1) {
  width: 150px;
  min-width: 150px;
}
.table-container .v-data-table th[data-v-3084353b]:nth-child(2),
.table-container .v-data-table td[data-v-3084353b]:nth-child(2) {
  width: 160px;
  min-width: 160px;
}
.table-container .v-data-table th[data-v-3084353b]:nth-child(3),
.table-container .v-data-table td[data-v-3084353b]:nth-child(3) {
  width: 140px;
  min-width: 140px;
}
.table-container .v-data-table th[data-v-3084353b]:nth-child(4),
.table-container .v-data-table td[data-v-3084353b]:nth-child(4) {
  width: 120px;
  min-width: 120px;
}
.table-container .v-data-table th[data-v-3084353b]:nth-child(5),
.table-container .v-data-table td[data-v-3084353b]:nth-child(5) {
  width: 120px;
  min-width: 120px;
}
.table-container .v-data-table th[data-v-3084353b]:nth-child(6),
.table-container .v-data-table td[data-v-3084353b]:nth-child(6) {
  width: 100px;
  min-width: 100px;
}

/* Dark mode styles */
.theme--dark .v-card[data-v-3084353b] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}
.theme--dark .v-card-title[data-v-3084353b] {
  color: #ffffff !important;
}
.theme--dark .v-card-subtitle[data-v-3084353b] {
  color: #b0b0b0 !important;
}
.theme--dark .v-card-text[data-v-3084353b] {
  color: #ffffff !important;
}
.theme--dark .body-1[data-v-3084353b] {
  color: #ffffff !important;
}
.theme--dark .body-1 strong[data-v-3084353b] {
  color: #ffffff !important;
}
.theme--dark .v-list-item-title[data-v-3084353b] {
  color: #ffffff !important;
}
.theme--dark .v-list-item-content[data-v-3084353b] {
  color: #ffffff !important;
}
.theme--dark .text--secondary[data-v-3084353b] {
  color: #b0b0b0 !important;
}

/* Card específico do resumo */
.theme--dark .v-card[color="blue-grey lighten-5"][data-v-3084353b] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}

/* Info icon button */
.info-icon-btn .v-icon[data-v-3084353b] {
  color: #2c3e50 !important;
}
.theme--dark .info-icon-btn .v-icon[data-v-3084353b] {
  color: #ffffff !important;
}


/* === DESIGN PROFISSIONAL === */

/* Header Section */
.header-section[data-v-11f095ae] {
  padding: 8px 0;
}
.titulo[data-v-11f095ae] {
  color: #2c3e50;
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -0.5px;
}
.subtitle-text[data-v-11f095ae] {
  color: #64748b;
  font-size: 16px;
  font-weight: 400;
}
.divider-professional[data-v-11f095ae] {
  border-color: #e2e8f0;
  opacity: 1;
}

/* Cards */
.filter-card[data-v-11f095ae],
.loading-card[data-v-11f095ae],
.empty-state-card[data-v-11f095ae],
.election-header-card[data-v-11f095ae],
.data-tabs-card[data-v-11f095ae] {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}
.filter-card[data-v-11f095ae] {
  background: #ffffff;
}
.loading-card[data-v-11f095ae] {
  background: #fafbfc;
}
.empty-state-card[data-v-11f095ae] {
  background: #fafbfc;
}

/* Dark mode para cards */
.theme--dark .empty-state-card[data-v-11f095ae] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}
.theme--dark .loading-card[data-v-11f095ae] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}
.election-header-card[data-v-11f095ae] {
  background: linear-gradient(135deg, #00A82D 0%, #008A24 100%);
  color: white;
}
.data-tabs-card[data-v-11f095ae] {
  background: #ffffff;
}

/* Dark mode para o card das tabs */
.theme--dark .data-tabs-card[data-v-11f095ae] {
  background: #1e1e1e !important;
  border: 1px solid #424242 !important;
}

/* Loading State */
.loading-text[data-v-11f095ae] {
  color: #475569;
  font-weight: 500;
  font-size: 20px;
}
.subtitle-loading[data-v-11f095ae] {
  color: #64748b;
  margin-bottom: 0;
}

/* Empty State */
.empty-icon[data-v-11f095ae] {
  color: #cbd5e1;
}
.empty-title[data-v-11f095ae] {
  color: #475569;
  font-weight: 500;
  font-size: 22px;
}
.empty-subtitle[data-v-11f095ae] {
  color: #64748b;
  max-width: 400px;
  margin: 0 auto;
}

/* Dark mode para textos */
.theme--dark .empty-icon[data-v-11f095ae] {
  color: #666666 !important;
}
.theme--dark .empty-title[data-v-11f095ae] {
  color: #ffffff !important;
}
.theme--dark .empty-subtitle[data-v-11f095ae] {
  color: #b0b0b0 !important;
}
.theme--dark .loading-text[data-v-11f095ae] {
  color: #ffffff !important;
}
.theme--dark .subtitle-loading[data-v-11f095ae] {
  color: #b0b0b0 !important;
}

/* Election Header */
.election-icon-wrapper[data-v-11f095ae] {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.election-icon[data-v-11f095ae] {
  font-size: 24px;
  color: white;
}
.election-title[data-v-11f095ae] {
  color: white;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 4px;
}
.election-subtitle[data-v-11f095ae] {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
}
.voters-info[data-v-11f095ae] {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 14px;
}
.voters-number[data-v-11f095ae] {
  font-size: 22px;
  font-weight: 500;
  color: white;
  line-height: 1;
}
.voters-label[data-v-11f095ae] {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  margin-top: 2px;
}

/* Professional Tabs */
.professional-tabs[data-v-11f095ae] {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}
.professional-tabs .v-tab[data-v-11f095ae] {
  color: #64748b;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  min-width: 180px;
}
.professional-tabs .v-tab--active[data-v-11f095ae] {
  color: #00A82D;
  background: rgba(0, 168, 45, 0.05);
}
.professional-tabs .v-tabs-slider[data-v-11f095ae] {
  background-color: #00A82D;
  height: 3px;
}
.tab-item[data-v-11f095ae] {
  font-size: 14px;
  font-weight: 500;
}
.tab-content[data-v-11f095ae] {
  padding: 24px 24px 32px 24px;
  background: #ffffff;
  min-height: 500px;
}

/* Dark mode para tabs e conteúdo */
.theme--dark .professional-tabs[data-v-11f095ae] {
  background: #2d2d2d !important;
  border-bottom: 1px solid #424242 !important;
}
.theme--dark .professional-tabs .v-tab[data-v-11f095ae] {
  color: #b0b0b0 !important;
}
.theme--dark .professional-tabs .v-tab--active[data-v-11f095ae] {
  color: #00A82D !important;
  background: rgba(0, 168, 45, 0.1) !important;
}
.theme--dark .tab-content[data-v-11f095ae] {
  background: #1e1e1e !important;
}

/* Estilo específico para gráficos nas tabs */
.tab-content .v-row[data-v-11f095ae] {
  margin: 0;
}
.tab-content .v-col[data-v-11f095ae] {
  padding: 0;
}

/* Responsividade */
@media (max-width: 600px) {
.titulo[data-v-11f095ae] {
    font-size: 24px;
}
.election-title[data-v-11f095ae] {
    font-size: 18px;
}
.voters-number[data-v-11f095ae] {
    font-size: 20px;
}
.tab-content[data-v-11f095ae] {
    padding: 16px 16px 24px 16px;
}
}

/* Hover Effects */
.v-card[data-v-11f095ae]:hover {
  transform: translateY(-1px);
  transition: all 0.2s ease;
}
.election-header-card[data-v-11f095ae]:hover {
  transform: none;
}

/* Spacing */
.v-container[data-v-11f095ae] {
  max-width: 1400px;
}


/* .v-card__title.headline {
  justify-content: center;
  align-content: center;
} */
div.v-card__text[data-v-5d204094] {
  margin-top: 15px;
  text-align: end;
}
span.iniciais[data-v-5d204094] {
    font-size: 13px;
    font-weight: 600;
    color: #005800;
}



.info-plano[data-v-0e732e3e] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 16px;
}
.plano-item[data-v-0e732e3e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.plano-label[data-v-0e732e3e] {
  font-weight: 500;
  color: #666;
  font-size: 14px;
}
.plano-valor[data-v-0e732e3e] {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
.beneficios[data-v-0e732e3e] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 16px;
}
.beneficios-lista[data-v-0e732e3e] {
  background-color: transparent !important;
}
.beneficio-texto[data-v-0e732e3e] {
  font-size: 14px !important;
  color: #555 !important;
}
.confirmacao[data-v-0e732e3e] {
  /* background-color: #fff3cd; */
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #ffeaa7;
}
.confirmacao-campo[data-v-0e732e3e] {
  max-width: 300px;
}

/* Responsividade */
@media (max-width: 768px) {
.plano-item[data-v-0e732e3e] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.confirmacao-campo[data-v-0e732e3e] {
    max-width: 100%;
}
}

/* Animações */
.v-dialog[data-v-0e732e3e] {
  transition: all 0.3s ease;
}
.v-card[data-v-0e732e3e] {
  border-radius: 12px;
}
.v-btn[data-v-0e732e3e] {
  border-radius: 8px;
  text-transform: none;
  font-weight: 500;
}

/* Estilos específicos para o header */
.v-card__title[data-v-0e732e3e] {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

/* Estilos para os campos */
.v-text-field--outlined .v-input__slot[data-v-0e732e3e] {
  border-radius: 8px;
}

/* Estilos para os chips */
.v-chip[data-v-0e732e3e] {
  border-radius: 16px;
}


.v-list-item[data-v-7535ef46]:not(.v-list-item--active):not(.v-list-item--disabled),
.v-icon[data-v-7535ef46] {
    color: #9899ad !important;
}
.v-item--active.v-list-item--active.v-list-item.v-list-item--link[data-v-7535ef46],
.v-list .v-list-item--active .v-icon[data-v-7535ef46] {
  color: #00a82d !important;
}
.md-card .md-card-header[data-v-7535ef46]{
}

/* Garantir que o menu seja visível */
.v-list[data-v-7535ef46] {
  background: transparent !important;
}
.v-list-item[data-v-7535ef46] {
  cursor: pointer;
  transition: all 0.3s ease;
}
.v-list-item[data-v-7535ef46]:hover {
  background-color: rgba(0, 168, 45, 0.1) !important;
}
.custom-class[data-v-7535ef46] {
  width: 20px;
  height: 20px;
}

/* Ajuste para o mini-variant do drawer */
.v-navigation-drawer--mini-variant .v-list-item[data-v-7535ef46] {
  justify-content: center;
}
.v-navigation-drawer--mini-variant .v-list-item-content[data-v-7535ef46] {
  display: none;
}
.v-navigation-drawer--mini-variant .v-list-item-action[data-v-7535ef46] {
  margin: 0;
}

/* Badges personalizados */
.new-badge[data-v-7535ef46], .em-breve-badge[data-v-7535ef46] {
  font-size: 10px !important;
  font-weight: bold !important;
  height: 18px !important;
  border-radius: 4px !important;
  padding: 0 6px !important;
  min-width: 30px !important;
  letter-spacing: 0.3px !important;
}
.new-badge .v-chip__content[data-v-7535ef46], 
.em-breve-badge .v-chip__content[data-v-7535ef46] {
  padding: 0 !important;
  font-size: 10px !important;
  line-height: 18px !important;
}


.v-list-item[data-v-9bcc0be2] {
  min-height: 35px;
}
.v-list-item__action[data-v-9bcc0be2] {
  margin: 0;
}
.btn-escrever[data-v-9bcc0be2] {
  margin-top: 20px;
  margin-bottom: 10px;
}
.v-btn:not(.v-btn--round).v-size--default[data-v-9bcc0be2] {
  /* padding: 25px 60px; */
}
.v-btn:not(.v-btn--round).v-size--default.btn-melhoria[data-v-9bcc0be2] {
  padding: 10px;
}
.nome-usuario[data-v-9bcc0be2] {
  font-weight: 500;
}
.v-application p[data-v-9bcc0be2] {
  margin: 0px;
}
.v-card__text[data-v-9bcc0be2] {
  padding: 0px;
}
.rodape-card-perfil[data-v-9bcc0be2] {
  margin-top: 25px;
}
.rodape-card-perfil a[data-v-9bcc0be2] {
  font-size: 12px;
  color: #5f6368;
  text-decoration: none;
}
.rodape-card-perfil.dark a[data-v-9bcc0be2] {
  color: #ddd;
}
.sair[data-v-9bcc0be2] {
  background-color: #ffffff;
  border: 1px solid #dadce0;
  border-radius: 4px;
  display: inline-block;
  font: 500 14px/16px Google Sans, DM Sans, Helvetica, Arial, sans-serif;
  letter-spacing: 0.15px;
  margin: 16px;
  outline: 0;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  font-size: 12px;
  color: #5f6368;
}
.sair.dark[data-v-9bcc0be2] {
  background-color: #1b1b1b;
  border: 1px solid #dadce0;
  color: #ddd;
}
.adicionar-conta[data-v-9bcc0be2] {
  color: #3c4043;
  font-size: 14px;
}
div.v-list-item__action.acao-conta-usuario[data-v-9bcc0be2] {
  margin-right: 16px;
  margin-left: 43px;
  padding-top: 17px;
  padding-bottom: 17px;
}
.gerenciar-usuarios[data-v-9bcc0be2] {
  background-color: #ffffff;
  border: 1px solid #dadce0;
  border-radius: 100px;
  color: #3c4043;
  display: inline-block;
  letter-spacing: 0.25px;
  margin: 16px 0 0;
  max-width: 254px;
  outline: 0;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.gerenciar-usuarios.dark[data-v-9bcc0be2] {
  background-color: #1b1b1b;
  border: 1px solid #dadce0;
  color: #ddd;
}
.container-gerenciar-usuarios[data-v-9bcc0be2] {
  width: 310px;
}
.v-sheet.v-card[data-v-9bcc0be2] {
  border-radius: 10px;
}
span.iniciais[data-v-9bcc0be2] {
  font-size: 13px;
  color: #00a82d;
  font-weight: 600;
}
/*  mudando o menu lateral */
.v-item--active.v-list-item--active.v-list-item.v-list-item--link[data-v-9bcc0be2],
.v-list .v-list-item--active .v-icon[data-v-9bcc0be2] {
  color: #00a82d !important;
}
.v-list-item[data-v-9bcc0be2]:not(.v-list-item--active):not(.v-list-item--disabled),
.v-icon[data-v-9bcc0be2] {
  color: #9899ad !important;
}
.aniversariantes-detalhes[data-v-9bcc0be2] {
  font-size: 12px;
}

/* Estilos para notificações */
.notificacao-nao-lida[data-v-9bcc0be2] {
  background-color: rgba(255, 255, 255, 0.05);
  border-left: 3px solid #ff5252;
}
.notificacao-nao-lida[data-v-9bcc0be2]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.v-theme--dark .notificacao-nao-lida[data-v-9bcc0be2] {
  background-color: rgba(255, 255, 255, 0.05);
}
.v-theme--dark .notificacao-nao-lida[data-v-9bcc0be2]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.v-list-item.notificacao-nao-lida .v-list-item__title[data-v-9bcc0be2] {
  font-weight: 600;
}
.v-list-item.notificacao-nao-lida .v-list-item__subtitle[data-v-9bcc0be2] {
  opacity: 0.9;
}

/* Estilos para notificações clicáveis */
.notificacao-clicavel[data-v-9bcc0be2] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.notificacao-clicavel[data-v-9bcc0be2]:hover {
  background-color: rgba(33, 150, 243, 0.1) !important;
  transform: translateX(2px);
}
.v-theme--dark .notificacao-clicavel[data-v-9bcc0be2]:hover {
  background-color: rgba(33, 150, 243, 0.2) !important;
}
.notificacao-clicavel .v-list-item__title[data-v-9bcc0be2]::after {
  content: " →";
  color: #2196f3;
  font-weight: normal;
  opacity: 0.7;
}

/* Estilos para o botão de cancelamento (seguindo padrão do botão Sair) */
.cancelar-conta[data-v-9bcc0be2] {
  background-color: #ffffff;
  border: 1px solid #f44336;
  border-radius: 4px;
  display: inline-block;
  font: 500 14px/16px Google Sans, DM Sans, Helvetica, Arial, sans-serif;
  letter-spacing: 0.15px;
  margin: 16px;
  outline: 0;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  font-size: 12px;
  color: #f44336;
  transition: all 0.3s ease;
}
.cancelar-conta[data-v-9bcc0be2]:hover {
  background-color: #f44336;
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(244, 67, 54, 0.3);
}
.cancelar-conta[data-v-9bcc0be2]:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(244, 67, 54, 0.3);
}
.cancelar-conta.dark[data-v-9bcc0be2] {
  background-color: #1b1b1b;
  border: 1px solid #f44336;
  color: #f44336;
}
.cancelar-conta.dark[data-v-9bcc0be2]:hover {
  background-color: #f44336;
  color: white;
}

@charset "UTF-8";
html {
  overflow-y: auto !important;
}

/* Caso não fique legal, remover esse cara. */
*:not(button):not(i) {
  font-family: "DM Sans", sans-serif !important;
}
button.btn-edit-delete-icon.theme--light.v-size--default,
a.btn-edit-delete-icon.theme--light.v-size--default, button.btn-edit-delete.theme--light,
a.btn-edit-delete.theme--light {
  background-color: white;
  color: #00A82D;
  text-transform: initial;
  border-radius: 2px;
  min-width: 85px;
  font-size: 13px;
  cursor: pointer;
  /* border:1px solid #275A7D; */
}
.btn-outline {
  border: 1px solid rgb(225, 225, 225);
}
.v-btn.btn-primary,
.v-btn:not(.v-btn--round).v-size--default {
  text-transform: none;
  min-width: 110px;
}
.loading {
  margin-top: 100px;
  width: 100%;
}
.v-progress-circular {
  margin: 1rem;
}
body {
  /* font-family: 'Montserrat', sans-serif; */
  font-family: "Mulish", sans-serif !important;
  font-size: 14px;
}
.v-btn {
  margin: 6px 8px;
  letter-spacing: normal;
  font-weight: 500;
}
button.btn-edit-delete.theme--light,
a.btn-edit-delete.theme--light:hover,
button.btn-edit-delete-icon.theme--light.v-size--default,
a.btn-edit-delete-icon.theme--light.v-size--default:hover {
  cursor: pointer;
}
button.btn-edit-delete-icon.theme--light.v-size--default,
a.btn-edit-delete-icon.theme--light.v-size--default {
  height: 28px;
}
.v-btn:focus i.material-icons.seta-para-cima,
.v-btn i.material-icons.seta-para-baixo {
  display: inherit;
}
.v-btn i.material-icons.seta-para-cima,
.v-btn:focus i.material-icons.seta-para-baixo {
  display: none;
}
button.btn-opcoes.v-btn.v-btn--flat.v-btn--text.theme--light,
a.btn-opcoes.theme--light {
  background-color: #fff;
  text-transform: initial;
  border-radius: 2px;
  border: 2px solid #f2f2f2;
  font-size: 13px;
  padding: 0px;
  font-weight: inherit;
  margin-right: 0px;
  margin-left: 0px;
  height: 28px;
}
button.btn-opcoes.v-btn--active:before,
button.btn-opcoes.v-btn:focus:before,
button.btn-opcoes.v-btn:hover:before {
  background: rgba(0, 0, 0, 0.2);
}

/* Alterando os scrolls */
::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: #f2f2f2;
}
::-webkit-scrollbar-thumb {
  background: #696969;
  border-radius: 10px;
}
.geral.v-chip:not(.v-chip--active) {
  align-items: center;
  justify-content: center;
  min-width: 125px;
  font-size: 13px;
  height: 25px;
  border-radius: 5px;
  padding: 12px;
}
footer {
  font-size: 11px;
}
.footer {
  width: 100%;
  text-align: end;
}
.titulo {
  color: #686868;
  font-weight: 400;
  font-size: 20px;
}
.titulo-2 {
  color: #A5A5A5;
  /* color:#00A82D; */
}
div.tipo-numero input {
  text-align: right;
}
div > a:hover, div > a:focus {
  color: #00A82D !important;
  text-decoration: none !important;
}
button.btn-tertiary.theme--light, a.btn-tertiary.theme--light {
  background-color: #FAFAFA;
  color: #00A82D;
  text-transform: initial;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  width: 105px;
  font-size: 13px;
}
button.btn-tertiary.theme--dark, a.btn-tertiary.theme--dark {
  background-color: transparent;
  color: #00A82D;
  text-transform: initial;
  border-radius: 2px;
  border: 1px solid #00A82D;
  width: 105px;
  font-size: 13px;
}
@media (min-width: 1264px) {
.container {
    max-width: 100%;
}
}
td.bloco-expansivel-td {
  padding: 20px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  background-color: #f5f5f5;
}
.v-data-table.theme--dark .bloco-expansivel-td,
.v-data-table.theme--dark .endereco-expansivel,
.v-textarea.theme--dark > div.v-input__control > div.v-input__slot {
  background: #121212;
}
div.solicitacao.v-textarea > div.v-input__control > div.v-input__slot textarea {
  cursor: default;
}
.titulo-modal {
  padding-bottom: 10px !important;
  color: #484848 !important;
  background: #ddd !important;
}
.titulo-modal-dark {
  padding-bottom: 10px !important;
  color: #00A82D;
}
.theme--light.v-text-field.v-input--is-disabled .v-input__slot::before {
  -o-border-image: none;
     border-image: none;
}
.v-input--is-disabled:not(.v-input--is-readonly) {
  pointer-events: auto;
}
.v-input--is-disabled.theme--light.v-text-field:not(.v-input--has-state):hover > .v-input__control > .v-input__slot:before,
.v-input--is-disabled.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
  border-color: rgba(0, 0, 0, 0.26);
}

/* Trabalhando no textarea */
.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot {
  box-shadow: 0px 0px 1px -2px rgba(0, 0, 0, 0.13), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px -1px rgba(0, 0, 0, 0.12);
  border: 1px solid #eee;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th {
  color: #343434;
}
.theme--light.v-app-bar.v-toolbar.v-sheet {
  background-color: #FBFBFC;
}
.btn-opcoes.theme--dark.v-size--default {
  font-weight: 300;
  background: #1b1b1b;
  color: #ddd;
}
.v-data-table.theme--dark tbody > tr {
  color: #ddd;
}
.loading-titulo {
  font-size: 1.2em;
  font-weight: 400;
}
.v-sheet.v-card:not(.v-sheet--outlined) {
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.box {
  background-color: #fff;
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding: 0px 20px 20px 20px;
  border-radius: 8px;
}
.v-sheet.v-snack__wrapper.v-sheet--shaped {
  border-radius: 10px;
}
.v-tabs:not(.v-tabs--vertical):not(.v-tabs--right) > .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__prev {
  display: none;
}

/* main.v-main{
  padding: 0 !important;
  height:100% !important;
} */

.card-oficio[data-v-43ca7ff7] {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.card-oficio[data-v-43ca7ff7]:hover {
  transform: translateY(-2px);
}
.protocolo[data-v-43ca7ff7] {
  display: flex;
  align-items: center;
}
.titulo-oficio[data-v-43ca7ff7] {
  line-height: 1.3;
  max-height: 2.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.info-section[data-v-43ca7ff7] {
  border-left: 3px solid #e0e0e0;
  padding-left: 12px;
}
.info-item[data-v-43ca7ff7] {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.descricao-section[data-v-43ca7ff7] {
  padding: 8px 12px;
  background-color: #fafafa;
  border-radius: 4px;
  border-left: 3px solid #2196f3;
}
.arquivo-section[data-v-43ca7ff7] {
  padding: 6px 8px;
  background-color: #fff3e0;
  border-radius: 4px;
  border: 1px solid #ffcc80;
}

/* Responsividade */
@media (max-width: 600px) {
.titulo-oficio[data-v-43ca7ff7] {
    font-size: 1rem !important;
}
.info-item[data-v-43ca7ff7] {
    flex-direction: column;
    align-items: flex-start;
}
.info-item .v-icon[data-v-43ca7ff7] {
    margin-bottom: 2px;
}
}


.notificacao-nao-lida[data-v-194d3e66] {
  background-color: rgba(33, 150, 243, 0.04) !important;
  border-left: 3px solid #2196F3;
}
.notificacao-hover[data-v-194d3e66] {
  transition: all 0.2s ease;
}
.notificacao-hover[data-v-194d3e66]:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.notificacao-titulo[data-v-194d3e66] {
  line-height: 1.3;
  max-width: 100%;
}
.notificacao-mensagem[data-v-194d3e66] {
  line-height: 1.4 !important;
  white-space: normal !important;
  word-wrap: break-word;
}

/* Animação para elementos expandidos */
.v-expand-transition-enter-active[data-v-194d3e66],
.v-expand-transition-leave-active[data-v-194d3e66] {
  transition: all 0.3s ease;
}

@media screen and (max-width: 991px) {
.alert[data-v-44cd8f7c] {
    width: auto !important;
    margin: 0 10px;
}
.alert.left[data-v-44cd8f7c] {
    left: 0 !important;
}
.alert.right[data-v-44cd8f7c] {
    right: 0 !important;
}
.alert.center[data-v-44cd8f7c] {
    margin: 0 10px !important;
}
}
.alert[data-v-44cd8f7c] {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  width: 41%;
}
.alert.center[data-v-44cd8f7c] {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}
.alert.left[data-v-44cd8f7c] {
  left: 20px;
}
.alert.right[data-v-44cd8f7c] {
  right: 20px;
}
.list-move {
  transition: transform 0.3s, opacity 0.4s;
}
.list-item {
  display: inline-block;
  margin-right: 10px;
}
.list-enter-active,
.list-leave-active {
  transition: opacity 0.4s;
}
.list-enter, .list-leave-to {
  opacity: 0;
}

@media screen and (min-width: 991px) {
.nav-mobile-menu {
    display: none;
}
}

@charset "UTF-8";
/**
 * The complete material palette
 * ---
 * @access public
 * @type map
 * @group themes
 */
/**
 * Theme any css property based on the current palette, accepting a themable
 * value that will give an contrasted
 * ---
 * Usage example:
 *
 * $foo-palette: (
 *   primary: md-get-palette-color(indigo, 500),
 *   accent: md-get-palette-color(pink, 500),
 *   theme: "light"
 * );
 *
 * ---
 * @access public
 * ---
 * @param {color} $type —  The desired color based on material palette
 * @param {string} $type —  A valid hue
 */
/**
 * Get the current theme mode from the current theme
 * ---
 * Usage example:
 *
 * $theme-mode: md-get-theme-mode()
 *
 * ---
 * @access private
 */
/**
 * Theme any css property based on the current palette, accepting a themable
 * value that will give an contrasted
 * ---
 * Usage example:
 *
 * .md-foo {
 *   min-width: 88px;
 *   height: 40px;
 *   background: md-theme(primary);
 * }
 *
 * ---
 * @access public
 * ---
 * @param {string} $type —  The themable value
 */
/**
 * Get a color based on type by theme
 * ---
 * Usage example:
 *
 * $color: md-get-color-by-theme(dark, primary)
 *
 * ---
 * @access public
 * ---
 * @param {string} $color-theme —  The theme color | Accepts dark or light
 * @param {string} $type —  The color type
 */
/**
 * Get a color based on type only
 * ---
 * Usage example:
 *
 * $color1: md-get-color-by-type(background, dark)
 * $color1: md-get-color-by-type(accent)
 *
 * ---
 * @access public
 * ---
 * @param {string} $type —  The color type
 * @param {string} $theme —  The fallback theme
 */
/**
 * The default theme palette
 * primary: indigo 500 #3f51b5
 * accent: pink 500 #e91e63
 * theme: light
 *
 * It can be used just before importing the Vue Material stylesheet
 *
 * ---
 * @access public
 * @type colormap
 * @group themes
 */
/**
 * Temporary variable to store all themable values
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Map variable to store all themes to be processed by each component
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Store the current theme name
 * ---
 * @access private
 * @type string
 * @group themes
 */
/**
 * Store the newly registered theme name for comparison, used for checking just called md-register-theme's theme name
 * ---
 * @access private
 * @type string
 * @group themes
 */
/**
 * The color contrast values
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Hightly based on: "Using Sass to automatically pick text colors"
 * https://medium.com/dev-channel/using-sass-to-automatically-pick-text-colors-4ba7645d2796
 */
/**
 * Precomputed linear color channel values, for use in contrast calculations.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 * ---
 *
 *  Algorithm, for c in 0 to 255:
 *  f(c) {
 *    c = c / 255;
 *    return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
 *  }
 *
 *  This lookup table is needed since there is no `pow` in SASS.
 *
 * ---
 * @access private
 * @type Map
 * @group themes
 */
/**
 * Calculate the luminance for a color.
 * ---
 * @access private
 * ---
 * @param {string} $color —  The color to be analysed
 */
/**
 * Calculate the contrast ratio between two colors.
 * ---
 * @access private
 * ---
 * @param {string} $bg —  The bg color
 * @param {string} $fg —  The fg color to be compared
 */
/**
 * Determine whether to use dark or light text on top of given color.
 * Returns dark or light depending on the contrast ratio.
 * ---
 * @access private
 * ---
 * @param {string} $color —  The desired color to be compared
 */
/**
 * Override extending the default palette giving new values. It will extend
 * the default values of the palette if has a property missing.
 * ---
 * Usage example:
 *
 * @include md-override-palette ((
 *   accent: blue,
 *   theme: "dark"
 * ))
 *
 * ---
 * @access public
 * @param {map} $palette —  The new palette
 */
/**
 * Create a new theme based on a given palette. It will extend the default
 * values of the palette if has a property missing.
 * ---
 * Usage example:
 *
 * @include md-register-theme("alternative", (
 *   primary: #212121,
 *   accent: #CDDC39,
 *   theme: dark
 * ));
 *
 * ---
 * @access public
 * @param {string} $name —  The theme name to be used with the Vue Material
 * @param {map} $palette [$md-default-palette] —  The theme palette
 */
/**
 * Theme pieces of a given scss code for all pre registered themes.
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     background: md-theme(primary);
 *     color: md-theme(text-primary);
 *   }
 *
 *   &.md-accent {
 *     @include md-theme-component() {
 *       background: md-theme(accent);
 *       color: md-theme(text-accent);
 *     };
 *   }
 * }
 */
/**
 * Theme pieces of a given scss code for all pre registered themes based on parent.
 * ---
 * Usage example:
 *
 * .md-foo {
 *   @include md-theme-component-relative() {
 *     @include md-theme-property(background, primary);
 *   }
 * }
 */
/**
 * Theme a single css property
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property(background, primary);
 *     @include md-theme-property(color, text-primary, primary);
 *   }
 *
 *   &.md-accent {
 *     @include md-theme-component() {
 *       @include md-theme-property(background, accent);
 *       @include md-theme-property(color, text-primary, accent);
 *     }
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $type —  A palette type
 * @param {string} $background —  The background color to analyse contrast
 * @param {number} $opacity —  The opacity amount
 */
/**
 * Theme a single css property darkening the color by a certain amount
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property-darken(background, primary, background, 10%);
 *     @include md-theme-property(color, text-primary, primary);
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $type —  A palette type
 * @param {string} $background —  The background color to analyse contrast
 * @param {string} $darken —  The darken amount to apply to the color
 */
/**
 * Theme a single css property by
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property-by-hue(background, grey, 100, toolbar, background);
 *     @include md-theme-property(color, text-primary, background);
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $color —  A valid material palette color name
 * @param {string} $hue —  The hue amount to get the hex color
 * @param {string} $type —  The type of variable
 * @param {string} $variant —  The type of constrasted variable
 */
:root {
  --md-theme-selection-black-primary: #448aff ;
  --md-theme-selection-black-accent: #000 ;
  --md-theme-selection-black-theme: light ;
}

.md-theme-selection-black :not(input):not(textarea)::-moz-selection {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent-on-background, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}

.md-theme-selection-black :not(input):not(textarea)::selection {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent-on-background, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}

.md-theme-selection-black a:not(.md-button) {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-theme-selection-black a:not(.md-button):hover {
  color: rgba(68, 138, 255, 0.8);
  color: var(--md-theme-selection-black-primary-on-background, rgba(68, 138, 255, 0.8));
}
.md-theme-selection-black a:not(.md-button).md-accent {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-theme-selection-black a:not(.md-button).md-accent:hover {
  color: rgba(0, 0, 0, 0.8);
  color: var(--md-theme-selection-black-accent-on-background, rgba(0, 0, 0, 0.8));
}

html.md-theme-selection-black {
  background-color: #fafafa;
  background-color: var(--md-theme-selection-black-background-variant, #fafafa);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}

.md-theme-selection-black .md-caption,
.md-theme-selection-black .md-display-1,
.md-theme-selection-black .md-display-2,
.md-theme-selection-black .md-display-3,
.md-theme-selection-black .md-display-4 {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-accent-on-background-variant, rgba(0, 0, 0, 0.54));
}

.md-scrollbar.md-theme-selection-black::-webkit-scrollbar-corner, .md-scrollbar.md-theme-selection-black::-webkit-scrollbar-track {
  background: #e1e1e1;
  background: var(--md-theme-selection-black-scrollbar-background-on-background-variant, #e1e1e1);
}
.md-scrollbar.md-theme-selection-black::-webkit-scrollbar-thumb {
  background: #757575;
  background: var(--md-theme-selection-black-scrollbar-on-background-variant, #757575);
}

.md-app:not(.md-overlap).md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}

.md-list.md-theme-selection-black .md-autocomplete-items .md-highlight-text-match {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-list.md-theme-selection-black .md-autocomplete-loading {
  background-color: rgba(255, 255, 255, 0.54);
  background-color: var(--md-theme-selection-black-background, rgba(255, 255, 255, 0.54));
}

.md-autocomplete.md-theme-selection-black.md-autocomplete-box {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}
.md-autocomplete.md-theme-selection-black.md-autocomplete-box.md-focused label {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-selection-black-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box {
  background-color: rgba(255, 255, 255, 0.12);
  background-color: var(--md-theme-selection-black-background, rgba(255, 255, 255, 0.12));
}
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box label,
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box input {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
  -webkit-text-fill-color: #fff;
  -webkit-text-fill-color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box.md-focused {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box.md-focused label,
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box.md-focused input {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-selection-black-text-hint-on-background, rgba(0, 0, 0, 0.38));
  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
  -webkit-text-fill-color: var(--md-theme-selection-black-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-toolbar .md-autocomplete.md-theme-selection-black.md-autocomplete-box.md-focused svg {
  fill: rgba(0, 0, 0, 0.38);
  fill: var(--md-theme-selection-black-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.md-autocomplete-box-content.md-theme-selection-black:after {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-selection-black-divider, rgba(0, 0, 0, 0.12));
}

.md-avatar.md-theme-selection-black.md-avatar-icon {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-selection-black-icon-disabled, rgba(0, 0, 0, 0.38));
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-icon-disabled, #fff);
}
.md-avatar.md-theme-selection-black.md-avatar-icon .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-icon-disabled, #fff);
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-icon-disabled, #fff);
}
.md-avatar.md-theme-selection-black.md-primary {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-avatar.md-theme-selection-black.md-primary.md-avatar-icon {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-avatar.md-theme-selection-black.md-primary.md-avatar-icon .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-avatar.md-theme-selection-black.md-accent {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-avatar.md-theme-selection-black.md-accent.md-avatar-icon {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-avatar.md-theme-selection-black.md-accent.md-avatar-icon .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}

.md-bottom-bar.md-theme-selection-black.md-type-fixed {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-type-fixed .md-bottom-bar-item.md-active {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-bottom-bar.md-theme-selection-black.md-type-fixed .md-bottom-bar-item.md-active .md-icon {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-bottom-bar.md-theme-selection-black.md-type-fixed .md-bottom-bar-item.md-active .md-icon svg {
  fill: #448aff;
  fill: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-bottom-bar.md-theme-selection-black.md-type-shift {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: rgba(255, 255, 255, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-primary, rgba(255, 255, 255, 0.7));
}
.md-bottom-bar.md-theme-selection-black.md-type-shift > .md-ripple .md-ripple-wave {
  background-color: #116aff;
  background-color: var(--md-theme-selection-black-primary-on-primary, #116aff);
}
.md-bottom-bar.md-theme-selection-black.md-type-shift .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-icon-on-primary, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-type-shift .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-icon-on-primary, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-type-shift .md-bottom-bar-item {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-type-shift .md-bottom-bar-item .md-active .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-type-shift .md-bottom-bar-item .md-active .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-fixed {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-fixed .md-bottom-bar-item.md-active {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-fixed .md-bottom-bar-item.md-active .md-icon {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-fixed .md-bottom-bar-item.md-active .md-icon svg {
  fill: #000;
  fill: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-shift {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
  color: rgba(255, 255, 255, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-accent, rgba(255, 255, 255, 0.7));
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-shift > .md-ripple .md-ripple-wave {
  background-color: black;
  background-color: var(--md-theme-selection-black-accent-on-accent, black);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-shift .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-icon-on-accent, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-shift .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-icon-on-accent, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-shift .md-bottom-bar-item {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-shift .md-bottom-bar-item .md-active .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-bottom-bar.md-theme-selection-black.md-accent.md-type-shift .md-bottom-bar-item .md-active .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}

.md-button.md-theme-selection-black {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-selection-black.md-primary {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-button.md-theme-selection-black.md-primary .md-icon-font {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-button.md-theme-selection-black.md-primary .md-icon-image {
  fill: #448aff;
  fill: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-button.md-theme-selection-black.md-accent {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-button.md-theme-selection-black.md-accent .md-icon-font {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-button.md-theme-selection-black.md-accent .md-icon-image {
  fill: #000;
  fill: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-button.md-theme-selection-black.md-raised[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-disabled-background-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-selection-black-disabled, rgba(0, 0, 0, 0.26));
}
.md-button.md-theme-selection-black.md-raised:not([disabled]) {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-selection-black.md-raised:not([disabled]).md-primary {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-button.md-theme-selection-black.md-raised:not([disabled]).md-primary .md-icon-font {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-button.md-theme-selection-black.md-raised:not([disabled]).md-primary .md-icon-image {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-button.md-theme-selection-black.md-raised:not([disabled]).md-accent {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-button.md-theme-selection-black.md-raised:not([disabled]).md-accent .md-icon-font {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-button.md-theme-selection-black.md-raised:not([disabled]).md-accent .md-icon-image {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-button.md-theme-selection-black.md-fab[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-disabled-background-on-background, rgba(0, 0, 0, 0.12));
}
.md-button.md-theme-selection-black.md-fab:not([disabled]) {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-button.md-theme-selection-black.md-fab:not([disabled]) .md-icon-font {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-button.md-theme-selection-black.md-fab:not([disabled]) .md-icon-image {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-button.md-theme-selection-black.md-fab:not([disabled]).md-primary {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-button.md-theme-selection-black.md-fab:not([disabled]).md-primary .md-icon-font {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-button.md-theme-selection-black.md-fab:not([disabled]).md-primary .md-icon-image {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-button.md-theme-selection-black[disabled] {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-selection-black-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-button.md-theme-selection-black[disabled] .md-icon-font {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-selection-black-icon-disabled-on-background, rgba(0, 0, 0, 0.38));
}
.md-button.md-theme-selection-black[disabled] .md-icon-image {
  fill: rgba(0, 0, 0, 0.38);
  fill: var(--md-theme-selection-black-icon-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.md-card.md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-selection-black .md-card-expand .md-card-actions {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}
.md-card.md-theme-selection-black .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-selection-black .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-selection-black .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-selection-black .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.54));
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.54));
}
.md-card.md-theme-selection-black > .md-card-area:after {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-card.md-theme-selection-black.md-primary {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-card.md-theme-selection-black.md-primary .md-card-expand .md-card-actions {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-card.md-theme-selection-black.md-primary .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-selection-black.md-primary .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-card.md-theme-selection-black.md-primary .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-selection-black.md-primary .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(255, 255, 255, 0.54);
  color: var(--md-theme-selection-black-text-primary-on-primary, rgba(255, 255, 255, 0.54));
  fill: rgba(255, 255, 255, 0.54);
  fill: var(--md-theme-selection-black-text-primary-on-primary, rgba(255, 255, 255, 0.54));
}
.md-card.md-theme-selection-black.md-primary > .md-card-area:after {
  background-color: rgba(255, 255, 255, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-primary, rgba(255, 255, 255, 0.12));
}
.md-card.md-theme-selection-black.md-accent {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-card.md-theme-selection-black.md-accent .md-card-expand .md-card-actions {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-card.md-theme-selection-black.md-accent .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-selection-black.md-accent .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-card.md-theme-selection-black.md-accent .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-selection-black.md-accent .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(255, 255, 255, 0.54);
  color: var(--md-theme-selection-black-text-primary-on-accent, rgba(255, 255, 255, 0.54));
  fill: rgba(255, 255, 255, 0.54);
  fill: var(--md-theme-selection-black-text-primary-on-accent, rgba(255, 255, 255, 0.54));
}
.md-card.md-theme-selection-black.md-accent > .md-card-area:after {
  background-color: rgba(255, 255, 255, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-accent, rgba(255, 255, 255, 0.12));
}

.md-checkbox.md-theme-selection-black.md-checked .md-checkbox-container {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
  border-color: #000;
  border-color: var(--md-theme-selection-black-accent, #000);
}
.md-checkbox.md-theme-selection-black.md-checked .md-checkbox-container:after {
  border-color: #fff;
  border-color: var(--md-theme-selection-black-background, #fff);
}
.md-checkbox.md-theme-selection-black.md-checked .md-ripple {
  color: #000;
  color: var(--md-theme-selection-black-accent, #000);
}
.md-checkbox.md-theme-selection-black.md-indeterminate .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: rgba(255, 255, 255, 0.3);
}
.md-checkbox.md-theme-selection-black.md-indeterminate .md-checkbox-container:after {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-selection-black.md-indeterminate .md-ripple {
  color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-selection-black.md-checked.md-primary .md-checkbox-container {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  border-color: #448aff;
  border-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-checkbox.md-theme-selection-black.md-checked.md-primary .md-ripple {
  color: #448aff;
  color: var(--md-theme-selection-black-primary, #448aff);
}
.md-checkbox.md-theme-selection-black.md-indeterminate .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}
.md-checkbox.md-theme-selection-black.md-indeterminate .md-checkbox-container:after {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-selection-black.md-indeterminate .md-ripple {
  color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-selection-black .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-selection-black.md-disabled .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox.md-theme-selection-black.md-disabled.md-checked .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.26);
}

.md-chip.md-theme-selection-black {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-highlight, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary, rgba(0, 0, 0, 0.87));
}
.md-chip.md-theme-selection-black .md-icon.md-icon-image svg {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-text-primary, #fff);
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-text-primary, #fff);
}
.md-chip.md-theme-selection-black.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-selection-black.md-clickable:not(.md-disabled):hover {
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-selection-black-icon, rgba(0, 0, 0, 0.54));
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-icon, #fff);
}
.md-chip.md-theme-selection-black.md-deletable:not(.md-disabled):hover .md-icon, .md-chip.md-theme-selection-black.md-clickable:not(.md-disabled):hover .md-icon {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-icon, #fff);
}
.md-chip.md-theme-selection-black.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-selection-black.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-selection-black-background, rgba(255, 255, 255, 0.87));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-selection-black.md-deletable:not(.md-disabled):hover .md-input-action .md-icon svg, .md-chip.md-theme-selection-black.md-clickable:not(.md-disabled):hover .md-input-action .md-icon svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-selection-black-icon-on-background, rgba(0, 0, 0, 0.54));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-selection-black.md-primary {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-chip.md-theme-selection-black.md-primary .md-input-action {
  color: #fff;
  color: var(--md-theme-selection-black-icon-on-disabled, #fff);
  background-color: rgba(0, 0, 0, 0.26);
  background-color: var(--md-theme-selection-black-disabled, rgba(0, 0, 0, 0.26));
}
.md-chip.md-theme-selection-black.md-primary.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-selection-black.md-primary.md-clickable:not(.md-disabled):hover {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-icon, #fff);
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-selection-black-icon, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-selection-black.md-primary.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-selection-black.md-primary.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-selection-black-background, rgba(255, 255, 255, 0.87));
}
.md-chip.md-theme-selection-black.md-accent, .md-chip.md-theme-selection-black.md-duplicated {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-chip.md-theme-selection-black.md-accent .md-input-action, .md-chip.md-theme-selection-black.md-duplicated .md-input-action {
  color: #fff;
  color: var(--md-theme-selection-black-icon-on-disabled, #fff);
  background-color: rgba(0, 0, 0, 0.26);
  background-color: var(--md-theme-selection-black-disabled, rgba(0, 0, 0, 0.26));
}
.md-chip.md-theme-selection-black.md-accent.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-selection-black.md-accent.md-clickable:not(.md-disabled):hover, .md-chip.md-theme-selection-black.md-duplicated.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-selection-black.md-duplicated.md-clickable:not(.md-disabled):hover {
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-selection-black-icon, rgba(0, 0, 0, 0.54));
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-icon, #fff);
}
.md-chip.md-theme-selection-black.md-accent.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-selection-black.md-accent.md-clickable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-selection-black.md-duplicated.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-selection-black.md-duplicated.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-selection-black-background, rgba(255, 255, 255, 0.87));
}
.md-chip.md-theme-selection-black.md-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: var(--md-theme-selection-black-highlight, rgba(0, 0, 0, 0.1));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-accent, rgba(0, 0, 0, 0.54));
}

.md-chips.md-theme-selection-black .md-clear {
  background-color: rgba(0, 0, 0, 0.2);
}

.md-content.md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-content.md-theme-selection-black.md-primary {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-content.md-theme-selection-black.md-accent {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-app .md-content.md-theme-selection-black {
  border-left-color: rgba(0, 0, 0, 0.12);
  border-left-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
  border-right-color: rgba(0, 0, 0, 0.12);
  border-right-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-datepicker-dialog.md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-header {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-body-header:after, .md-datepicker-dialog.md-theme-selection-black .md-datepicker-body-header:before {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-body-footer {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-week {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-disabled {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-selection-black-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-today {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-day-button:hover,
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-month-button:hover,
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-year-button:hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider, rgba(0, 0, 0, 0.12));
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-day-button.md-datepicker-selected {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-month-button.md-datepicker-selected,
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-year-button.md-datepicker-selected {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-datepicker-dialog.md-theme-selection-black .md-datepicker-year-selector {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-dialog.md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-divider.md-theme-selection-black {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider, rgba(0, 0, 0, 0.12));
}

.md-drawer.md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-drawer.md-theme-selection-black.md-persistent-mini.md-left {
  border-right-color: rgba(0, 0, 0, 0.12);
  border-right-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-drawer.md-theme-selection-black.md-persistent-mini.md-right {
  border-left-color: rgba(0, 0, 0, 0.12);
  border-left-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-empty-state.md-theme-selection-black .md-empty-state-icon.md-icon-image svg {
  fill: rgba(0, 0, 0, 0.26);
  fill: var(--md-theme-selection-black-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-empty-state.md-theme-selection-black .md-empty-state-icon.md-icon-font {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-selection-black-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-empty-state.md-theme-selection-black.md-rounded {
  background-color: rgba(0, 0, 0, 0.06);
  background-color: var(--md-theme-selection-black-disabled, rgba(0, 0, 0, 0.06));
}
.md-empty-state.md-theme-selection-black.md-primary .md-empty-state-icon.md-icon-image svg {
  fill: #448aff;
  fill: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-empty-state.md-theme-selection-black.md-primary .md-empty-state-icon.md-icon-font {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-empty-state.md-theme-selection-black.md-accent .md-empty-state-icon.md-icon-image svg {
  fill: #000;
  fill: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-empty-state.md-theme-selection-black.md-accent .md-empty-state-icon.md-icon-font {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}

.md-field.md-theme-selection-black:after {
  background-color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-selection-black:before {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-field.md-theme-selection-black .md-helper-text,
.md-field.md-theme-selection-black .md-count,
.md-field.md-theme-selection-black label {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-selection-black .md-suffix, .md-field.md-theme-selection-black .md-prefix {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-selection-black .md-input::-webkit-input-placeholder,
.md-field.md-theme-selection-black .md-textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-selection-black.md-focused .md-input,
.md-field.md-theme-selection-black.md-focused .md-textarea, .md-field.md-theme-selection-black.md-has-value .md-input,
.md-field.md-theme-selection-black.md-has-value .md-textarea {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
}
.md-field.md-theme-selection-black.md-has-textarea:not(.md-autogrow):after {
  border-color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-selection-black.md-has-textarea:not(.md-autogrow):before {
  border-color: #448aff;
  border-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-field.md-theme-selection-black.md-disabled:after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
}
.md-field.md-theme-selection-black.md-disabled label,
.md-field.md-theme-selection-black.md-disabled .md-input,
.md-field.md-theme-selection-black.md-disabled .md-textarea {
  color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-selection-black > .md-icon:after {
  background-color: #fafafa;
  background-color: var(--md-theme-selection-black-background-variant, #fafafa);
}
.md-field.md-theme-selection-black.md-invalid:after {
  background-color: #ff1744;
  background-color: var(--md-theme-selection-black-fieldvariant, #ff1744);
}
.md-field.md-theme-selection-black.md-invalid.md-has-textarea:not(.md-autogrow):before {
  border-color: #ff1744;
  border-color: var(--md-theme-selection-black-fieldvariant, #ff1744);
}
.md-field.md-theme-selection-black.md-invalid label {
  color: #ff1744;
  color: var(--md-theme-selection-black-fieldvariant, #ff1744);
}
.md-field.md-theme-selection-black.md-invalid .md-error {
  color: #ff1744;
  color: var(--md-theme-selection-black-fieldvariant, #ff1744);
}
.md-field.md-theme-selection-black.md-invalid .md-date-icon,
.md-field.md-theme-selection-black.md-invalid .md-date-icon svg {
  color: #ff1744;
  color: var(--md-theme-selection-black-fieldvariant, #ff1744);
  fill: #ff1744;
  fill: var(--md-theme-selection-black-fieldvariant, #ff1744);
}
.md-field.md-theme-selection-black.md-focused .md-input,
.md-field.md-theme-selection-black.md-focused .md-textarea, .md-field.md-theme-selection-black.md-highlight .md-input,
.md-field.md-theme-selection-black.md-highlight .md-textarea {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-field.md-theme-selection-black.md-focused > .md-icon, .md-field.md-theme-selection-black.md-highlight > .md-icon {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
  fill: #448aff;
  fill: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-field.md-theme-selection-black.md-focused label {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-field.md-theme-selection-black.md-disabled .md-icon svg {
  fill: rgba(0, 0, 0, 0.26);
  fill: var(--md-theme-selection-black-disabled-on-background, rgba(0, 0, 0, 0.26));
}

.md-icon.md-theme-selection-black.md-icon-image svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-selection-black-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-icon.md-theme-selection-black.md-icon-image svg.md-primary {
  fill: #448aff;
  fill: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-icon.md-theme-selection-black.md-icon-image svg.md-accent {
  fill: #000;
  fill: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-icon.md-theme-selection-black.md-icon-font {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-icon.md-theme-selection-black.md-icon-font.md-primary {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-icon.md-theme-selection-black.md-icon-font.md-accent {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}

.md-list.md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-selection-black.md-double-line .md-list-item-text :nth-child(2) {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-list.md-theme-selection-black.md-triple-line .md-list-item-text :nth-child(3) {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-list.md-theme-selection-black .md-highlight .md-list-item-container {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-list.md-theme-selection-black .md-list-item-container {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-selection-black .md-list-item-container:not(.md-list-item-default):not(.md-list-item-expand):not([disabled]):hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-selection-black [disabled] {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-selection-black-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-list.md-theme-selection-black .md-selected .md-list-item-content,
.md-list.md-theme-selection-black .router-link-active .md-list-item-content {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-list.md-theme-selection-black .md-list-item-expand.md-active {
  border-color: rgba(0, 0, 0, 0.12);
  border-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-list.md-theme-selection-black .md-list-item-expand:not(.md-list-item-default):not([disabled]) > .md-list-item-content:hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-menu-item.md-theme-selection-black.md-primary .md-list-item-link,
.md-menu-item.md-theme-selection-black.md-primary .md-list-item-router,
.md-menu-item.md-theme-selection-black.md-primary .md-list-item-button {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-menu-item.md-theme-selection-black.md-accent .md-list-item-link,
.md-menu-item.md-theme-selection-black.md-accent .md-list-item-router,
.md-menu-item.md-theme-selection-black.md-accent .md-list-item-button {
  color: #000;
  color: var(--md-theme-selection-black-accent-on-background, #000);
}

.md-progress-bar.md-theme-selection-black.md-indeterminate, .md-progress-bar.md-theme-selection-black.md-query {
  background-color: rgba(68, 138, 255, 0.38);
  background-color: var(--md-theme-selection-black-primary-on-, rgba(68, 138, 255, 0.38));
}
.md-progress-bar.md-theme-selection-black.md-indeterminate .md-progress-bar-track:after,
.md-progress-bar.md-theme-selection-black.md-indeterminate .md-progress-bar-fill:after, .md-progress-bar.md-theme-selection-black.md-query .md-progress-bar-track:after,
.md-progress-bar.md-theme-selection-black.md-query .md-progress-bar-fill:after {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-progress-bar.md-theme-selection-black.md-indeterminate.md-accent, .md-progress-bar.md-theme-selection-black.md-query.md-accent {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-selection-black-accent-on-, rgba(0, 0, 0, 0.38));
}
.md-progress-bar.md-theme-selection-black.md-indeterminate.md-accent .md-progress-bar-track:after,
.md-progress-bar.md-theme-selection-black.md-indeterminate.md-accent .md-progress-bar-fill:after, .md-progress-bar.md-theme-selection-black.md-query.md-accent .md-progress-bar-track:after,
.md-progress-bar.md-theme-selection-black.md-query.md-accent .md-progress-bar-fill:after {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-progress-bar.md-theme-selection-black.md-determinate {
  background-color: rgba(68, 138, 255, 0.38);
  background-color: var(--md-theme-selection-black-primary-on-, rgba(68, 138, 255, 0.38));
}
.md-progress-bar.md-theme-selection-black.md-determinate .md-progress-bar-fill {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-progress-bar.md-theme-selection-black.md-determinate.md-accent {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-selection-black-accent-on-, rgba(0, 0, 0, 0.38));
}
.md-progress-bar.md-theme-selection-black.md-determinate.md-accent .md-progress-bar-fill {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-progress-bar.md-theme-selection-black.md-buffer .md-progress-bar-fill {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-progress-bar.md-theme-selection-black.md-buffer .md-progress-bar-track {
  background-color: rgba(68, 138, 255, 0.38);
  background-color: var(--md-theme-selection-black-primary-on-, rgba(68, 138, 255, 0.38));
}
.md-progress-bar.md-theme-selection-black.md-buffer .md-progress-bar-buffer {
  border-color: rgba(68, 138, 255, 0.38);
  border-color: var(--md-theme-selection-black-primary-on-, rgba(68, 138, 255, 0.38));
}
.md-progress-bar.md-theme-selection-black.md-buffer.md-accent .md-progress-bar-fill {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-progress-bar.md-theme-selection-black.md-buffer.md-accent .md-progress-bar-track {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-selection-black-accent-on-, rgba(0, 0, 0, 0.38));
}
.md-progress-bar.md-theme-selection-black.md-buffer.md-accent .md-progress-bar-buffer {
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--md-theme-selection-black-accent-on-, rgba(0, 0, 0, 0.38));
}

.md-progress-spinner.md-theme-selection-black .md-progress-spinner-circle {
  stroke: #448aff;
  stroke: var(--md-theme-selection-black-primary, #448aff);
}
.md-progress-spinner.md-theme-selection-black.md-accent .md-progress-spinner-circle {
  stroke: #000;
  stroke: var(--md-theme-selection-black-accent, #000);
}

.md-radio.md-theme-selection-black.md-checked .md-radio-container {
  border-color: #000;
  border-color: var(--md-theme-selection-black-accent, #000);
}
.md-radio.md-theme-selection-black.md-checked .md-radio-container:after {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-radio.md-theme-selection-black.md-checked .md-ripple {
  color: #000;
  color: var(--md-theme-selection-black-accent, #000);
}
.md-radio.md-theme-selection-black.md-checked.md-primary .md-radio-container {
  border-color: #448aff;
  border-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-radio.md-theme-selection-black.md-checked.md-primary .md-radio-container:after {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-radio.md-theme-selection-black.md-checked.md-primary .md-ripple {
  color: #448aff;
  color: var(--md-theme-selection-black-primary, #448aff);
}
.md-radio.md-theme-selection-black .md-radio-container {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-radio.md-theme-selection-black.md-disabled .md-radio-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio.md-theme-selection-black.md-disabled.md-checked .md-radio-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio.md-theme-selection-black.md-disabled.md-checked .md-radio-container:after {
  background-color: rgba(0, 0, 0, 0.26);
}

.md-snackbar.md-theme-selection-black {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-text-primary, #fff);
  background-color: #323232;
}

.md-steppers.md-theme-selection-black {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-selection-black .md-stepper-icon:after, .md-steppers.md-theme-selection-black .md-stepper-icon:before,
.md-steppers.md-theme-selection-black .md-stepper-number:after,
.md-steppers.md-theme-selection-black .md-stepper-number:before,
.md-steppers.md-theme-selection-black .md-stepper:after,
.md-steppers.md-theme-selection-black .md-stepper:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-steppers.md-theme-selection-black .md-stepper-number {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-selection-black-text-hint-on-background, rgba(0, 0, 0, 0.38));
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-text-hint, #fff);
}
.md-steppers.md-theme-selection-black .md-stepper-number svg {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-text-hint, #fff);
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-text-hint, #fff);
}
.md-steppers.md-theme-selection-black .md-stepper-header .md-button-content {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-selection-black-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-steppers.md-theme-selection-black .md-stepper-header .md-button-content:after, .md-steppers.md-theme-selection-black .md-stepper-header .md-button-content:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-steppers.md-theme-selection-black .md-stepper-header.md-active .md-button-content, .md-steppers.md-theme-selection-black .md-stepper-header.md-done .md-button-content {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-selection-black .md-stepper-header.md-active .md-stepper-number, .md-steppers.md-theme-selection-black .md-stepper-header.md-done .md-stepper-number {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary-on-background, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-steppers.md-theme-selection-black .md-stepper-header.md-active .md-stepper-number svg, .md-steppers.md-theme-selection-black .md-stepper-header.md-done .md-stepper-number svg {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-steppers.md-theme-selection-black .md-stepper-header.md-error .md-button-content {
  color: #ff1744;
  color: var(--md-theme-selection-black-steppervariant, #ff1744);
}
.md-steppers.md-theme-selection-black .md-stepper-header.md-error .md-icon svg {
  color: #ff1744;
  color: var(--md-theme-selection-black-steppervariant, #ff1744);
  fill: #ff1744;
  fill: var(--md-theme-selection-black-steppervariant, #ff1744);
}

.md-subheader.md-theme-selection-black {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-subheader.md-theme-selection-black.md-primary {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}

.md-switch.md-theme-selection-black.md-checked .md-switch-container {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-selection-black-accent-on-, rgba(0, 0, 0, 0.38));
}
.md-switch.md-theme-selection-black.md-checked .md-switch-thumb {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-switch.md-theme-selection-black.md-checked .md-ripple {
  color: #000;
  color: var(--md-theme-selection-black-accent, #000);
}
.md-switch.md-theme-selection-black.md-checked.md-primary .md-switch-container {
  background-color: rgba(68, 138, 255, 0.38);
  background-color: var(--md-theme-selection-black-primary-on-, rgba(68, 138, 255, 0.38));
}
.md-switch.md-theme-selection-black.md-checked.md-primary .md-switch-thumb {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-switch.md-theme-selection-black.md-checked.md-primary .md-ripple {
  color: #448aff;
  color: var(--md-theme-selection-black-primary, #448aff);
}
.md-switch.md-theme-selection-black .md-switch-container {
  background-color: rgba(0, 0, 0, 0.38);
}
.md-switch.md-theme-selection-black .md-switch-thumb {
  background-color: #f5f5f5;
  background-color: var(--md-theme-selection-black-switchvariant, #f5f5f5);
}
.md-switch.md-theme-selection-black.md-disabled .md-switch-container {
  background-color: rgba(0, 0, 0, 0.12);
}
.md-switch.md-theme-selection-black.md-disabled .md-switch-thumb {
  background-color: #bdbdbd;
  background-color: var(--md-theme-selection-black-switchvariant, #bdbdbd);
}

.md-table.md-theme-selection-black .md-table-content,
.md-table.md-theme-selection-black .md-table-alternate-header {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background, #fff);
}
.md-table.md-theme-selection-black .md-table-alternate-header .md-table-toolbar {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
  background-color: rgba(0, 0, 0, 0.2);
  background-color: var(--md-theme-selection-black-accent-on-, rgba(0, 0, 0, 0.2));
}
.md-table.md-theme-selection-black .md-table-row:hover:not(.md-header-row) .md-table-cell {
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--md-theme-selection-black-highlight-on-background, rgba(0, 0, 0, 0.08));
}
.md-table.md-theme-selection-black .md-table-row.md-selected, .md-table.md-theme-selection-black .md-table-row.md-selected-single {
  background-color: #f5f5f5;
  background-color: var(--md-theme-selection-black-rowvariant, #f5f5f5);
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-primary, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-primary {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary-on-background, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-primary .md-ripple, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-primary .md-ripple {
  color: #fff;
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-primary .md-checkbox-container, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-primary .md-checkbox-container {
  background-color: #fff;
  border-color: #fff;
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-primary .md-checkbox-container:after, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-primary .md-checkbox-container:after {
  border-color: #448aff;
  border-color: var(--md-theme-selection-black-primary, #448aff);
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-accent, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-accent {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent-on-background, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-accent .md-ripple, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-accent .md-ripple {
  color: #fff;
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-accent .md-checkbox-container, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-accent .md-checkbox-container {
  background-color: #fff;
  border-color: #fff;
}
.md-table.md-theme-selection-black .md-table-row.md-selected.md-accent .md-checkbox-container:after, .md-table.md-theme-selection-black .md-table-row.md-selected-single.md-accent .md-checkbox-container:after {
  border-color: #000;
  border-color: var(--md-theme-selection-black-accent, #000);
}
.md-table.md-theme-selection-black .md-table-row td {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-table.md-theme-selection-black .md-table-head {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-selection-black-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-table.md-theme-selection-black .md-table-fixed-header-active {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-table.md-theme-selection-black .md-sortable:hover, .md-table.md-theme-selection-black .md-sortable.md-sorted {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-selection-black .md-sortable:hover svg, .md-table.md-theme-selection-black .md-sortable.md-sorted svg {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-selection-black .md-table-pagination {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--md-theme-selection-black-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-tabs.md-theme-selection-black .md-tabs-navigation {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-background-on-background, #fff);
}
.md-tabs.md-theme-selection-black .md-tabs-navigation .md-button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-selection-black .md-tabs-navigation .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.38));
}
.md-tabs.md-theme-selection-black .md-tabs-navigation .md-button .md-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-selection-black .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(0, 0, 0, 0.7);
  fill: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-selection-black .md-tabs-navigation .md-button.md-active {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-tabs.md-theme-selection-black .md-tabs-navigation .md-button.md-active .md-icon {
  color: #448aff;
  color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-tabs.md-theme-selection-black .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: #448aff;
  fill: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-tabs.md-theme-selection-black .md-tabs-indicator {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary-on-background, #448aff);
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation .md-button {
  color: rgba(255, 255, 255, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-primary, rgba(255, 255, 255, 0.7));
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation .md-button[disabled] {
  color: rgba(255, 255, 255, 0.38);
  color: var(--md-theme-selection-black-text-primary-on-primary, rgba(255, 255, 255, 0.38));
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation .md-button .md-icon {
  color: rgba(255, 255, 255, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-primary, rgba(255, 255, 255, 0.7));
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(255, 255, 255, 0.7);
  fill: var(--md-theme-selection-black-text-primary-on-primary, rgba(255, 255, 255, 0.7));
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation .md-button.md-active {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation .md-button.md-active .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-tabs.md-theme-selection-black.md-primary .md-tabs-indicator {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent-on-background, #000);
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation .md-button {
  color: rgba(255, 255, 255, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-accent, rgba(255, 255, 255, 0.7));
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation .md-button[disabled] {
  color: rgba(255, 255, 255, 0.38);
  color: var(--md-theme-selection-black-text-primary-on-accent, rgba(255, 255, 255, 0.38));
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation .md-button .md-icon {
  color: rgba(255, 255, 255, 0.7);
  color: var(--md-theme-selection-black-text-primary-on-accent, rgba(255, 255, 255, 0.7));
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(255, 255, 255, 0.7);
  fill: var(--md-theme-selection-black-text-primary-on-accent, rgba(255, 255, 255, 0.7));
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation .md-button.md-active {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation .md-button.md-active .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-tabs.md-theme-selection-black.md-accent .md-tabs-indicator {
  background-color: #fff;
  background-color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}

.md-toolbar.md-theme-selection-black {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
  background-color: #f5f5f5;
  background-color: var(--md-theme-selection-black-toolbarvariant, #f5f5f5);
}
.md-toolbar.md-theme-selection-black .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-selection-black .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-selection-black-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-selection-black .md-title,
.md-toolbar.md-theme-selection-black .md-display-1,
.md-toolbar.md-theme-selection-black .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-selection-black.md-primary {
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-toolbar.md-theme-selection-black.md-primary .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-toolbar.md-theme-selection-black.md-primary .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-toolbar.md-theme-selection-black.md-primary .md-button:not([disabled]):not(.md-raised) {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-toolbar.md-theme-selection-black.md-primary .md-title,
.md-toolbar.md-theme-selection-black.md-primary .md-display-1,
.md-toolbar.md-theme-selection-black.md-primary .md-display-2 {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
}
.md-toolbar.md-theme-selection-black.md-accent {
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-toolbar.md-theme-selection-black.md-accent .md-icon {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-toolbar.md-theme-selection-black.md-accent .md-icon svg {
  fill: #fff;
  fill: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-toolbar.md-theme-selection-black.md-accent .md-button:not([disabled]):not(.md-raised) {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-toolbar.md-theme-selection-black.md-accent .md-title,
.md-toolbar.md-theme-selection-black.md-accent .md-display-1,
.md-toolbar.md-theme-selection-black.md-accent .md-display-2 {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
}
.md-toolbar.md-theme-selection-black.md-transparent {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-selection-black.md-transparent .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-selection-black.md-transparent .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-selection-black.md-transparent .md-title,
.md-toolbar.md-theme-selection-black.md-transparent .md-display-1,
.md-toolbar.md-theme-selection-black.md-transparent .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-selection-black-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-tooltip.md-theme-selection-black {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-tooltip, #fff);
  background-color: rgba(97, 97, 97, 0.9);
  background-color: var(--md-theme-selection-black-tooltip-on-background, rgba(97, 97, 97, 0.9));
}

.md-badge.md-theme-selection-black {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-accent, #fff);
  background-color: #000;
  background-color: var(--md-theme-selection-black-accent, #000);
}
.md-badge.md-theme-selection-black.md-primary {
  color: #fff;
  color: var(--md-theme-selection-black-text-primary-on-primary, #fff);
  background-color: #448aff;
  background-color: var(--md-theme-selection-black-primary, #448aff);
}

/* ANIMATION */
/* SHADOWS */
/* Shadows (from mdl http://www.getmdl.io/) */
/* perfect-scrollbar v0.6.13 */
.ps-container {
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 15px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px;
}

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
  height: 11px;
}

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 15px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px;
}

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

.description,
.card-description,
.footer-big p {
  color: #999999;
}

.text-warning {
  color: #ff9800 !important;
}

.text-primary {
  color: #9c27b0 !important;
}

.text-danger {
  color: #f44336 !important;
}

.text-success {
  color: #4caf50 !important;
}

.text-info {
  color: #00bcd4 !important;
}

.text-gray {
  color: #999999 !important;
}

.wrapper:after {
  display: table;
  clear: both;
  content: " ";
}

.md-list-item .md-list-item-container .md-ripple {
  padding: 10px 15px;
  border-radius: 3px;
}
.md-list-item .md-list-item-container .md-ripple > span {
  border-radius: 3px;
}

.wrapper .sidebar,
.wrapper .off-canvas-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  background-size: cover;
  background-position: center center;
}
.wrapper .sidebar .md-icon.md-theme-default.md-icon-font,
.wrapper .sidebar .material-icons,
.wrapper .off-canvas-sidebar .md-icon.md-theme-default.md-icon-font,
.wrapper .off-canvas-sidebar .material-icons {
  color: #fff !important;
  opacity: 0.8;
}
.wrapper .sidebar .md-list,
.wrapper .off-canvas-sidebar .md-list {
  background-color: transparent !important;
}
.wrapper .sidebar .md-list.nav,
.wrapper .off-canvas-sidebar .md-list.nav {
  position: initial;
}
.wrapper .sidebar .md-list .md-list-item a,
.wrapper .off-canvas-sidebar .md-list .md-list-item a {
  text-transform: capitalize;
}
.wrapper .sidebar .md-list .md-list-item-content,
.wrapper .off-canvas-sidebar .md-list .md-list-item-content {
  justify-content: flex-start;
  min-height: auto;
}
.wrapper .sidebar .md-list .md-list-item-container:hover,
.wrapper .off-canvas-sidebar .md-list .md-list-item-container:hover {
  background-color: rgba(200, 200, 200, 0.2) !important;
}
.wrapper .sidebar .md-ripple span .md-ripple-wave,
.wrapper .off-canvas-sidebar .md-ripple span .md-ripple-wave {
  background-color: rgba(200, 200, 200, 0.4) !important;
}
.wrapper .sidebar .sidebar-wrapper,
.wrapper .off-canvas-sidebar .sidebar-wrapper {
  position: relative;
  height: calc(100vh - 75px);
  overflow: auto;
  width: 260px;
  z-index: 4;
}
.wrapper .sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,
.wrapper .off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
  display: none !important;
}
.wrapper .sidebar .sidebar-wrapper .navbar-form,
.wrapper .off-canvas-sidebar .sidebar-wrapper .navbar-form {
  border: none;
}
.wrapper .sidebar .sidebar-wrapper .nav,
.wrapper .off-canvas-sidebar .sidebar-wrapper .nav {
  padding: 0;
}
.wrapper .sidebar .sidebar-wrapper .nav [data-toggle=collapse] ~ div > ul > li > a,
.wrapper .off-canvas-sidebar .sidebar-wrapper .nav [data-toggle=collapse] ~ div > ul > li > a {
  padding-left: 60px;
}
.wrapper .sidebar .sidebar-wrapper .nav .caret,
.wrapper .off-canvas-sidebar .sidebar-wrapper .nav .caret {
  margin-top: 13px;
  position: absolute;
  right: 18px;
}
.wrapper .sidebar .logo-tim,
.wrapper .off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}
.wrapper .sidebar .logo-tim img,
.wrapper .off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}
.wrapper .sidebar .nav,
.wrapper .off-canvas-sidebar .nav {
  margin-top: 20px;
}
.wrapper .sidebar .nav.nav-mobile-menu li a,
.wrapper .off-canvas-sidebar .nav.nav-mobile-menu li a {
  padding: 10px 15px;
}
.wrapper .sidebar .nav li a,
.wrapper .off-canvas-sidebar .nav li a {
  display: flex;
  text-decoration: none;
  margin: 10px 15px 0;
  border-radius: 3px;
  color: #FFFFFF !important;
  white-space: nowrap;
  cursor: pointer;
  width: auto;
}
.wrapper .sidebar .nav li:first-child > a,
.wrapper .off-canvas-sidebar .nav li:first-child > a {
  margin: 0 15px;
}
.wrapper .sidebar .nav li:hover > a,
.wrapper .sidebar .nav li .dropdown:hover > a,
.wrapper .off-canvas-sidebar .nav li:hover > a,
.wrapper .off-canvas-sidebar .nav li .dropdown:hover > a {
  background: rgba(200, 200, 200, 0.2);
  color: #495057;
}
.wrapper .sidebar .nav li .active,
.wrapper .off-canvas-sidebar .nav li .active {
  color: #FFFFFF !important;
}
.wrapper .sidebar .nav li .active .md-ripple i,
.wrapper .off-canvas-sidebar .nav li .active .md-ripple i {
  opacity: 1;
}
.wrapper .sidebar .nav .router-link-active p,
.wrapper .off-canvas-sidebar .nav .router-link-active p {
  color: #FFFFFF;
}
.wrapper .sidebar .nav p,
.wrapper .off-canvas-sidebar .nav p {
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  position: relative;
  display: block;
  height: auto;
  font-weight: 300;
  white-space: nowrap;
}
.wrapper .sidebar .nav i,
.wrapper .off-canvas-sidebar .nav i {
  font-size: 24px !important;
  float: left;
  margin-right: 15px !important;
  margin-left: 0;
  line-height: 30px;
  width: 30px;
  text-align: center;
  color: #a9afbb;
}
.wrapper .sidebar .logo,
.wrapper .off-canvas-sidebar .logo {
  position: relative;
  padding: 15px 0;
  z-index: 4;
}
.wrapper .sidebar .logo:after,
.wrapper .off-canvas-sidebar .logo:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 1px;
  width: calc(100% - 30px);
  background-color: rgba(180, 180, 180, 0.3);
}
.wrapper .sidebar .logo p,
.wrapper .off-canvas-sidebar .logo p {
  float: left;
  font-size: 20px;
  margin: 10px 10px;
  color: #FFFFFF;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper .sidebar .logo .logo-mini,
.wrapper .off-canvas-sidebar .logo .logo-mini {
  float: left;
  width: 40px;
  text-align: center;
  margin-left: 25px;
  margin-right: 11px;
  position: relative;
  top: -5px;
}
.wrapper .sidebar .logo .simple-text,
.wrapper .off-canvas-sidebar .logo .simple-text {
  text-transform: uppercase;
  padding: 5px 0px;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}
.wrapper .sidebar .logo .simple-text, .wrapper .sidebar .logo .simple-text:hover, .wrapper .sidebar .logo .simple-text:focus,
.wrapper .off-canvas-sidebar .logo .simple-text,
.wrapper .off-canvas-sidebar .logo .simple-text:hover,
.wrapper .off-canvas-sidebar .logo .simple-text:focus {
  color: #FFFFFF !important;
}
.wrapper .sidebar .logo .simple-text .logo-img,
.wrapper .off-canvas-sidebar .logo .simple-text .logo-img {
  width: 40px;
  display: inline-block;
  height: 40px;
  background: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.wrapper .sidebar .logo .simple-text .logo-img img,
.wrapper .off-canvas-sidebar .logo .simple-text .logo-img img {
  width: 55%;
  vertical-align: -webkit-baseline-middle;
}
.wrapper .sidebar .logo-tim,
.wrapper .off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}
.wrapper .sidebar .logo-tim img,
.wrapper .off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}
.wrapper .sidebar:after,
.wrapper .off-canvas-sidebar:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 27, 27, 0.87);
  opacity: 0.85;
  top: 0;
  left: 0;
  z-index: 2;
}
.wrapper .sidebar[data-color=blue] .nav .md-list-item-container.active,
.wrapper .off-canvas-sidebar[data-color=blue] .nav .md-list-item-container.active {
  background-color: #00bcd4 !important;
  box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.wrapper .sidebar[data-color=green] .nav .md-list-item-container.active,
.wrapper .off-canvas-sidebar[data-color=green] .nav .md-list-item-container.active {
  background-color: #4caf50 !important;
  box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.wrapper .sidebar[data-color=orange] .nav .md-list-item-container.active,
.wrapper .off-canvas-sidebar[data-color=orange] .nav .md-list-item-container.active {
  background-color: #ff9800 !important;
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.wrapper .sidebar[data-color=red] .nav .md-list-item-container.active,
.wrapper .off-canvas-sidebar[data-color=red] .nav .md-list-item-container.active {
  background-color: #f44336 !important;
  box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}
.wrapper .sidebar[data-color=purple] .nav .md-list-item-container.active,
.wrapper .off-canvas-sidebar[data-color=purple] .nav .md-list-item-container.active {
  background-color: #9c27b0 !important;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}

.off-canvas-sidebar .nav > li > a,
.off-canvas-sidebar .nav > li > a:hover {
  color: #FFFFFF;
}
.off-canvas-sidebar .nav > li > a:focus {
  background: rgba(200, 200, 200, 0.2);
}

.perfect-scrollbar-on .sidebar,
.perfect-scrollbar-on .main-panel {
  height: 100%;
  max-height: 100%;
}

.main-panel {
  position: relative;
  float: right;
  width: calc(100% - 260px);
  transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.main-panel > .content {
  padding: 30px 15px;
  min-height: calc(100vh - 123px);
}
.main-panel > .footer {
  border-top: 1px solid #e7e7e7;
}
.main-panel > .navbar {
  margin-bottom: 0;
}

button.btn-primary-icon.theme--light.v-size--default,
a.btn-primary-icon.theme--light.v-size--default,
button.btn-primary-icon.theme--dark.v-size--default,
a.btn-primary-icon.theme--dark.v-size--default, .btn-primary.width-btn-primary, button.btn-primary.v-btn,
button.btn-primary.theme--light, a.btn-primary.theme--light,
button.btn-primary.theme--dark, a.btn-primary.theme--dark, button.btn-primary-icon.theme--light, a.btn-primary-icon.theme--light {
  background-color: #00A82D;
  text-transform: initial;
  border-radius: 5px;
  font-weight: 400;
  font-size: 13px;
}

button.btn-secondary-icon.theme--light.v-size--default,
a.btn-secondary-icon.theme--light.v-size--default,
button.btn-secondary-icon.theme--dark.v-size--default,
a.btn-secondary-icon.theme--dark.v-size--default, button.btn-secondary.theme--light, a.btn-secondary.theme--light,
button.btn-secondary.theme--dark, a.btn-secondary.theme--dark {
  color: #00A82D;
  text-transform: initial;
  border-radius: 2px;
  min-width: 100px;
  font-size: 13px;
}

button.btn-tertiary-icon.theme--light.v-size--default, a.btn-tertiary-icon.theme--light.v-size--default, button.btn-tertiary.theme--light, a.btn-tertiary.theme--light {
  background-color: #f2f2f2;
  color: #00A82D;
  text-transform: initial;
  width: 100px;
  font-size: 13px;
}

button.btn-quaternary-icon.theme--light.v-size--default, a.btn-quaternary-icon.theme--light.v-size--default,
button.btn-quaternary-icon.theme--dark.v-size--default, a.btn-quaternary-icon.theme--dark.v-size--default, button.btn-quaternary.theme--light, a.btn-quaternary.theme--light,
button.btn-quaternary.theme--dark, a.btn-quaternary.theme--dark {
  background-color: transparent;
  color: #00A82D;
  text-transform: initial;
  border-radius: 2px;
  width: 100px;
  font-size: 13px;
}

button.btn-edit-delete-icon.theme--light.v-size--default, a.btn-edit-delete-icon.theme--light.v-size--default, button.btn-edit-delete.theme--light, a.btn-edit-delete.theme--light {
  background-color: #f2f2f2;
  color: #212121;
  text-transform: initial;
  border-radius: 2px;
  width: 85px;
  font-size: 13px;
}

.v-btn {
  margin: 6px 8px;
  letter-spacing: normal;
}

.v-btn > i.icone {
  font-size: 1em;
  color: red;
}

.btn-primary.width-btn-primary, button.btn-primary.v-btn,
button.btn-primary.theme--light, a.btn-primary.theme--light,
button.btn-primary.theme--dark, a.btn-primary.theme--dark {
  min-width: 100px;
}

button.btn-primary-icon.theme--light.v-size--default,
a.btn-primary-icon.theme--light.v-size--default,
button.btn-primary-icon.theme--dark.v-size--default,
a.btn-primary-icon.theme--dark.v-size--default {
  height: 28px;
  font-size: 13px;
}

button.btn-primary.v-btn.v-btn--disabled {
  background-color: rgba(0, 0, 0, 0.12);
  font-weight: 500;
  color: rgba(0, 0, 0, 0.26);
}

button.btn-secondary-icon.theme--light.v-size--default,
a.btn-secondary-icon.theme--light.v-size--default,
button.btn-secondary-icon.theme--dark.v-size--default,
a.btn-secondary-icon.theme--dark.v-size--default {
  height: 28px;
  font-size: 13px;
}

button.btn-tertiary-icon.theme--light.v-size--default, a.btn-tertiary-icon.theme--light.v-size--default {
  height: 28px;
}

button.btn-quaternary-icon.theme--light.v-size--default, a.btn-quaternary-icon.theme--light.v-size--default,
button.btn-quaternary-icon.theme--dark.v-size--default, a.btn-quaternary-icon.theme--dark.v-size--default {
  height: 28px;
  font-size: 13px;
}

button.btn-quaternary.theme--light:disabled {
  background-color: #f2f2f2;
}

button.btn-edit-delete-icon.theme--light.v-size--default, a.btn-edit-delete-icon.theme--light.v-size--default {
  height: 28px;
}

button.font-weight-normal, a.font-weight-normal {
  font-weight: normal;
}

.width-icon .v-icon.material-icons {
  margin-right: 5px;
  font-size: 18px;
  transform: rotate(0.03deg);
}

.width-icon {
  margin: 0px 8px;
}

.btn-secondary.align-icon-right.v-btn {
  padding: 0 10px 0 20px;
}

.btn-secondary.align-icon-left.v-btn {
  padding: 0 20px 0 10px;
}

.size-icon-filter {
  margin-top: 2px;
}

button.actions-btn.v-btn.v-btn--contained.theme--light {
  background-color: #ffffff;
  color: #00A82D;
  text-transform: initial;
  border-radius: 2px;
  border: 1px solid #00A82D;
  font-size: 13px;
}

button.actions-btn.v-btn.v-btn--contained.theme--light:disabled {
  border: 1px solid #e6e6e6;
}

.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: #f2f2f2 !important;
  border: 1px solid #e6e6e6;
}

.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: #ffffff;
}

body {
  background-color: transparent;
  letter-spacing: unset;
  color: #495057;
}
body.inverse {
  background: #333333;
}
body.inverse, body.inverse .form-control {
  color: #ffffff;
}
body.inverse .modal,
body.inverse .modal .form-control,
body.inverse .panel-default,
body.inverse .panel-default .form-control,
body.inverse .card,
body.inverse .card .form-control {
  background-color: initial;
  color: initial;
}

.wrapper.wrapper-full-page {
  height: auto;
  min-height: 100vh;
}

blockquote p {
  font-style: italic;
}

.life-of-material-dashboard {
  background: #FFFFFF;
}

.serif-font {
  font-family: "Roboto Slab", "Times New Roman", serif;
}

.page-header {
  height: 60vh;
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a {
  color: #9c27b0;
}
a:hover, a:focus {
  color: #89229b !important;
  text-decoration: none !important;
}
a.text-info:hover, a.text-info:focus {
  color: #00a5bb;
}
a .material-icons {
  vertical-align: middle;
}

a[data-toggle=collapse][aria-expanded=true] .caret {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}

.sidebar .nav a,
.caret,
.sidebar .dropdown .dropdown-menu li a {
  transition: all 150ms ease-in;
}

/*           Animations              */
.animation-transition-general, .wrapper .sidebar,
.wrapper .off-canvas-sidebar {
  transition: all 300ms linear;
}

.animation-transition-slow {
  transition: all 370ms linear;
}

.animation-transition-fast {
  transition: all 150ms ease 0s;
}

legend {
  border-bottom: 0;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  outline: 0;
}

a:focus, a:active,
button:active, button:focus, button:hover,
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
select::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  outline: 0 !important;
}

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

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

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

.places-buttons .md-button {
  width: 30%;
  margin-left: 10px;
  margin-right: 10px;
}

.md-theme-default :not(input):not(textarea)::-moz-selection {
  background-color: #c8c8c8 !important;
}

.md-theme-default :not(input):not(textarea)::selection {
  background-color: #c8c8c8 !important;
}

legend {
  margin-bottom: 20px;
  font-size: 21px;
}

output {
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.428571429;
}

.form-control {
  height: 36px;
  padding: 7px 0;
  font-size: 14px;
  line-height: 1.428571429;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 36px;
  }
  input[type=date].input-sm, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm input[type=month] {
    line-height: 24px;
  }
  input[type=date].input-lg, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg input[type=month] {
    line-height: 44px;
  }
}
.radio label,
.checkbox label {
  min-height: 20px;
}

.form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 34px;
}

.input-sm .input-sm {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}
.input-sm select.input-sm {
  height: 24px;
  line-height: 24px;
}
.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
}
.form-group-sm select.form-control {
  height: 24px;
  line-height: 24px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 24px;
  min-height: 31px;
  padding: 4px 0;
  font-size: 11px;
  line-height: 1.5;
}

.input-lg .input-lg {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.input-lg select.input-lg {
  height: 44px;
  line-height: 44px;
}
.input-lg textarea.input-lg,
.input-lg select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
}
.form-group-lg select.form-control {
  height: 44px;
  line-height: 44px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 44px;
  min-height: 38px;
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.3333333;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 8px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 28px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 12.9999997px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 4px;
    font-size: 11px;
  }
}

.label {
  border-radius: 2px;
}

.form-control,
.form-group .form-control {
  border: 0;
  background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: rgba(0, 0, 0, 0);
  transition: background 0s ease-out;
  float: none;
  box-shadow: none;
  border-radius: 0;
  font-weight: 400;
}
.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
  color: #AAAAAA;
  font-weight: 400;
}
.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
  color: #AAAAAA;
  font-weight: 400;
}
.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
  color: #AAAAAA;
  font-weight: 400;
}
.form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control,
.form-group .form-control[readonly],
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
  background-color: rgba(0, 0, 0, 0);
}
.form-control[disabled], fieldset[disabled] .form-control,
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
  background-image: none;
  border-bottom: 1px dotted #D2D2D2;
}

.form-group {
  position: relative;
}
.form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label {
  position: absolute;
  pointer-events: none;
  transition: 0.3s ease all;
}
.form-group.label-floating label.control-label {
  will-change: left, top, contents;
}
.form-group.label-placeholder:not(.is-empty) label.control-label {
  display: none;
}
.form-group .help-block {
  position: absolute;
  display: none;
}
.form-group.is-focused .form-control {
  outline: none;
  background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 100% 2px, 100% 1px;
  box-shadow: none;
  transition-duration: 0.3s;
}
.form-group.is-focused .form-control .material-input:after {
  background-color: #9c27b0;
}
.form-group.is-focused.form-info .form-control {
  background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-success .form-control {
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-warning .form-control {
  background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-danger .form-control {
  background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-white .form-control {
  background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
  color: #AAAAAA;
}
.form-group.is-focused .help-block {
  display: block;
}
.form-group.has-warning .form-control {
  box-shadow: none;
}
.form-group.has-warning.is-focused .form-control {
  background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-warning label.control-label,
.form-group.has-warning .help-block {
  color: #ff9800;
}
.form-group.has-error .form-control {
  box-shadow: none;
}
.form-group.has-error.is-focused .form-control {
  background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-error label.control-label,
.form-group.has-error .help-block {
  color: #f44336;
}
.form-group.has-success .form-control {
  box-shadow: none;
}
.form-group.has-success.is-focused .form-control {
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-success label.control-label,
.form-group.has-success .help-block {
  color: #4caf50;
}
.form-group.has-info .form-control {
  box-shadow: none;
}
.form-group.has-info.is-focused .form-control {
  background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-info label.control-label,
.form-group.has-info .help-block {
  color: #00bcd4;
}
.form-group textarea {
  resize: none;
}
.form-group textarea ~ .form-control-highlight {
  margin-top: -11px;
}
.form-group select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-group select ~ .material-input:after {
  display: none;
}

select.form-control {
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.form-group.is-focused select.form-control {
  box-shadow: none;
  border-color: #D2D2D2;
}
select.form-control[multiple], .form-group.is-focused select.form-control[multiple] {
  height: 85px;
}

.input-group-btn .btn {
  margin: 0 0 7px 0;
}

.form-group.form-group-sm .input-group-btn .btn {
  margin: 0 0 3px 0;
}
.form-group.form-group-lg .input-group-btn .btn {
  margin: 0 0 9px 0;
}

.input-group .input-group-btn {
  padding: 0 12px;
}
.input-group .input-group-addon {
  border: 0;
  background: transparent;
  padding: 6px 15px 0px;
}

.form-group input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.form-control-feedback {
  opacity: 0;
}
.has-success .form-control-feedback {
  color: #4caf50;
  opacity: 1;
}
.has-error .form-control-feedback {
  color: #f44336;
  opacity: 1;
}

.md-field .md-input,
.md-field .md-textarea {
  height: 36px;
  padding: 7px 0;
  font-size: 14px !important;
  -webkit-text-fill-color: #495057 !important;
}
.md-field.md-has-textarea:not(.md-autogrow) label {
  left: 0;
}
.sidebar .md-field.md-theme-default.md-focused .md-input {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
.md-field label {
  font-size: 14px;
  font-weight: 400;
  color: #AAAAAA !important;
  line-height: 1.4;
  top: 26px;
}
.md-field.md-disabled .md-input {
  cursor: not-allowed;
}
.md-field.md-disabled:after {
  border-bottom: 1px dotted #d2d2d2;
  background-color: transparent !important;
  background-image: none !important;
}
.md-field:not(.md-disabled):after {
  background-color: #d2d2d2 !important;
}
.md-field:before {
  background-color: #9c27b0 !important;
}
.md-field.md-focused label, .md-field.md-has-value label, .md-field.md-focused.md-has-value label {
  font-size: 0.6875rem;
}
.md-field.md-has-textarea:not(.md-autogrow):after, .md-field.md-has-textarea:not(.md-autogrow):before {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  border-color: #d2d2d2 !important;
}
.md-field.md-has-textarea:not(.md-autogrow):before {
  border-bottom: 2px solid transparent;
  border-color: #9c27b0 !important;
  transform: scaleX(0.12);
}
.md-field.md-has-textarea:not(.md-autogrow).md-focused label, .md-field.md-has-textarea:not(.md-autogrow).md-has-value label {
  top: 0;
}
.md-field.md-focused.md-has-textarea:not(.md-autogrow):before {
  transform: scaleX(1);
}

.md-field .md-input-action {
  top: 8px;
  border-radius: 50%;
  background-color: #FFFFFF !important;
}
.md-field .md-input-action .md-button-content i {
  width: 18px;
  height: 18px;
}
.md-field .md-input-action .md-button-content i svg {
  fill: #999999 !important;
}

.fixed-plugin {
  position: fixed;
  right: 0;
  width: 64px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1031;
  border-radius: 8px 0 0 8px;
  text-align: center;
  top: 120px;
}
.fixed-plugin li > a,
.fixed-plugin .badge {
  transition: all 0.34s;
  -webkit-transition: all 0.34s;
  -moz-transition: all 0.34s;
}
.fixed-plugin .fa-cog {
  color: #FFFFFF;
  padding: 10px;
  border-radius: 0 0 6px 6px;
  width: auto;
}
.fixed-plugin .dropdown {
  cursor: pointer;
}
.fixed-plugin .dropdown-menu {
  right: 80px;
  left: auto !important;
  top: -40px !important;
  width: 290px;
  border-radius: 10px;
  padding: 0 10px;
}
.fixed-plugin .dropdown .dropdown-menu .now-ui-icons {
  top: 5px;
}
.fixed-plugin .dropdown-menu:after,
.fixed-plugin .dropdown-menu:before {
  right: 10px;
  margin-left: auto;
  left: auto;
}
.fixed-plugin .fa-circle-thin {
  color: #FFFFFF;
}
.fixed-plugin .active .fa-circle-thin {
  color: #00bbff;
}
.fixed-plugin .dropdown-menu > .active > a,
.fixed-plugin .dropdown-menu > .active > a:hover,
.fixed-plugin .dropdown-menu > .active > a:focus {
  color: #777777;
  text-align: center;
}
.fixed-plugin img {
  border-radius: 0;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}
.fixed-plugin .dropdown-menu li > a:hover,
.fixed-plugin .dropdown-menu li > a:focus {
  box-shadow: none;
}
.fixed-plugin .badge {
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  margin-right: 5px;
  position: relative;
  width: 23px;
}
.fixed-plugin .badge.active,
.fixed-plugin .badge:hover {
  border-color: #00bbff;
}
.fixed-plugin .badge-blue {
  background-color: #00bcd4;
}
.fixed-plugin .badge-green {
  background-color: #4caf50;
}
.fixed-plugin .badge-purple {
  background-color: #9c27b0;
}
.fixed-plugin .badge-orange {
  background-color: #ff9800;
}
.fixed-plugin .badge-red {
  background-color: #f44336;
}
.fixed-plugin h5 {
  font-size: 14px;
  margin: 10px;
}
.fixed-plugin .dropdown-menu li {
  display: block;
  padding: 18px 2px;
  width: 25%;
  float: left;
}
.fixed-plugin li.adjustments-line,
.fixed-plugin li.header-title,
.fixed-plugin li.button-container {
  width: 100%;
  height: 50px;
  min-height: inherit;
}
.fixed-plugin li.button-container {
  height: auto;
}
.fixed-plugin li.button-container .md-button.md-just-icon {
  margin-left: 5px;
  margin-right: 5px;
}
.fixed-plugin #sharrreTitle {
  text-align: center;
  padding: 10px 0;
  height: 50px;
}
.fixed-plugin li.header-title {
  height: 30px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.fixed-plugin .github-buttons {
  width: 100% !important;
  display: flex !important;
  justify-content: center;
  margin-bottom: 10px;
}
.fixed-plugin .github-buttons .gh-button,
.fixed-plugin .github-buttons .social-count {
  color: inherit !important;
  background-color: inherit !important;
  background-position: unset;
}
.fixed-plugin .adjustments-line p {
  float: left;
  display: inline-block;
  margin-bottom: 0;
  font-size: 1em;
  color: #3C4858;
}
.fixed-plugin .adjustments-line a {
  color: transparent;
}
.fixed-plugin .adjustments-line a .badge-colors {
  position: relative;
  top: -2px;
}
.fixed-plugin .adjustments-line a a:hover,
.fixed-plugin .adjustments-line a a:focus {
  color: transparent;
}
.fixed-plugin .adjustments-line .togglebutton {
  text-align: center;
}
.fixed-plugin .adjustments-line .togglebutton .label-switch {
  position: relative;
  left: -10px;
  font-size: 14px;
  color: #999999;
}
.fixed-plugin .adjustments-line .togglebutton .label-switch.label-right {
  left: 10px;
}
.fixed-plugin .adjustments-line .togglebutton .toggle {
  margin-right: 0;
}
.fixed-plugin .adjustments-line .dropdown-menu > li.adjustments-line > a {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  margin: 0;
}
.fixed-plugin .dropdown-menu > li > a.img-holder {
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
  background-color: #FFF;
  border: 3px solid #FFF;
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
  cursor: pointer;
  display: block;
  max-height: 100px;
  overflow: hidden;
  padding: 0;
}
.fixed-plugin .dropdown-menu > li > a.img-holder img {
  margin-top: auto;
}
.fixed-plugin .dropdown-menu > li a.switch-trigger:hover, .fixed-plugin .dropdown-menu > li > a.switch-trigger:focus {
  background-color: transparent;
}
.fixed-plugin .dropdown-menu > li:hover > a.img-holder, .fixed-plugin .dropdown-menu > li:focus > a.img-holder {
  border-color: rgba(0, 187, 255, 0.53);
}
.fixed-plugin .dropdown-menu > .active > a.img-holder,
.fixed-plugin .dropdown-menu > .active > a.img-holder {
  border-color: #00bbff;
  background-color: #FFFFFF;
}
.fixed-plugin .btn-social {
  width: 50%;
  display: block;
  width: 48%;
  float: left;
  font-weight: 600;
}
.fixed-plugin .btn-social i {
  margin-right: 5px;
}
.fixed-plugin .btn-social:first-child {
  margin-right: 2%;
}
.fixed-plugin .dropdown .dropdown-menu {
  transform: translateY(-2%);
  top: 27px;
  opacity: 0;
  transform-origin: 0 0;
}
.fixed-plugin .dropdown .dropdown-menu:before {
  border-left: 16px solid rgba(0, 0, 0, 0.2);
  right: -16px;
}
.fixed-plugin .dropdown .dropdown-menu:after {
  border-left: 16px solid #fff;
  right: -15px;
}
.fixed-plugin .dropdown .dropdown-menu:before, .fixed-plugin .dropdown .dropdown-menu:after {
  content: "";
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
  display: inline-block;
  position: absolute;
  top: 65px;
  width: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.fixed-plugin .dropdown.show .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(4%);
  transform-origin: 0 0;
}
.fixed-plugin .bootstrap-switch {
  margin: 0;
}

.fixed-plugin .dropdown-menu > li > a.img-holder {
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
  background-color: #FFF;
  border: 3px solid #FFF;
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
  cursor: pointer;
  display: block;
  max-height: 100px;
  overflow: hidden;
  padding: 0;
  min-width: 25%;
}

.fixed-plugin .dropdown .dropdown-menu li.adjustments-line {
  border-bottom: 1px solid #ddd;
}

.fixed-plugin .dropdown .dropdown-menu li {
  padding: 5px 2px !important;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 0;
}
.form-horizontal .radio {
  margin-bottom: 10px;
}
.form-horizontal label {
  text-align: right;
}
.form-horizontal label.control-label {
  margin: 0;
}

.form-newsletter .input-group,
.form-newsletter .form-group {
  float: left;
  width: 78%;
  margin-right: 2%;
  margin-top: 9px;
}
.form-newsletter .btn {
  float: left;
  width: 20%;
  margin: 9px 0 0;
}

.alert {
  border: 0;
  border-radius: 0;
  position: relative;
  padding: 20px 15px;
  line-height: 20px;
  margin-bottom: 20px;
  background-color: #999999;
  color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(153, 153, 153, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(153, 153, 153, 0.2);
}
.notifications .alert {
  margin-bottom: 0;
}
.alert b {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}
.alert.alert-info {
  background-color: #00d3ee;
  color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(0, 211, 238, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 211, 238, 0.2);
}
.alert.alert-danger {
  background-color: #f55a4e;
  color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(245, 90, 78, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(245, 90, 78, 0.2);
}
.alert.alert-primary {
  background-color: #af2cc5;
  color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(175, 44, 197, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(175, 44, 197, 0.2);
}
.alert.alert-warning {
  background-color: #ffa21a;
  color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(255, 162, 26, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 162, 26, 0.2);
}
.alert.alert-success {
  background-color: #5cb860;
  color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(92, 184, 96, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(92, 184, 96, 0.2);
}
.alert-info, .alert-danger, .alert-warning, .alert-success {
  color: #ffffff;
}
.alert-default a, .alert-default .alert-link {
  color: rgba(0,0,0, 0.87);
}
.alert .close {
  float: right;
  font-size: inherit;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  opacity: 0.9;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.alert i[data-notify=icon] {
  font-size: 30px;
  display: block;
  left: 15px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.alert span {
  display: block;
  max-width: 89%;
}
.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 15px;
}
.alert .alert-icon i {
  margin-top: -7px;
  top: 5px;
  position: relative;
}

.alert.alert-with-icon {
  padding-left: 65px;
}

.tabela-coluna-oculta {
  display: none;
}

.card-table.v-card.v-sheet.theme--light {
  padding: 10px 5px;
  border: 2px solid #f2f2f2;
  box-shadow: none;
  margin-top: -4px;
  border-radius: 1px;
}

.borda-padrao {
  border-radius: 3px;
}

.card-no-data {
  border: 2px solid #f2f2f2;
  box-shadow: none;
  text-align: center;
  background-color: #ffffff;
}

.theme--light.v-data-table thead tr th {
  color: #212121;
  font-weight: 600;
}

.theme--light.v-data-table thead tr th:hover,
.theme--light.v-data-table .v-data-table-header th.sortable:hover {
  color: #00A82D;
}

.theme--light.v-data-table .v-data-table-header th.sortable.active {
  color: #00A82D;
}

.v-application p {
  margin-bottom: 0px;
}

.v-list-item__title {
  font-size: 14px;
  font-weight: 500;
}

.v-data-table-header {
  background-color: #fff;
}

.v-data-table.theme--dark .v-data-table-header {
  background-color: #313131;
}

div.v-data-table.contorno-tabela tbody tr td {
  font-size: 13px;
}

div.contorno-tabela div.v-data-table__wrapper {
  border: 2px solid #f2f2f2;
  margin-top: 8px;
}

.theme--light.v-data-table .v-data-footer {
  border: none;
}

::v-deep .theme--light.v-data-table.v-data-table--fixed-header thead th {
  background-color: #f2f2f2;
}

.v-data-table td {
  font-size: 13px;
}

.md-layout-item {
  padding-right: 15px;
  padding-left: 15px;
}

.md-list .md-ripple {
  overflow: hidden;
}

@media (min-width: 992px) {
  .typo-line {
    padding-left: 140px;
    margin-bottom: 40px;
    position: relative;
  }
  .typo-line .category {
    transform: translateY(-50%);
    top: 50%;
    left: 0px;
    position: absolute;
  }
  .sidebar .nav > li.active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
  }
}
#map {
  position: relative;
  width: 100%;
  height: calc(100vh - 60px);
}

.places-buttons .btn {
  margin-bottom: 30px;
}

.space-70 {
  height: 70px;
  display: block;
}

.tim-row {
  margin-bottom: 20px;
}

.tim-typo {
  padding-left: 25%;
  margin-bottom: 40px;
  position: relative;
}

.tim-typo .tim-note {
  bottom: 10px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  left: 0;
  margin-left: 20px;
  position: absolute;
  width: 260px;
}

.tim-row {
  padding-top: 50px;
}

.tim-row h3 {
  margin-top: 0;
}

.md-checkbox .md-checkbox-container {
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-radius: 3px;
}
.md-checkbox .md-checkbox-container .md-ripple {
  overflow: hidden;
}
.md-checkbox.md-checked .md-checkbox-container:after {
  border-color: #9c27b0 !important;
  top: 1px;
  left: 6px;
}
.md-checkbox .md-checkbox-label {
  font-weight: 400;
  color: #aaa;
  padding-left: 10px;
}
.md-checkbox.md-theme-default.md-checked .md-checkbox-container {
  background-color: transparent !important;
  border-color: inherit;
}
.md-checkbox.md-theme-default.md-checked .md-ripple {
  color: inherit;
}
.md-checkbox.md-disabled .md-checkbox-label, .md-checkbox.md-disabled .md-checkbox-container {
  opacity: 0.26;
  border-color: rgba(0, 0, 0, 0.54) !important;
}
.md-checkbox.md-checked.md-disabled .md-checkbox-container {
  background-color: transparent !important;
  border-color: rgba(0, 0, 0, 0.54) !important;
  opacity: 0.26;
}
.md-checkbox.md-checked.md-disabled .md-checkbox-container:after {
  border-color: rgba(0, 0, 0, 0.54) !important;
}

.togglebutton {
  vertical-align: middle;
}
.togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.togglebutton label {
  cursor: pointer;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.togglebutton label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.togglebutton label .toggle {
  text-align: left;
  margin-left: 5px;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-color: rgba(80, 80, 80, 0.7);
  border-radius: 15px;
  margin-right: 15px;
  transition: background 0.3s ease;
  vertical-align: middle;
}
.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  border: 1px solid rgba(0,0,0, .54);
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
  background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle {
  background-color: rgba(156, 39, 176, 0.7);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  border-color: #9c27b0;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
}

.withripple {
  position: relative;
}

.ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}
.disabled .ripple-container {
  display: none;
}

.ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(1);
  transform-origin: 50%;
  opacity: 0;
  pointer-events: none;
}

.ripple.ripple-on {
  transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  opacity: 0.1;
}

.ripple.ripple-out {
  transition: opacity 0.1s linear 0s !important;
  opacity: 0;
}

.pagination > li > a,
.pagination > li > span {
  border: 0;
  border-radius: 30px !important;
  transition: all 0.3s;
  padding: 0px 11px;
  margin: 0 3px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999999;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  background: transparent;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #999999;
}
.pagination > .active > a,
.pagination > .active > span {
  color: #999999;
  text-align: center;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #9c27b0;
  border-color: #9c27b0;
  color: #FFFFFF;
  box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
}
.pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover,
.pagination.pagination-info > .active > span,
.pagination.pagination-info > .active > span:focus,
.pagination.pagination-info > .active > span:hover {
  background-color: #00bcd4;
  border-color: #00bcd4;
  box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2);
}
.pagination.pagination-success > .active > a, .pagination.pagination-success > .active > a:focus, .pagination.pagination-success > .active > a:hover,
.pagination.pagination-success > .active > span,
.pagination.pagination-success > .active > span:focus,
.pagination.pagination-success > .active > span:hover {
  background-color: #4caf50;
  border-color: #4caf50;
  box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2);
}
.pagination.pagination-warning > .active > a, .pagination.pagination-warning > .active > a:focus, .pagination.pagination-warning > .active > a:hover,
.pagination.pagination-warning > .active > span,
.pagination.pagination-warning > .active > span:focus,
.pagination.pagination-warning > .active > span:hover {
  background-color: #ff9800;
  border-color: #ff9800;
  box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2);
}
.pagination.pagination-danger > .active > a, .pagination.pagination-danger > .active > a:focus, .pagination.pagination-danger > .active > a:hover,
.pagination.pagination-danger > .active > span,
.pagination.pagination-danger > .active > span:focus,
.pagination.pagination-danger > .active > span:hover {
  background-color: #f44336;
  border-color: #f44336;
  box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2);
}

.section-dark .nav-pills > li > a, .section-image .nav-pills > li > a {
  color: #999999;
}
.section-dark .nav-pills > li > a:hover,
.section-dark .nav-pills > li > a:focus, .section-image .nav-pills > li > a:hover,
.section-image .nav-pills > li > a:focus {
  background-color: #EEEEEE;
}
.nav-pills > li > a {
  line-height: 24px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555555;
  transition: all 0.3s;
}
.nav-pills > li > a:hover {
  background-color: rgba(200, 200, 200, 0.2);
}
.nav-pills > li i {
  display: block;
  font-size: 30px;
  padding: 15px 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #9c27b0;
  color: #FFFFFF;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.nav-pills:not(.nav-pills-icons) > li > a {
  border-radius: 30px;
}
.nav-pills.nav-stacked > li + li {
  margin-top: 5px;
}
.nav-pills.nav-pills-info > li.active > a, .nav-pills.nav-pills-info > li.active > a:focus, .nav-pills.nav-pills-info > li.active > a:hover {
  background-color: #00bcd4;
  box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.nav-pills.nav-pills-success > li.active > a, .nav-pills.nav-pills-success > li.active > a:focus, .nav-pills.nav-pills-success > li.active > a:hover {
  background-color: #4caf50;
  box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.nav-pills.nav-pills-warning > li.active > a, .nav-pills.nav-pills-warning > li.active > a:focus, .nav-pills.nav-pills-warning > li.active > a:hover {
  background-color: #ff9800;
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.nav-pills.nav-pills-danger > li.active > a, .nav-pills.nav-pills-danger > li.active > a:focus, .nav-pills.nav-pills-danger > li.active > a:hover {
  background-color: #f44336;
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.tab-space {
  padding: 20px 0 50px 0px;
}

.modal-content {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  border-radius: 6px;
  border: none;
}
.modal-content .modal-header {
  border-bottom: none;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
}
.modal-content .modal-body {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
}
.modal-content .modal-footer {
  border-top: none;
  padding: 7px;
}
.modal-content .modal-footer.text-center {
  text-align: center;
}
.modal-content .modal-footer button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  width: auto;
}
.modal-content .modal-footer button.pull-left {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  left: -5px;
}
.modal-content .modal-footer button + button {
  margin-bottom: 16px;
}
.modal-content .modal-body + .modal-footer {
  padding-top: 0;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.3);
}

.modal .modal-dialog {
  margin-top: 100px;
}
.modal .modal-header .close {
  color: #999999;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus {
  opacity: 1;
}
.modal .modal-header .close i {
  font-size: 16px;
}

.modal-notice .instruction {
  margin-bottom: 25px;
}
.modal-notice .picture {
  max-width: 150px;
}
.modal-notice .modal-content .btn-raised {
  margin-bottom: 15px;
}

.modal-small {
  width: 300px;
}
.modal-small .modal-body {
  margin-top: 20px;
}

.md-toolbar {
  min-height: 56px;
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #999999 !important;
  box-shadow: 0 12px 20px -10px rgba(153, 153, 153, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(153, 153, 153, 0.2);
}
.md-toolbar.md-transparent {
  background-color: transparent !important;
  box-shadow: none;
}
.md-toolbar.md-transparent .md-title,
.md-toolbar.md-transparent .md-list .md-list-item-content, .md-toolbar.md-transparent, .md-toolbar.md-transparent:hover, .md-toolbar.md-transparent:focus {
  color: #495057 !important;
}
.md-toolbar .md-list-item-content {
  padding: 0;
}
.md-toolbar .md-list-item .md-button.md-just-icon {
  width: auto;
  min-width: auto;
  min-height: 48px;
  border-radius: 3px;
}
.md-toolbar .md-list-item .md-button.md-just-icon, .md-toolbar .md-list-item .md-button.md-just-icon:hover, .md-toolbar .md-list-item .md-button.md-just-icon:focus, .md-toolbar .md-list-item .md-button.md-just-icon:active, .md-toolbar .md-list-item .md-button.md-just-icon.active, .md-toolbar .md-list-item .md-button.md-just-icon:active:focus, .md-toolbar .md-list-item .md-button.md-just-icon:active:hover, .md-toolbar .md-list-item .md-button.md-just-icon.active:focus, .md-toolbar .md-list-item .md-button.md-just-icon.active:hover, .open > .md-toolbar .md-list-item .md-button.md-just-icon.dropdown-toggle, .open > .md-toolbar .md-list-item .md-button.md-just-icon.dropdown-toggle:focus, .open > .md-toolbar .md-list-item .md-button.md-just-icon.dropdown-toggle:hover {
  color: #495057 !important;
}
.md-toolbar .md-list-item .md-button.md-just-icon i {
  width: 20px;
  min-width: 20px;
}
.md-toolbar .md-list-item .md-button.md-just-icon i, .md-toolbar .md-list-item .md-button.md-just-icon i:hover, .md-toolbar .md-list-item .md-button.md-just-icon i:focus, .md-toolbar .md-list-item .md-button.md-just-icon i:active, .md-toolbar .md-list-item .md-button.md-just-icon i.active, .md-toolbar .md-list-item .md-button.md-just-icon i:active:focus, .md-toolbar .md-list-item .md-button.md-just-icon i:active:hover, .md-toolbar .md-list-item .md-button.md-just-icon i.active:focus, .md-toolbar .md-list-item .md-button.md-just-icon i.active:hover, .open > .md-toolbar .md-list-item .md-button.md-just-icon i.dropdown-toggle, .open > .md-toolbar .md-list-item .md-button.md-just-icon i.dropdown-toggle:focus, .open > .md-toolbar .md-list-item .md-button.md-just-icon i.dropdown-toggle:hover {
  color: #495057 !important;
}
.md-toolbar .notification {
  position: absolute;
  top: -6px;
  border: 1px solid #FFF;
  right: -8px;
  font-size: 9px;
  background: #f44336;
  color: #FFFFFF;
  z-index: 1;
  min-width: 20px;
  padding: 0px 5px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  line-height: 19px;
  vertical-align: middle;
  display: block;
}
.md-toolbar .navbar-nav > li > .dropdown-menu {
  margin-top: -20px;
}
.md-toolbar .navbar-nav > li.open > .dropdown-menu {
  margin-top: 0;
}
.md-toolbar .navbar-nav > .active > a, .md-toolbar .navbar-nav > .active > a:hover, .md-toolbar .navbar-nav > .active > a:focus {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.1);
}
.md-toolbar .navbar-nav > .disabled > a, .md-toolbar .navbar-nav > .disabled > a:hover, .md-toolbar .navbar-nav > .disabled > a:focus {
  color: inherit;
  background-color: transparent;
  opacity: 0.9;
}
.md-toolbar .navbar-nav .profile-photo {
  padding: 0 5px 0;
}
.md-toolbar .navbar-nav .profile-photo .profile-photo-small {
  height: 40px;
  width: 40px;
}
.md-toolbar .dropdown-menu {
  border-radius: 3px !important;
}
.md-toolbar .dropdown-menu li > a:hover, .md-toolbar .dropdown-menu li > a:focus {
  color: #FFFFFF !important;
  background-color: #9c27b0 !important;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.md-toolbar .dropdown-menu .active > a {
  background-color: #9c27b0 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.md-toolbar .dropdown-menu .active > a:hover, .md-toolbar .dropdown-menu .active > a:focus {
  color: #FFFFFF !important;
}
.md-toolbar .md-title,
.md-toolbar .md-list .md-list-item-content,
.md-toolbar .md-toolbar-toggle .icon-bar, .md-toolbar, .md-toolbar:hover, .md-toolbar:focus {
  color: #FFFFFF !important;
}
.md-toolbar .md-toolbar-toggle .icon-bar {
  color: inherit !important;
}
.md-toolbar.md-primary {
  background-color: #9c27b0 !important;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.md-toolbar.md-primary .dropdown-menu {
  border-radius: 3px !important;
}
.md-toolbar.md-primary .dropdown-menu li > a:hover, .md-toolbar.md-primary .dropdown-menu li > a:focus {
  color: #FFFFFF !important;
  background-color: #9c27b0 !important;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.md-toolbar.md-primary .dropdown-menu .active > a {
  background-color: #9c27b0 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
.md-toolbar.md-primary .dropdown-menu .active > a:hover, .md-toolbar.md-primary .dropdown-menu .active > a:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-primary .md-title,
.md-toolbar.md-primary .md-list .md-list-item-content,
.md-toolbar.md-primary .md-toolbar-toggle .icon-bar, .md-toolbar.md-primary, .md-toolbar.md-primary:hover, .md-toolbar.md-primary:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-danger {
  background-color: #f44336 !important;
  box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}
.md-toolbar.md-danger .dropdown-menu {
  border-radius: 3px !important;
}
.md-toolbar.md-danger .dropdown-menu li > a:hover, .md-toolbar.md-danger .dropdown-menu li > a:focus {
  color: #FFFFFF !important;
  background-color: #f44336 !important;
  box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}
.md-toolbar.md-danger .dropdown-menu .active > a {
  background-color: #f44336 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}
.md-toolbar.md-danger .dropdown-menu .active > a:hover, .md-toolbar.md-danger .dropdown-menu .active > a:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-danger .md-title,
.md-toolbar.md-danger .md-list .md-list-item-content,
.md-toolbar.md-danger .md-toolbar-toggle .icon-bar, .md-toolbar.md-danger, .md-toolbar.md-danger:hover, .md-toolbar.md-danger:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-warning {
  background-color: #ff9800 !important;
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.md-toolbar.md-warning .dropdown-menu {
  border-radius: 3px !important;
}
.md-toolbar.md-warning .dropdown-menu li > a:hover, .md-toolbar.md-warning .dropdown-menu li > a:focus {
  color: #FFFFFF !important;
  background-color: #ff9800 !important;
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.md-toolbar.md-warning .dropdown-menu .active > a {
  background-color: #ff9800 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.md-toolbar.md-warning .dropdown-menu .active > a:hover, .md-toolbar.md-warning .dropdown-menu .active > a:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-warning .md-title,
.md-toolbar.md-warning .md-list .md-list-item-content,
.md-toolbar.md-warning .md-toolbar-toggle .icon-bar, .md-toolbar.md-warning, .md-toolbar.md-warning:hover, .md-toolbar.md-warning:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-info {
  background-color: #00bcd4 !important;
  box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.md-toolbar.md-info .dropdown-menu {
  border-radius: 3px !important;
}
.md-toolbar.md-info .dropdown-menu li > a:hover, .md-toolbar.md-info .dropdown-menu li > a:focus {
  color: #FFFFFF !important;
  background-color: #00bcd4 !important;
  box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.md-toolbar.md-info .dropdown-menu .active > a {
  background-color: #00bcd4 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.md-toolbar.md-info .dropdown-menu .active > a:hover, .md-toolbar.md-info .dropdown-menu .active > a:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-info .md-title,
.md-toolbar.md-info .md-list .md-list-item-content,
.md-toolbar.md-info .md-toolbar-toggle .icon-bar, .md-toolbar.md-info, .md-toolbar.md-info:hover, .md-toolbar.md-info:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-success {
  background-color: #4caf50 !important;
  box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.md-toolbar.md-success .dropdown-menu {
  border-radius: 3px !important;
}
.md-toolbar.md-success .dropdown-menu li > a:hover, .md-toolbar.md-success .dropdown-menu li > a:focus {
  color: #FFFFFF !important;
  background-color: #4caf50 !important;
  box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.md-toolbar.md-success .dropdown-menu .active > a {
  background-color: #4caf50 !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.md-toolbar.md-success .dropdown-menu .active > a:hover, .md-toolbar.md-success .dropdown-menu .active > a:focus {
  color: #FFFFFF !important;
}
.md-toolbar.md-success .md-title,
.md-toolbar.md-success .md-list .md-list-item-content,
.md-toolbar.md-success .md-toolbar-toggle .icon-bar, .md-toolbar.md-success, .md-toolbar.md-success:hover, .md-toolbar.md-success:focus {
  color: #FFFFFF !important;
}
.md-toolbar.navbar-transparent {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 0;
}
.md-toolbar.navbar-transparent .logo-container .brand {
  color: #FFFFFF;
}
.md-toolbar .md-toolbar-row {
  min-height: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.md-toolbar .md-button {
  margin: 0;
}
.md-toolbar .md-toolbar-toggle .md-button-content {
  display: block;
  align-items: unset;
}
.md-toolbar.md-theme-default.md-transparent, .md-toolbar.md-theme-default, .md-toolbar.md-theme-default .md-title, .md-toolbar.md-theme-default.md-transparent .md-title {
  color: #555555;
}
.md-toolbar .md-title {
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-left: 0;
  margin-right: 15px;
  padding: 10px 0;
  font-weight: 300;
  letter-spacing: normal;
}
.md-toolbar .md-toolbar-toggle {
  width: 40px;
}
.md-toolbar .md-toolbar-toggle .icon-bar {
  position: relative;
  display: block;
  width: 22px;
  height: 2px;
  background-color: inherit;
  border: 1px solid;
  border-radius: 1px;
}
.md-toolbar .md-toolbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.md-toolbar .md-list {
  flex-flow: row;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 0;
  padding-bottom: 0;
  color: inherit !important;
  background-color: transparent !important;
}
.md-toolbar .md-list:hover .md-list-item > a, .md-toolbar .md-list:focus .md-list-item > a, .md-toolbar .md-list > a:hover {
  background-color: transparent !important;
}
.md-toolbar .md-list .md-list-item > a:not(:last-child) {
  margin-right: 5px;
}
.md-toolbar .md-field {
  padding: 0;
  margin: 0;
}
.md-toolbar .md-field:after, .md-toolbar .md-field:before {
  bottom: 5px;
}
.md-toolbar .md-field .md-input {
  margin-top: 6px;
}
.md-toolbar .md-field label {
  top: 15px;
}
.md-toolbar .md-field.md-focused label, .md-toolbar .md-field.md-has-value label {
  top: -4px;
}
.md-toolbar .md-collapse {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.md-menu-content {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 3px !important;
  overflow: hidden;
}
.md-menu-content .md-list .md-list-item a {
  font-size: 10px;
}

.md-list-item a {
  color: inherit !important;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  overflow: visible;
  border-radius: 3px;
  position: relative;
  display: block;
  padding: 0;
  text-decoration: none;
}
.md-list-item a:hover, .md-list-item a:focus {
  color: inherit;
  background-color: transparent;
}
.md-list-item a .material-icons,
.md-list-item a .fa {
  font-size: 20px;
}
.md-list-item a.btn:not(.btn-just-icon) .fa {
  position: relative;
  top: 2px;
  margin-top: -4px;
  margin-right: 4px;
}

.md-list-item {
  margin-left: 5px;
  list-style: none;
}

.md-tooltip {
  padding: 10px 15px;
  min-width: 130px;
  max-width: 200px;
  height: auto;
  text-align: center;
  border-radius: 3px;
  background-color: #FFFFFF !important;
  color: #555555 !important;
  font-size: 12px;
  font-weight: 400;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.md-tooltip:after {
  position: absolute;
  bottom: -5px;
  height: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 5px;
  vertical-align: 0.255em;
  content: "";
}
.md-tooltip[x-placement=top]:after {
  border-top: 5px solid #FFFFFF;
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
}
.md-tooltip[x-placement=bottom]:after {
  top: -5px;
  border-top: 0;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #FFFFFF;
  border-left: 5px solid transparent;
}
.md-tooltip[x-placement=left]:after {
  margin-right: 0;
  right: -5px;
  top: 16px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #FFFFFF;
}
.md-tooltip[x-placement=right]:after {
  margin-left: 0;
  left: -5px;
  top: 16px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #FFFFFF;
}

footer {
  padding: 15px 0;
}
footer nav,
footer .copyright {
  display: inline-block;
}
footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer ul li {
  display: inline-block;
}
footer ul li a {
  color: inherit !important;
  padding: 15px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  position: relative;
  display: block;
}
footer ul li a:hover {
  text-decoration: none;
}
footer .copyright {
  padding: 15px 0;
  margin: 0;
}
footer .copyright .material-icons {
  font-size: 18px;
  position: relative;
  top: 3px;
}
footer .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.container {
  padding-right: 30px;
  padding-left: 30px;
  display: flex;
  justify-content: space-between;
}

/* Ajustes para manter o menu de notificações sempre visível dentro da viewport */
.menu-notificacoes {
  max-width: 90vw !important;
  max-height: 70vh !important;
  overflow: hidden !important;
}

.menu-notificacoes .v-card {
  max-height: 70vh !important;
  display: flex;
  flex-direction: column;
}

.menu-notificacoes .v-card__text {
  overflow-y: auto;
}

.v-btn:focus i.material-icons.seta-para-cima,
.v-btn i.material-icons.seta-para-baixo {
  display: inherit;
}

.v-btn i.material-icons.seta-para-cima,
.v-btn:focus i.material-icons.seta-para-baixo {
  display: none;
}

button.btn-opcoes.v-btn.v-btn--flat.v-btn--text.theme--light,
a.btn-opcoes.theme--light {
  background-color: #ffffff;
  text-transform: initial;
  border-radius: 2px;
  border: 2px solid #f2f2f2;
  font-size: 13px;
  padding: 0px;
  font-weight: inherit;
  margin-right: 0px;
  margin-left: 0px;
  height: 28px;
}

button.btn-opcoes.v-btn--active:before,
button.btn-opcoes.v-btn:focus:before,
button.btn-opcoes.v-btn:hover:before {
  background: rgba(0, 0, 0, 0.2);
}

table.v-datatable.v-table.theme--light > thead > tr > th,
table.v-datatable.v-table.theme--light > tbody > tr > td {
  padding: 0 10px;
}

.theme--light.v-data-table.tabela-orcamentos tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.theme--light.v-data-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.v-list.lista-do-menu {
  padding: 0px;
}

.v-list.lista-do-menu > div:first-child {
  border-top: 2px solid #00A82D;
}

.align-text-icon {
  margin-left: 7px;
}

.icone-de-progresso-circular {
  z-index: 999;
  position: relative;
  width: 80px;
  left: 45%;
  height: 180px;
  margin-top: 100px;
}

.icone-de-progresso-circular-pesquisa {
  z-index: 999;
  position: relative;
  width: 80px;
  left: 40%;
  height: 180px;
  margin-top: 100px;
}

.icone-de-progresso {
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 47%;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu {
  border: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.12);
}
.dropdown-menu li > a {
  font-size: 13px;
  padding: 10px 20px;
  margin: 0 5px;
  text-transform: none;
  color: #333333 !important;
  border-radius: 2px;
  transition: all 150ms linear;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.dropdown-with-icons li > a {
  padding: 12px 20px 12px 12px;
}
.dropdown-menu.dropdown-with-icons li > a .material-icons {
  vertical-align: middle;
  font-size: 24px;
  position: relative;
  margin-top: -4px;
  top: 1px;
  margin-right: 12px;
  opacity: 0.5;
}
.dropdown-menu li {
  position: relative;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
  background-color: #9c27b0 !important;
  color: #FFFFFF !important;
}
.dropdown-menu .divider {
  margin: 5px 0;
}

.navbar-nav > li > .dropdown-menu,
.dropdown .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget {
  transition: all 150ms linear;
  margin-top: -20px;
  visibility: hidden;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-nav > li.open > .dropdown-menu,
.dropdown.open .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.open {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  margin-top: 0px;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.md-list-item.dropdown .md-list-item-container a[data-toggle=dropdown] {
  padding: 10px 15px;
}
.md-list-item.dropdown .md-list-item-container .md-ripple {
  padding: 0;
}

.md-ripple {
  -webkit-mask-image: none;
  overflow: visible;
}
.md-ripple > span {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  z-index: -1;
}

.md-card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 25px 0;
  overflow: unset;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 3px;
  color: rgba(0,0,0, 0.87);
  background: #fff;
}
.md-card .card-height-indicator {
  margin-top: 100%;
}
.md-card.row-space .header {
  padding: 15px 20px 0;
}
.md-card .title {
  margin-top: 0;
  margin-bottom: 5px;
}
.md-card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px;
  border-radius: 6px;
}
.md-card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  pointer-events: none;
}
.md-card .card-image .card-title {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 1.125rem;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}
.md-card .category:not([class*=text-]) {
  color: #999999;
}
.md-card .md-card-content {
  padding: 15px 20px;
}
.md-card .md-card-content .category {
  margin: 0;
}
.md-card .md-card-header {
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin: -20px 15px 0;
  border-radius: 3px;
  padding: 15px;
  background-color: #999999;
}
.md-card .md-card-header .title {
  color: #FFFFFF;
}
.md-card .md-card-header .category {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
}
.md-card .md-card-header a {
  color: #FFFFFF !important;
}
.md-card .md-card-header.card-chart {
  padding: 0;
  min-height: 160px;
}
.md-card .md-card-header.card-chart + .content h4 {
  margin-top: 0;
}
.md-card .md-card-header .ct-label {
  color: rgba(255, 255, 255, 0.7);
}
.md-card .md-card-header .ct-grid {
  stroke: rgba(255, 255, 255, 0.2);
}
.md-card .md-card-header .ct-series-a .ct-point,
.md-card .md-card-header .ct-series-a .ct-line,
.md-card .md-card-header .ct-series-a .ct-bar,
.md-card .md-card-header .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.8);
}
.md-card .md-card-header .ct-series-a .ct-slice-pie,
.md-card .md-card-header .ct-series-a .ct-area {
  fill: rgba(255, 255, 255, 0.4);
}
.md-card .chart-title {
  position: absolute;
  top: 25px;
  width: 100%;
  text-align: center;
}
.md-card .chart-title h3 {
  margin: 0;
  color: #FFFFFF;
}
.md-card .chart-title h6 {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
}
.md-card .md-card-actions {
  margin: 0 20px 10px;
  padding: 10px 0 0 0;
  border-top: 1px solid #eeeeee;
}
.md-card .md-card-actions .content {
  display: block;
}
.md-card .md-card-actions div {
  display: inline-block;
}
.md-card .md-card-actions .author {
  color: #999999;
}
.md-card .md-card-actions .stats {
  line-height: 22px;
  color: #999999;
  font-size: 12px;
}
.md-card .md-card-actions .stats .md-icon.md-theme-default.md-icon-font {
  position: relative;
  top: -1px;
  font-size: 16px !important;
  color: #999999;
}
.md-card .md-card-actions h6 {
  color: #999999;
}
.md-card img {
  width: 100%;
  height: auto;
}
.md-card .category .md-icon {
  position: relative;
  top: 6px;
  line-height: 0;
}
.md-card .category-social .fa {
  font-size: 24px;
  position: relative;
  margin-top: -4px;
  top: 2px;
  margin-right: 5px;
}
.md-card .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
}
.md-card .author a {
  color: #495057;
  text-decoration: none;
}
.md-card .author a .ripple-container {
  display: none;
}
.md-card .table {
  margin-bottom: 0;
}
.md-card .table tr:first-child td {
  border-top: none;
}
.md-card [data-background-color=purple],
.md-card .md-tabs.md-primary .md-tabs-navigation {
  background: linear-gradient(120deg, #ba68c8, #6a1b9a);
}
.md-card [data-background-color=blue],
.md-card .md-tabs.md-info .md-tabs-navigation {
  background: linear-gradient(120deg, #4dd0e1, #00838f);
}
.md-card [data-background-color=green],
.md-card .md-tabs.md-success .md-tabs-navigation {
  background: linear-gradient(120deg, #81c784, #2e7d32);
}
.md-card [data-background-color=orange],
.md-card .md-tabs.md-warning .md-tabs-navigation {
  background: linear-gradient(120deg, #ffb74d, #ef6c00);
}
.md-card [data-background-color=red],
.md-card .md-tabs.md-danger .md-tabs-navigation {
  background: linear-gradient(120deg, #e57373, #c62828);
}
.md-card [data-background-color=grey],
.md-card .md-tabs.md-danger .md-tabs-navigation {
  background: linear-gradient(120deg, #90a4ae, #455a64);
}
.md-card [data-background-color] {
  color: #FFFFFF;
}
.md-card [data-background-color] a {
  color: #FFFFFF;
}

.md-card-stats .title {
  margin: 0;
}
.md-card-stats .title small {
  color: #999999;
  font-size: 65%;
  line-height: 1;
  font-weight: 400;
}
.md-card-stats .md-card-header {
  float: left;
  text-align: center;
  box-shadow: none;
}
.md-card-stats .md-card-header i {
  font-size: 36px !important;
  line-height: 56px;
  width: 56px;
  height: 56px;
  color: #FFFFFF !important;
}
.md-card-stats .md-card-content {
  text-align: right;
  padding-top: 10px;
}

.card-nav-tabs .header-raised {
  margin-top: -30px;
}
.card-nav-tabs .nav-tabs {
  background: transparent;
  padding: 0;
}
.card-nav-tabs .nav-tabs-title {
  float: left;
  padding: 10px 10px 10px 0;
  line-height: 24px;
}

.md-card-plain {
  background: transparent !important;
  box-shadow: none !important;
}
.md-card-plain .md-card-header {
  margin-left: 0;
  margin-right: 0;
}
.md-card-plain .content {
  padding-left: 5px;
  padding-right: 5px;
}
.md-card-plain .card-image {
  margin: 0;
  border-radius: 3px;
}
.md-card-plain .card-image img {
  border-radius: 3px;
}

.iframe-container {
  margin: 0 -20px 0;
}
.iframe-container iframe {
  width: 100%;
  height: 500px;
  border: 0;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.md-card-profile,
.card-testimonial {
  margin-top: 30px;
  text-align: center;
}
.md-card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
  margin-left: 6px;
  margin-right: 6px;
}
.md-card-profile .md-card-avatar,
.card-testimonial .md-card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -50px auto 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.md-card-profile .md-card-avatar + .md-card-content,
.card-testimonial .md-card-avatar + .md-card-content {
  margin-top: 15px;
}
.md-card-profile.md-card-plain .card-avatar,
.card-testimonial.md-card-plain .card-avatar {
  margin-top: 0;
}

.md-tabs-navigation {
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin: -35px 0 0;
  border-radius: 3px;
  padding: 15px 15px 15px 75px;
  background-color: #999999;
}
.md-tabs-navigation .md-icon-label .md-button-content {
  flex-direction: row;
}
.md-tabs-navigation + .md-tabs-content .md-checkbox.md-checked .md-checkbox-container:after {
  top: 0px;
  left: 5px;
}
.md-tabs-navigation .md-button,
.md-tabs-navigation .md-button:hover,
.md-tabs-navigation .md-button:focus,
.md-tabs-navigation .md-button:active {
  background-color: transparent !important;
  box-shadow: none;
}
.md-tabs-navigation .md-active,
.md-tabs-navigation .md-active:hover,
.md-tabs-navigation .md-active:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none;
}
.md-tabs-navigation .md-icon-label {
  height: auto;
  border-radius: 3px;
  line-height: 24px;
  text-transform: uppercase;
  font-size: 12px;
}
.md-tabs-navigation .md-icon-label:not(:last-child) {
  margin-right: 5px;
}
.md-tabs-navigation .md-icon-label .md-tab-icon + .md-tab-label {
  margin-top: 1px;
  margin-left: 5px;
}
.md-tabs-navigation .md-icon-label .md-ripple {
  padding: 10px 15px;
}

.md-tabs-indicator {
  display: none;
}

.md-nav-tabs-title {
  position: absolute;
  z-index: 9999;
  top: 6px;
  color: white;
  font-size: initial;
  margin-left: 15px;
}

.md-tab {
  padding: 15px 0 0 0;
}

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875rem;
  line-height: 1;
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: flex;
}

.ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}

.ct-point {
  stroke-width: 8px;
  stroke-linecap: round;
}

.ct-line {
  fill: none;
  stroke-width: 3px;
}

.ct-area {
  stroke: none;
  fill-opacity: 0.8;
}

.ct-bar {
  fill: none;
  stroke-width: 10px;
}

.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #00bcd4;
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
  fill: #00bcd4;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #f44336;
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
  fill: #f44336;
}

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #ff9800;
}
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
  fill: #ff9800;
}

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #9c27b0;
}
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
  fill: #9c27b0;
}

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #4caf50;
}
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
  fill: #4caf50;
}

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #9C9B99;
}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
  fill: #9C9B99;
}

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #999999;
}
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
  fill: #999999;
}

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #dd4b39;
}
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
  fill: #dd4b39;
}

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #35465c;
}
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
  fill: #35465c;
}

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #e52d27;
}
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
  fill: #e52d27;
}

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #55acee;
}
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
  fill: #55acee;
}

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #cc2127;
}
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
  fill: #cc2127;
}

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #1769ff;
}
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
  fill: #1769ff;
}

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #6188e2;
}
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
  fill: #6188e2;
}

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #a748ca;
}
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
  fill: #a748ca;
}

.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  content: "";
  display: table;
  clear: both;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}
.ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}
.ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}
.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}
.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}
.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-blue {
  stroke: #9c27b0 !important;
}

.ct-azure {
  stroke: #00bcd4 !important;
}

.ct-green {
  stroke: #4caf50 !important;
}

.ct-orange {
  stroke: #ff9800 !important;
}

.ct-red {
  stroke: #f44336 !important;
}

.ct-white {
  stroke: #FFFFFF !important;
}

.ct-rose {
  stroke: #e91e63 !important;
}

@media (min-width: 992px) {
  .navbar-form {
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .md-toolbar-toggle {
    display: none;
  }
  .navbar-nav.navbar-right > li > .dropdown-menu:before {
    left: auto;
    right: 12px;
  }
  .navbar-nav.navbar-right > li > .dropdown-menu:after {
    left: auto;
    right: 12px;
  }
  .footer:not(.footer-big) nav > ul li:first-child {
    margin-left: 0;
  }
  body > .navbar-collapse.collapse {
    display: none !important;
  }
  .card form [class*=col-] {
    padding: 6px;
  }
  .card form [class*=col-]:first-child {
    padding-left: 15px;
  }
  .card form [class*=col-]:last-child {
    padding-right: 15px;
  }
  .wrapper .sidebar .navbar-form {
    display: none !important;
  }
  .wrapper .sidebar .nav-mobile-menu {
    display: none;
  }
}
/*          Changes for small display      */
@media (max-width: 991px) {
  .md-toolbar .md-collapse {
    display: none !important;
  }
  .main-panel > .content {
    padding-left: 0;
    padding-right: 0;
  }
  .wrapper .sidebar {
    display: none;
    box-shadow: none;
  }
  .wrapper .sidebar .sidebar-wrapper {
    padding-bottom: 60px;
  }
  .wrapper .sidebar .nav-mobile-menu {
    margin-top: 0;
  }
  .wrapper .sidebar .nav-mobile-menu .md-field {
    width: auto;
    margin: 10px 36px 0;
  }
  .wrapper .sidebar .nav-mobile-menu .notification {
    float: left;
    line-height: 30px;
    margin-right: 8px;
  }
  .wrapper .sidebar .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    display: none;
    box-shadow: none;
  }
  .wrapper .sidebar .dropdown.open .dropdown-menu {
    display: block;
  }
  .wrapper .sidebar .dropdown li:hover a {
    background-color: #9c27b0;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
  }
  html,
  body {
    overflow-x: hidden;
  }
  .nav-open .menu-on-left .main-panel,
  .nav-open .menu-on-left .wrapper-full-page,
  .nav-open .menu-on-left .navbar-fixed > div {
    transform: translate3d(260px, 0, 0);
  }
  .menu-on-left .main-panel {
    position: initial;
  }
  .menu-on-left .wrapper .sidebar,
  .menu-on-left .wrapper .off-canvas-sidebar {
    left: 0;
    right: auto;
    transform: translate3d(-260px, 0, 0);
  }
  .menu-on-left #bodyClick {
    left: 260px;
    right: auto;
  }
  .main-panel {
    width: 100%;
  }
  .navbar-transparent {
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.45);
  }
  body,
  html {
    position: relative;
    overflow-x: hidden;
  }
  .navbar .container {
    left: 0;
    width: 100%;
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    position: relative;
  }
  .navbar .navbar-collapse.collapse,
  .navbar .navbar-collapse.collapse.in,
  .navbar .navbar-collapse.collapsing {
    display: none !important;
  }
  .navbar-nav > li {
    float: none;
    position: relative;
    display: block;
  }
  .wrapper .sidebar,
  .wrapper .off-canvas-sidebar {
    position: fixed;
    display: block;
    top: 0;
    height: 100vh;
    width: 260px;
    right: 0;
    left: auto;
    z-index: 1032;
    visibility: visible;
    background-color: #9A9A9A;
    overflow-y: visible;
    border-top: none;
    text-align: left;
    padding-right: 0px;
    padding-left: 0;
    transform: translate3d(260px, 0, 0);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .wrapper .sidebar > ul,
  .wrapper .off-canvas-sidebar > ul {
    position: relative;
    z-index: 4;
    overflow-y: scroll;
    height: calc(100vh - 61px);
    width: 100%;
  }
  .wrapper .sidebar::before,
  .wrapper .off-canvas-sidebar::before {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    content: "";
    z-index: 1;
  }
  .wrapper .sidebar .logo,
  .wrapper .off-canvas-sidebar .logo {
    position: relative;
    z-index: 4;
  }
  .wrapper .sidebar .navbar-form,
  .wrapper .off-canvas-sidebar .navbar-form {
    margin: 10px 15px;
    float: none !important;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .wrapper .sidebar .table-responsive,
  .wrapper .off-canvas-sidebar .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .form-group .form-control {
    font-size: 16px;
    height: 37px;
  }
  .navbar-form .btn {
    position: absolute;
    top: 27px;
    right: 15px;
  }
  .nav-open .navbar-collapse {
    transform: translate3d(0px, 0, 0);
  }
  .nav-open .navbar .container {
    left: -250px;
  }
  .nav-open .main-panel {
    left: 0;
    transform: translate3d(-260px, 0, 0);
  }
  .nav-open .sidebar {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  }
  .nav-open .off-canvas-sidebar,
  .nav-open .sidebar {
    transform: translate3d(0, 0, 0);
  }
  .close-layer {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: auto;
    content: "";
    z-index: 9999;
    overflow-x: hidden;
    transition: all 370ms ease-in;
  }
  .close-layer.visible {
    opacity: 1;
  }
  .navbar-toggle .icon-bar {
    display: block;
    position: relative;
    background: #fff;
    width: 24px;
    height: 2px;
    border-radius: 1px;
    margin: 0 auto;
  }
  .navbar-header .navbar-toggle {
    margin: 10px 15px 10px 0;
    width: 40px;
    height: 40px;
  }
  .bar1,
  .bar2,
  .bar3 {
    outline: 1px solid transparent;
  }
  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg);
    }
    45% {
      top: 6px;
      transform: rotate(145deg);
    }
    75% {
      transform: rotate(130deg);
    }
    100% {
      transform: rotate(135deg);
    }
  }
  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg);
    }
    45% {
      transform: rotate(-10deg);
    }
    75% {
      transform: rotate(5deg);
    }
    100% {
      top: 0px;
      transform: rotate(0);
    }
  }
  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg);
    }
    45% {
      bottom: 6px;
      transform: rotate(-145deg);
    }
    75% {
      transform: rotate(-130deg);
    }
    100% {
      transform: rotate(-135deg);
    }
  }
  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg);
    }
    45% {
      transform: rotate(10deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    100% {
      bottom: 0px;
      transform: rotate(0);
    }
  }
  .md-toolbar-toggle .icon-bar:nth-child(2) {
    top: 0px;
    animation: topbar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .md-toolbar-toggle .icon-bar:nth-child(3) {
    opacity: 1;
  }
  .md-toolbar-toggle .icon-bar:nth-child(4) {
    bottom: 0px;
    animation: bottombar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .md-toolbar-toggle.toggled .icon-bar:nth-child(1) {
    top: 6px;
    animation: topbar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  .md-toolbar-toggle.toggled .icon-bar:nth-child(2) {
    opacity: 0;
  }
  .md-toolbar-toggle.toggled .icon-bar:nth-child(3) {
    bottom: 6px;
    animation: bottombar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .dropdown-menu .divider {
    background-color: rgba(229, 229, 229, 0.15);
  }
  .navbar-nav {
    margin: 1px 0;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 15px 15px 5px 50px;
  }
  .navbar-nav .open .dropdown-menu > li:first-child > a {
    padding: 5px 15px 5px 50px;
  }
  .navbar-nav .open .dropdown-menu > li:last-child > a {
    padding: 15px 15px 25px 50px;
  }
  [class*=navbar-] .navbar-nav > li > a,
  [class*=navbar-] .navbar-nav > li > a:hover,
  [class*=navbar-] .navbar-nav > li > a:focus,
  [class*=navbar-] .navbar-nav .active > a,
  [class*=navbar-] .navbar-nav .active > a:hover,
  [class*=navbar-] .navbar-nav .active > a:focus,
  [class*=navbar-] .navbar-nav .open .dropdown-menu > li > a,
  [class*=navbar-] .navbar-nav .open .dropdown-menu > li > a:hover,
  [class*=navbar-] .navbar-nav .open .dropdown-menu > li > a:focus,
  [class*=navbar-] .navbar-nav .navbar-nav .open .dropdown-menu > li > a:active {
    color: white;
  }
  [class*=navbar-] .navbar-nav > li > a,
  [class*=navbar-] .navbar-nav > li > a:hover,
  [class*=navbar-] .navbar-nav > li > a:focus,
  [class*=navbar-] .navbar-nav .open .dropdown-menu > li > a,
  [class*=navbar-] .navbar-nav .open .dropdown-menu > li > a:hover,
  [class*=navbar-] .navbar-nav .open .dropdown-menu > li > a:focus {
    opacity: 0.7;
    background: transparent;
  }
  [class*=navbar-] .navbar-nav.navbar-nav .open .dropdown-menu > li > a:active {
    opacity: 1;
  }
  [class*=navbar-] .navbar-nav .dropdown > a:hover .caret {
    border-bottom-color: #777;
    border-top-color: #777;
  }
  [class*=navbar-] .navbar-nav .dropdown > a:active .caret {
    border-bottom-color: white;
    border-top-color: white;
  }
  .dropdown-menu {
    display: none;
  }
  .navbar-fixed-top {
    -webkit-backface-visibility: hidden;
  }
  #bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 0;
    top: 0;
    left: auto;
    right: 260px;
    content: "";
    z-index: 9999;
    overflow-x: hidden;
  }
  .social-line .btn {
    margin: 0 0 10px 0;
  }
  .subscribe-line .form-control {
    margin: 0 0 10px 0;
  }
  .social-line.pull-right {
    float: none;
  }
  .footer:not(.footer-big) nav > ul li {
    float: none;
  }
  .social-area.pull-right {
    float: none !important;
  }
  .form-control + .form-control-feedback {
    margin-top: -8px;
  }
  .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent !important;
  }
  .btn.dropdown-toggle {
    margin-bottom: 0;
  }
  .media-post .author {
    width: 20%;
    float: none !important;
    display: block;
    margin: 0 auto 10px;
  }
  .media-post .media-body {
    width: 100%;
  }
  .navbar-collapse.collapse {
    height: 100% !important;
  }
  .navbar-collapse.collapse.in {
    display: block;
  }
  .navbar-header .collapse, .navbar-toggle {
    display: block !important;
  }
  .navbar-header {
    float: none;
  }
  .navbar-collapse .nav p {
    font-size: 14px;
    margin: 0;
  }
  .navbar-collapse [class^=pe-7s-] {
    float: left;
    font-size: 20px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .footer .container {
    justify-content: unset;
    display: block;
  }
  .footer .container nav {
    display: block;
  }
  .footer .container .copyright {
    float: right;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-lg,
  .hidden-md {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .block-md {
    display: block !important;
  }
}
@media (max-width: 480px), (max-width: 767px) {
  .form-group .form-control {
    width: 83%;
  }
  .navbar-form .form-group {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .table-full-width {
    margin-left: -20px;
    margin-right: -20px;
  }
  .table-responsive {
    overflow: visible;
  }
}
@media screen and (max-width: 576px) {
  .tim-typo {
    padding-left: 11% !important;
  }
  .tim-typo .tim-note {
    bottom: -25px !important;
  }
}