/*
Theme Name: SADEBR
Author: Aurimar Miranda
Author URI: https://sadebr.com.br
Description: Tema destinado a Página SADEBR
Version: 1.0
*/
body {
  font-family: 'Montserrat', sans-serif;
  background: #eeeeee;
}

.no-padding{
  padding-left: 0px;
  padding-right: 0px;
}

.no-margin{
  margin-left: 0px;
  margin-right: 0px;
}

 .btn-primary{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 500;
}

.btn-secondary{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 500;
}

svg {
    width: 100%;
}

/* topbar */
.topbar {
  height: 8rem;
}
.topbar .nav-item .nav-link{
  height: unset;
}
.navbar-nav .badge-primary{
  padding: .60em .80em;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 500;
}

/* sidebar */
.sidebar {
  padding: 8rem 0;
  background: #fffeff;
  transition: all .4s ease;
  width: 10rem;
}
.sidebar hr.sidebar-divider{
  margin: 0 1rem 0rem;
}
.sidebar .nav-item .nav-link span{
  display: block;
}
.sidebar #sidebarToggle{
  margin: 2rem 0;
}
.sidebar-dark .nav-item .nav-link, .sidebar-dark .nav-item .nav-link i{
  color: #5f5f5f;
}
.sidebar-dark .nav-item .nav-link:hover, .sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:hover i, .sidebar-dark .nav-item .nav-link i:hover, .sidebar-dark .nav-item .nav-link i:active, .sidebar-dark .nav-item .nav-link:focus{
  color: #383838;
}
.sidebar-dark hr.sidebar-divider {
  border-top: 1px solid #a1a1a1;
}
.sidebar-dark #sidebarToggle{
  background: #a9a9a9;
  transition: all .4s ease;
}
.sidebar-dark #sidebarToggle:hover{
  background: #5f5f5f;
  transition: all .4s ease;
}

/* wrapper */
#wrapper #content-wrapper{
  background: #eeeeee;
}

/* conteudo */
.conteudo-sis{
  min-height: 350px;
}

.conteudo-sis .linha-ilustracao-titulo {
  height: 2px;
  width: 8%;
  background: #9b9b9b;
  top: 42px;
  margin-left: 10px;
  position: relative;
}

.conteudo-sis .form-group {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.conteudo-sis hr{
  padding-bottom: 0;
  margin-bottom: 0;
}

.conteudo-sis h5{
  color: #5f5f5f;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.conteudo-sis #tabEventos h5{
  margin-bottom: 1rem;
}

.conteudo-sis p{
  line-height: 28px;
}

.conteudo-sis .row .card hr{
  margin: 3rem 0;
}

.conteudo-sis p{
  margin: 0px;
  padding: 2px;
}

.conteudo-sis .tabela-material p{
  margin: 4px 3px 1px 3px;
}

.conteudo-sis p.nome-material{
  margin: 4px 3px 1px 3px;
}

.conteudo-sis.login .linha-ilustracao-titulo {
  height: 2px;
  width: 30%;
  background: #9b9b9b;
  top: 2px;
  position: relative;
  margin-left: 0px;
}

.nav-tabs .nav-link:hover {
  border-bottom: unset;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: unset;
  border-color: #eeeeee;
  border-bottom: 3px solid #077afc;
}

.conteudo-sis .nav-item a{
  color: #6e707e;
}

.conteudo-sis .btn-primary{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 500;
}

.conteudo-sis .sem-borderadius{
 border-radius: unset;
}

.conteudo-sis .sem-borderadiusleft {
  border-radius: unset;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.conteudo-sis .border-material{
   border: 1px solid;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
    margin: 1rem 0;
}

.step {
  list-style: none;
  margin: 2.2rem 0 0rem 0;
  width: 100%;
}

.step .step-item {
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin-top: 0;
  min-height: 1rem;
  position: relative;
  text-align: center;
}

.step .step-item:not(:first-child)::before {
  background: #0069d9;
  content: "";
  height: 2px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%;
}

.step .step-item a {
  color: #acb3c2;
  display: inline-block;
  padding: 45px 10px 0;
  text-decoration: none;
}

.step .step-item a::before {
  background: #0069d9;
  border: .1rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  left: 50%;
  position: absolute;
  top: -0.4rem;
  transform: translateX(-50%);
  width: 2rem;
  z-index: 1;
}

.step .step-item.active a::before {
  background: #fff;
  border: .1rem solid #e7e9ed;
}

.step .step-item.active ~ .step-item::before {
  background: #e7e9ed;
}

/* footer */
footer.sticky-footer{
  background-color: #eeeeee !important;
  border-top: 1px solid #d2d2d2;
}

footer.sticky-footer .ico-color{
  width: 25px;
  height: 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #bababa;
  padding: 7px 0px;
  text-align: center;
  color: #eeeeee;
  transition: all .4s ease;
}

footer.sticky-footer .ico-color:hover {
  background: #928a8a;
  transition: all .4s ease;
}

.mgTp{
  margin-top:10%;
  margin-bottom: 10%;
}

.topBtn{
  margin-top:15px;
}

.arredondado{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

#inputs-cartao-de-credito{
  height: 75px;
}

@media (min-width: 768px){
  .sidebar {
    width: 10rem !important;
  }
  .sidebar.toggled .nav-item .nav-link {
    width: 5rem;
  }
  .sidebar.toggled .nav-item .nav-link span {
     font-size: 0.50rem;
  }
  .sidebar .nav-item .nav-link{
    transition: all .4s ease;
    border-left: 8px solid #FFFFFF;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
    -webkit-opacity:0.5;
    width: 8rem;
    margin-left: 5px;
  }
  .sidebar .nav-item .nav-link:hover{
    border-left: 8px solid #077afc;
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity:1;
  }
  .sidebar .nav-item .nav-link.active{
    border-left: 8px solid #077afc;
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity:1;
  }
}

@media (max-width: 1500px){
  .sidebar {
    width: 8rem !important;
    padding: 5rem 0;
  }
  .topbar {
    height: 5rem;
  }
  .sidebar .nav-item .nav-link {
    padding: 0.6rem 1rem 0.6rem 1rem;
    transition: all .4s ease;
    width: 6rem;
  }
  .sidebar .nav-item .nav-link span{
    font-size: .65rem;
  }
  .sidebar.toggled .nav-item .nav-link span {
    font-size: .50rem;
  }
}

@media (max-width: 768px){
  .conteudo-sis h5 {
    margin-bottom: 0.5rem;
  }
  .conteudo-sis p{
    line-height: unset;
  }
}


@media (min-width: 1901px){
    .conteudo-sis {
        min-height: 560px;
    }
}