@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: 'Roboto', sans-serif;
   margin-bottom: .5rem;
   /* font-weight: 500; */
   line-height: 1.2;
}

p {
   font-family: 'Roboto', sans-serif;
   font-size: 1rem;
}

label {
   font-size: 0.9rem;
   font-weight: 700;
}

a {
   color: #212529;
   text-decoration: none;
}

a:hover {
   color: #101214;
   text-decoration: none;
}

body .box-conteudo {
   background-color: #fff;
   border-radius: 40px;
   -webkit-box-shadow: 0px 0px 32px -12px rgba(0, 0, 0, 0.56);
   -moz-box-shadow: 0px 0px 32px -12px rgba(0, 0, 0, 0.56);
   box-shadow: 0px 0px 32px -12px rgba(0, 0, 0, 0.56);
}

h1 {
   font-size: 1.8rem!important;
   font-weight: 700!important;
}

h2 {
   font-size: 1.2rem!important;
   font-weight: 400!important;
}

h3 {
   font-size: 1.2rem!important;
   font-weight: 700!important;
}

.tit-interno_1{
   color: #212529;
}

.tit-interno_2{
   color: #ffc142;
}

.tit_1{
   color: #8c7156;
   border-bottom: 1px solid #8c7156;
}

.tit_2{
   color: #ffc142;
   border-bottom: 1px solid #ffc142;
}

.btn-iniciar-cadastro {
   background-color: #8c7156;
   border-radius: 15px;
   display: inline-block;
   cursor: pointer;
   border:0;
   color: #ffffff;
   font-size: 15px;
   padding: 14px;
   width: 100%;
   text-decoration: none;
   font-weight: 600;
}

.btn-iniciar-cadastro:hover {
   background-color: #8c7156;
   color: #ffffff;
   text-decoration: none;
}

.btn-iniciar-cadastro:active {
   position: relative;
   top: 1px;
}

.btn-acessar-cadastro {
   background-color: #ffc142;
   border-radius: 10px;
   display: inline-block;
   cursor: pointer;
   color: #ffffff;
   font-size: 15px;
   padding: 14px;
   width: 100%;
   text-decoration: none;
   font-weight: 600;
border: none;
    outline:none;
}

.btn-acessar-cadastro:hover {
   background-color: #bc8a23;
   color: #ffffff;
   text-decoration: none;
}

.btn-acessar-cadastro:active {
   position: relative;
   top: 1px;
}

.btn-salvar-cadastro {
   background-color: #8c7156;
   border-radius: 10px;
   display: inline-block;
   border:0;
   cursor: pointer;
   color: #ffffff;
   font-size: 15px;
   padding: 14px;
   width: 100%;
   text-decoration: none;
   font-weight: 600;
}

.btn-salvar-cadastro:hover {
   background-color: #64503c;
   color: #ffffff;
   text-decoration: none;
}

.btn-salvar-cadastro:active {
   position: relative;
   top: 1px;
}

.pagination-lg .page-link {
   border-color: #fff;
   color: #fff;
   background-color: #ffc142;
   border-radius: 5px;
   font-weight: 500;
   padding: 24px 20px;
   line-height: 0;
}

.form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #d35b2f1c;
   outline: 0;
   box-shadow: 0 0 0 0.2rem #d35b2f5c!important;
}

.custom-select:focus, .tokenfield.focus{
   color: #495057;
   background-color: #fff;
   border-color: #d35b2f1c;
   outline: 0;
   box-shadow: 0 0 0 0.2rem #d35b2f5c!important;
   -webkit-box-shadow:0 0 0 0.2rem #d35b2f5c !important;
}

.btn-info.focus, .btn-info:focus {
   color: #fff;
   background-color: #fff;
   border-color: #d35b2f1c;
   outline: 0;
   box-shadow: 0 0 0 0.2rem #d35b2f5c!important;
   -webkit-box-shadow:0 0 0 0.2rem #d35b2f5c !important;
}

.box-titulo {
   border-bottom:1px solid #ffc142;
   color:#ffc142;
   padding-top: 30px;
   padding-bottom: 10px
}

/* radio-buttom */
.inputGroup {
   background-color: #fff;
   display: block;
   margin: 10px 0;
   position: relative;
}
.inputGroup label {
   background-color: #efefef;
   padding: 9px 30px;
   width: 100%;
   display: block;
   text-align: left;
   color: #3C454C;
   cursor: pointer;
   position: relative;
   z-index: 2;
   -webkit-transition: color 200ms ease-in;
   transition: color 200ms ease-in;
   overflow: hidden;
   border-radius: 0px;
}

.inputGroup label:before {
   width: 100%;
   height: 50px;
   border-radius: 50%;
   content: '';
   background-color: #ffc142;
   position: absolute;
   left: 5%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
   transform: translate(-50%, -50%) scale3d(1, 1, 1);
   -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
   transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
   opacity: 0;
   z-index: -1;
}
.inputGroup label:after {
   width: 20px;
   height: 20px;
   content: '';
   border: 2px solid #D1D7DC;
   background-color: #fff;
   background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
   background-repeat: no-repeat;
   background-position: -5px -5px;
   border-radius: 50%;
   z-index: 2;
   position: absolute;
    // right: 30px;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
 }
 .inputGroup input:checked ~ label {
    color: #fff;
 }
 .inputGroup input:checked ~ label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
 }
 .inputGroup input:checked ~ label:after {
    background-color: #2cb5b5;
    border-color: #2cb5b5;
 }
 .inputGroup input {
    width: 32px;
    height: 32px;
    -webkit-box-ordinal-group: 2;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
 }

 .form {
    padding: 0 16px;
    max-width: 550px;
    margin: 50px auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
 }

 body {
    background-color: #f7eff1;
    font-family: 'Fira Sans', sans-serif;
 }

 *,
 *::before,
 *::after {
    box-sizing: inherit;
 }

 html {
    box-sizing: border-box;
 }

 code {
    background-color: #9AA3AC;
    padding: 0 8px;
 }

 /* radio-buttom */

 .atividade-data {
    margin: 0 10px 10px 0!important;
 }

 .btn-info {
    color: #fff;
    background-color: #ffc142!important;
    border-color: #ffc142!important;
 }

 .fa, .fa-question-circle {
    cursor: pointer;
    color: #212529;
    font-size: 15px;
 }

 .fa, .fa-question-circle:hover {
    color: #0f1113;
 }

 .alert-danger{
    border-width: 4px !important;
    border-color: #aa0000 !important;
 }

// EXTRAS

// Formulário
// Todas as etapas
.tokenfield.input-lg, .input-group-lg .tokenfield{
   min-height: auto;
   padding-bottom: 1px;
   padding-top: 6px;
}

.chosen-container{
   font-size: 16px;
}

.chosen-container-single .chosen-single{
   height: 36px;
   border:1px solid #ced4da;
}

.chosen-container-single .chosen-single span{
   line-height: 36px;
}

// Quarta etapa
.inputCollapse {
      background-color: #efefef;
      padding: 9px 30px 9px 15px;
      width: 100%;
      display: block;
      text-align: left;
      color: #3C454C;
      cursor: pointer;
      position: relative;
      z-index: 2;
      -webkit-transition: color 200ms ease-in;
      transition: color 200ms ease-in;
      overflow: hidden;
      border-radius: 0px;
      font-size: 0.9rem;
      font-weight: 700;
      margin-bottom: 10px;
   }

   .inputCollapse.closed::before {
      content: "+";
      font-size: 24px;
      position: absolute;
      right: 15px;
      top: 0px;
   }

   .inputCollapse.opened::before {
      content: "-";
      font-size: 24px;
      position: absolute;
      right: 15px;
      top: 0px;
   }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #8c7156;
border-color: #8c715652 #8c715652 #fff;
}

.nav-tabs {
    border-bottom: 1px solid #8c715652;
}