/*variaveis*/
:root {
  --color-danger: #DC3545;
  --color-warning: #FFC107;
  --color-success: #28A745;

  --color-black: #000;
  --color-white: #fff;
  --color-gray: #ccc;

  --color-transparent: transparent;

  --color-brown-500: #533800;
  --color-brown-400: #784727;
  --color-brown-300: #956F56;
  --color-brown-200: #B39987;
  --color-brown-100: #A3836E;

  --color-brown-vivid-500: #9A6D10;
  --color-brown-vivid-400: #A47B27;
  --color-brown-vivid-300: #AD893F;
  --color-brown-vivid-200: #B79756;
  --color-brown-vivid-100: #BFA56E;


  --color-terracotta-500: #A74C33;
  --color-terracotta-400: #AF5D47;
  --color-terracotta-300: #B76F5B;
  --color-terracotta-200: #BF806F;
  --color-terracotta-100: #C79183;


  --color-orange-500: #E97940;
  --color-orange-400: #EB8653;
  --color-orange-300: #EC9365;
  --color-orange-200: #ED9F78;
  --color-orange-100: #EFAC8A;


  --color-green-500: #348233;
  --color-green-400: #488E47;
  --color-green-300: #5B995A;
  --color-green-200: #6EA56E;
  --color-green-100: #6EA56E;

  --color-green-vivid-500: #45AB42;
  --color-green-vivid-400: #57B354;
  --color-green-vivid-300: #69BB67;
  --color-green-vivid-200: #7BC379;
  --color-green-vivid-100: #8CCB8C;

  --color-yellow-500: #DC8D3B;
  --color-yellow-400: #DF984E;
  --color-yellow-300: #E2A361;
  --color-yellow-200: #E5AE74;
  --color-yellow-100: #E7B987;

  --color-red-500: #CC3F2C;
  --color-red-400: #D56353;
  --color-red-300: #DC8276;
  --color-red-200: #E49E95;
  --color-red-100: #E8B7B0;


  --color-red-vivid-500: #CC3F2C;
  --color-red-vivid-400: #D56353;
  --color-red-vivid-300: #DC8276;
  --color-red-vivid-200: #E49E95;
  --color-red-vivid-100: #E8B7B0;

  --color-blue-500: #384F9E;
  --color-blue-400: #4B60A7;
  --color-blue-300: #5E71B0;
  --color-blue-200: #7282BA;
  --color-blue-100: #8593C3;

  --color-purple-500: #3B0038;
  --color-purple-400: #6A006C;
  --color-purple-300: #8E249B;



  --color-gray-100: #F1F1F1;

}


.contrast
{
  color:#fff;
  background-color:#212121 !important;
 
}

.contrast .dropdown-menu,
.contrast.topo .dropdown-menu li, 
.contrast .topo-interna .dropdown-menu li 
{
  color:#fff;
  background-color:#212121 !important;
  border-color: #FFCE1f;
}

.contrast .dropdown-item
{
  color:#FFCE1f;
}
.contrast .dropdown-item:hover 
{
  background-color: #FFCE1f;;
  color:#000 !important;
}

.contrast input[type="text"][readonly]
{
  background-color: #424242;
}

.contrast h4
{
  color:#fff;
}
.contrast label,
.contrast .text-dark,
.contrast .inscricao .card-header,
.contrast .text-danger
{
  color:#Fff !important;
}

.contrast .topo .nav-topo,
.contrast .topo-interna .nav-topo {
  background-color: #1c1c1c;
  color: var(--color-white);
}

.contrast .topo .nav-topo .nav-link.active, 
.contrast .topo-interna .nav-topo .nav-link.active
{
  background-color: #FFCE1f !important;
  color: var(--color-black) !important;
  border-color: #FFCE1f !important;
}

.contrast .topo .btn-user, 
.contrast .topo-interna .btn-user, 
.contrast .btn-login, 
.contrast a.btn-acesso, 
.contrast .btn-acesso,
.contrast form .btn,
.contrast .tabs .nav-link:hover,
.contrast .tabs .nav-link.active
{
  background-color: #FFCE1f !important;
  color: var(--color-black) !important;
  border-color: #FFCE1f !important;
}

.contrast .cursos .c1, 
.contrast .cursos-interna .c1, 
.contrast .cursos-interna-single .c1, 
.contrast .inscricao .c1, 
.contrast .minha-inscricao .c1,

.contrast .cursos .c1 .texto h3, 
.contrast .cursos-interna .c1 .texto h3, 
.contrast .cursos-interna-single .c1 .texto h3, 
.contrast .inscricao .c1 .texto h3, 
.contrast .minha-inscricao h3
{
  background-color: #000 !important;
  color:#fff;
  border-color: #FFCE1f !important;
}

.contrast .cursos-interna-single .c1 .btn
{
  background-color: #000 !important;
  border-color: #FFCE1f !important;
  color:#FFCE1f;
}

.contrast .cursos-interna-single .c1 .btn:hover 
{
  background-color: #FFCE1f !important;
  border-color: #FFCE1f !important;
  color:#000;
}


.contrast .cursos-interna-single .btn:hover .texto span, 
.contrast .inscricao .btn:hover .texto span
{
  color:#000 !important;
}

.contrast .nav-tabs,
.contrast .nav-tabs .nav-item.show .nav-link, 
.contrast .nav-tabs .nav-link.active
{
  border-color: #FFCE1f !important;
}

.contrast .tabs .nav-link
{
  color:#FFCE1f;
}

.contrast .topo,
.contrast .topo-interna
{
  background-color:#030303;
}

.contrast .topo .btn,
.contrast .cursos-novo .card,
.contrast .eventos-educacionais .card
{
  border-color: #FFCE1f !important;
  color: #FFCE1f !important;
}

.contrast .topo .btn:hover 
{
  background-color: #FFCE1f;
  color:#000 !important;
}

.contrast .todos-cursos li::marker,
.contrast .todos-cursos a
{
  color:#FFCE1f !important;
}

.contrast td a 
{
  color:#FFCE1f;
}

.contrast .cor1,
.contrast .cor2,
.contrast .cor3,
.contrast .todos-cursos .card-title
{
  background-color:#FFCE1f;
  color:#000;
}

.contrast .todos-cursos .card-title a
{
  color:#000;
}

.contrast .todos-cursos .card-title a:hover,
.contrast .todos-cursos a:hover
{
  text-decoration:underline;
  color:#FFCE1f!important;
}

.contrast .btn-darkmode
{
  color:#FFCE1f;
}


.contrast .cursos-novo .obs, 
.contrast .eventos-educacionais .obs
{
  border-color:#FFCE1f;
}





.cursos-novo a.item, 
.eventos-interna a.item, 
.home .eventos-educacionais a.item, 
.cursos-novo .owl-item h5, 
.eventos-interna .owl-item h5 .eventos-educacionais.owl-item h5
{
  text-decoration:none;
}

.contrast .interna,
.contrast .card-acesso
{
  background-color:#212121 !important;
  color:#fff!important;
}

.contrast .interna h1
{
  color:#fff;
}

.contrast p 
{
  color:#fff;
}

.contrast .breadcrumb a, 
.contrast .breadcrumb-item+.breadcrumb-item::before
{
  color: #FFCE1f !important;
}

.contrast .breadcrumb-item.active
{
  color:#fff;
}

.contrast .curso-h, 
.contrast.todos-cursos,
.contrast .eventos-educacionais,
.contrast .todos-cursos

{
  background-color:#1A1A1A;

}


.contrast .curso-h h2, 
.contrast.todos-cursos h2,
.contrast .eventos-educacionais h2,
.contrast .todos-cursos h2 
{
  color:#fff;
}


.contrast .curso-h .btn, 
.contrast .eventos-educacionais .btn,
.contrast .btn-voltar
{
  color: #FFCE1f;
  border-color:#FFCE1f !important;
}

.contrast .curso-h .btn:hover, 
.contrast .eventos-educacionais .btn:hover,
.contrast .btn-voltar:hover
{
  background-color:#FFCE1f;
  color:#000;
}

.contrast .card-title a 
{
  color:#000 !important;
}


.contrast .btn-success
{
  background-color:#FFCE1f;
  color:#000;
}

.contrast .cursos-interna-single .texto .btn-success span,
.contrast .realizar-inscricao,
.contrast .ver-mais
{
  color:#FFCE1f;
}

.contrast .cursos-interna-single .texto .btn-success:hover span, 
.contrast.inscricao .texto .btn-success:hover span
{
  color:#000;
}

.contrast a.item:hover .card
{
  background-color:#FFCE1f;
  color:#000 !important;
  text-decoration:none;
}

.contrast a.item:hover .card .obs
{
  border-color:#000;
}

.contrast .navbar-nav .nav-link
{
  color:#FFCE1f !important;
  border-color:#FFCE1f !important;
}

.contrast .owl-dot.active
{
  background-color: #FFCE1f !important;

}

.contrast ul.pagination li .page-link

{
  color: #FFCE1f !important;
}

.contrast .page-item.disabled .page-link,
.contrast .page-item.active .page-link
{
  background-color: #FFCE1f !important;
  color:#000 !important;
}

.contrast td 
{
  color:#fff;
}

.contrast div.dt-container.dt-empty-footer tbody > tr:last-child > *
{
  border-color:#fff;
}

.contrast .form-control
{
  background-color:transparent;
  color:#fff;
}

.contrast .card 
{
  background:none;
 border-color:#FFCE1f;
}