@import url(./vaga.module.css);

.wizard-stepper{
    min-height:  200px;
    padding-top: 60px;
    font-size:0.875rem;
    font-weight:300;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:center;
    margin-bottom:3.125rem
}
.wizard-stepper .number{
  border-radius:50%;
  width:2.375rem;
  height:2.375rem;
  display:block;
  border:1px solid #939393;
  text-align:center;
  line-height:2.375rem;
  margin:0 auto
}
.wizard-stepper .text{
  line-height:2.875rem
}
.wizard-stepper .progress-bar1{
  position:relative;
  margin:0.400rem  0.325rem 0 0.325rem;
  width:8.625rem;
  height:1.375rem
}
.wizard-stepper .progress-bar1:before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  height:1px;
  width:100%;
  background:#707070;
  vertical-align:middle
}
.wizard-stepper .wizard-step{
  position:relative
}
.wizard-stepper .wizard-step .text{
  display:block;
  white-space:nowrap;
  position:absolute;
  left:50%;
  top:1.875rem;
  text-align: center;
  line-height: 170%;
  transform:translateX(-50%)
}
.wizard-stepper .wizard-step.current-step .number{
  background:#ea7146;
  border-color:#ea7146;
  color:#fff
}
.wizard-stepper .wizard-step.step-done .number{
  background:#A800DB;
  border-color:#A800DB ;
  color:#fff
}





.bolinha_patrocinador, .bolinha_recepcionista {
  float: left;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin: 4px 5px 0 0;
  background-color: #a903db;
}
.bolinha_recepcionista {
  background-color: #03db10;
}

.model-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.model-card {
  width: calc(45% - 10px);
  padding: 10px;
  background-color: #f6f6f6;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s;
}

.model-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.model-card p {
  margin-bottom: 10px;
  font-size: 16px;
}

.model-card .button {
  margin-right: 5px;
}

.model-card .delete-button {
  background-color: #ff0000;
  color: #fff;
}

.model-card .copy-button {
  background-color: #008de6;
  color: #fff;
}


/* Estilos para o input de pesquisa */
#emojiSearch , #emojiSearch3 {
  width: 100%;
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* Estilos para a lista de emojis */
.emoji-container {
  height: 270px;
  overflow-y: auto;
}

.emoji-container a {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px;
  font-size: 20px;
  cursor: pointer;
  border: none;
  width: 40px !important;
  height: 40px !important;
  background: none;
  float: left;
}

.emoji-container a:hover {
  background-color: #f2f2f2;
}

/* Estilos para a barra de rolagem */
.emoji-container::-webkit-scrollbar {
  width: 8px;
}

.emoji-container::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.emoji-container::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.emoji-container::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.preview-body {
  border-radius: 6px;
  height: 440px;
  background-image: url('../img/cap_whatsapp.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}
.previewText {
  float: left;
  display: block;
  boder: 0px solid red;
  overflow-x: auto;
  width: 170px;
  margin: 75px 0 0 45px;
  background-color: #fff;
  border-radius: 6px;
  padding: 4px;
  font-size: 12px;
  max-height: 290px;
  color: #666;
  line-height: 120%;
}
.previewText b {
  color: #333;
}

.modal  {
  z-index: 9999 !important;
}




/** ====================
 * Lista de Comentarios
 =======================*/
.comments-container {
  overflow-y: scroll;
  min-height: 50px;
  max-height: 300px;
  margin: 0px;
  width: 100%;
}

.comments-container h1 {
  font-size: 36px;
  color: #283035;
  font-weight: 400;
}

.comments-container h1 a {
  font-size: 18px;
  font-weight: 700;
}

.comments-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 30px;
  position: relative;
}


.comments-list li {
  margin-bottom: 15px;
  display: block;
  position: relative;
}

.comments-list li:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  width: 0;
}

.reply-list {
  padding-left: 88px;
  clear: both;
  margin-top: 15px;
}
/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
  width: 55px;
  height: 55px;
  position: relative;
  z-index: 99;
  float: left;
  border: 3px solid #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  overflow: hidden;
}

.comments-list .comment-avatar img {
  width: 100%;
  height: 100%;
}

.reply-list .comment-avatar {
  width: 50px;
  height: 50px;
}

.comment-main-level:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
/**
 * Caja del Comentario
 ---------------------------*/
.comments-list .comment-box {
  width: 93%;
  float: right;
  position: relative;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.comments-list .comment-box:before, .comments-list .comment-box:after {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  display: block;
  border-width: 10px 12px 10px 0;
  border-style: solid;
  border-color: transparent #FCFCFC;
  top: 8px;
  left: -11px;
}

.comments-list .comment-box:before {
  border-width: 11px 13px 11px 0;
  border-color: transparent rgba(0,0,0,0.05);
  left: -12px;
}

.reply-list .comment-box {
  width: 610px;
}
.comment-box .comment-head {
  background: #FCFCFC;
  padding: 10px 12px;
  border-bottom: 1px solid #E5E5E5;
  overflow: hidden;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
  float: right;
  margin-left: 14px;
  position: relative;
  top: 2px;
  color: #A6A6A6;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
  color: #03658c;
}

.comment-box .comment-name {
  color: #283035;
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin-right: 10px;
}

.comment-box .comment-name a {
  color: #283035;
}

.comment-box .comment-head span {
  float: left;
  color: #999;
  font-size: 13px;
  position: relative;
  top: 1px;
}

.comment-box .comment-content {
  background: #FFF;
  padding: 12px;
  font-size: 15px;
  color: #595959;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

/** =====================
 * Responsive
 ========================*/
@media only screen and (max-width: 766px) {
  .comments-container {
    width: 480px;
  }

  .comments-list .comment-box {
    width: 390px;
  }

  .reply-list .comment-box {
    width: 320px;
  }
}



.show > .btprime.dropdown-toggle {
  background-color: #a800db;
  border-color:#e6ecf5;
}
.btprime .dropdown-menu { 
  background-color: #a013e0;
  color: #fff;
}
.btprime .dropdown-menu a { 
  color: #fff;
}
.btprime .dropdown-menu a:hover { 
  background-color: #5b0781;
  color: #fff;
}

.owl-prev {

  border:  0px solid red !important;

  width: 50px !important;

  height: 200px !important;

  left: -10px !important;

  top: 0 !important;

  position: absolute !important; 

  font-size: 4em !important;

}

.owl-next {

  border:  0px solid red !important;

  width: 50px !important;

  height: 200px !important;

  right: 0 !important;

  top: 0 !important;

  position: absolute !important; 

  font-size: 4em !important;

}

.owl-next:hover , .owl-next:hover span , .owl-prev:hover , .owl-prev:hover span {

  background-color: transparent !important;

  color: #fff !important;

}





a#voltarhome{

  position: absolute;

  display: block;

  top: 46px;

  margin: 3px 0 0 2px;

  color: #fff;

  font-size: 10px;

}

a#voltarhome i {

  font-size: 10px !important;

}



.topoprefeitos {

  background-image: url(../prefeitos/capa.jpg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: top center;

  min-height: 600px;

}

.bodyprefeitos {

  background-color: #16385b;

}



.bs-searchbox input {

  padding: 4px !important;

}

/* Chrome e outros */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

.verticalmodulo {

  position: absolute;

  left: 2px;

  top:  0px;

}

.verticalAulas {

  position: absolute;

  top: 20px;

  left: -15px;

}

.SorteAulasMove {

  cursor: move;

}

.overleynovo {

    position: absolute;

    min-height: 490px;

    top: 0;

    width: 100vw;

    background: black;

    overflow: hidden;

    background: transparent;  /* fallback colour. Make sure this is just one solid colour. */

    background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8));

    background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(0, 0, 0, 0.8)); /* The least supported option. */

}

.overleynovo1 {

    position: absolute;

    display: block;

    height: 100%;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

    background: black;

    overflow: hidden;

    background: -webkit-linear-gradient(rgba(29, 38, 113, 1), rgba(0, 0, 0, 1));

    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 1)); /* The least supported option. */ 

}

.infos , .modulos {

  position: relative;

  z-index: 9;

}



.alinhblock {

  padding:  13px 0;

}

.espacocheckbox {

  float: left;

  display: block;

  margin-top: 10px;

  height: 30px;

}







.imagem_upload_menor , .imagem_upload_menor1200 ,  .imagem_upload_menor610 {
  width: 100px !important;
  height: 100px !important;
  background-position: center !important;
}

.imagem_upload_menor1200 {
  width: 200px !important;
  height: 100px !important;
}
.imagem_upload_menor610  {
  width: 200px !important;
  height: 58px !important;
}

.imagem_upload_menor input[type=file] , .imagem_upload_menor1200 input[type=file] , .imagem_upload_menor610 input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  height: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.imagem_upload_menor610 input[type=file] {
  height: 58px;
}

.imagem_upload_menor label, .imagem_upload_menor1200 label , .imagem_upload_menor610 label {
  width: 35px;
  height: 35px;
  margin: 23px 0 0 -18px !important;
  padding: 0 !important;
  position: absolute;
  z-index: 99;
  cursor: pointer;
}



.overleynovo2 {
  position: absolute;
  display: block;
  height: 100px;
  width: 100px;
  top: 0;
  left: 15px;
  z-index: 1;
  background: black;
  overflow: hidden;
  background: -webkit-linear-gradient(rgba(29, 38, 113, 1), rgba(0, 0, 0, 1));
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); /* The least supported option. */ 
}

.overleynovo3 {
  position: absolute;
  display: block;
  height: 98%;
  width: 200px;
  top: 0;
  left: 15px;
  z-index: 1;
  background: black;
  overflow: hidden;
  background: -webkit-linear-gradient(rgba(29, 38, 113, 1), rgba(0, 0, 0, 1));
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); /* The least supported option. */ 
}

.overleynovo4 {
  position: absolute;
  display: block;
  height: 90%;
  width: 200px;
  top: 0;
  left: 15px;
  z-index: 1;
  background: black;
  overflow: hidden;
  background: -webkit-linear-gradient(rgba(29, 38, 113, 1), rgba(0, 0, 0, 1));
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); /* The least supported option. */ 
}


#saidaimg {

  border:  0px solid blue;

  position: absolute;

  z-index: 0;

  width: 100px !important;

  height: 100px !important;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  display: block;

  top: 0;

  left: 15px;

}

#saidaimg2 , #saidaimg3, #saidaimg4 , #saidaimg5 {
  position: absolute;
  z-index: 0;
  display: block;
  top: 0;
  left: 15px;
  width: 200px !important;
  height: 100px !important;
}
#saidaimg3 , #saidaimg4 , #saidaimg5 {
  position: absolute;
  z-index: 0;
  display: block;
  top: 0;
  left: 15px;
  width: 200px !important;
  height: 58px !important;
}
#saidaimg4 , #saidaimg5 {
  left: 25px;
  width: 180px !important;
  height: 100px !important;
}  





.removerfloat {

  position: absolute;

  display: block;

  z-index: 9;

  right: 50px;

  top: 22px;

}

.myaccordion {

  margin: 0 auto;

  -webkit-box-shadow: 0px 10px 29px -16px rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 0px 10px 29px -16px rgba(0, 0, 0, 0.12);

  box-shadow: 0px 10px 29px -16px rgba(0, 0, 0, 0.12);

  background: #fff;

  border-radius: 5px;

  overflow: hidden; 

}



.myaccordion .card,

.myaccordion .card:last-child .card-header {

  margin-bottom: 4px;

  border: none;

  background: transparent; 

}

.myaccordion .card .show {

  border-bottom:  1px solid #ccc;

  border-right:  1px solid #ededed;

  border-left:  1px solid #ededed;

}



.myaccordion .card-header {

  border: none;

  background: transparent;

  text-align: left;

  padding: 0 !important;

  margin: 0; 

}

.myaccordion .card-header i {

  position: absolute;

  right: 20px;

  cursor: pointer;

}

  .myaccordion .card-header p {

    position: relative;

    padding-left: 20px;

    padding-bottom: 20px;

    font-weight: 500;

    z-index: 0;

    text-align: left; 

    cursor: move;

  }

    .myaccordion .card-header p .icon {

      position: absolute;

      top: 0;

      left: 0;

      font-size: 36px;

      margin-top: -10px;

      z-index: 0; }

      .myaccordion .card-header p .icon:after {

        position: absolute;

        top: 50%;

        left: 0;

        width: 20px;

        height: 20px;

        border-radius: 50%;

        background: #000;

        z-index: -1;

        -webkit-transform: translateY(-20%);

        -ms-transform: translateY(-20%);

        transform: translateY(-20%); }



.myaccordion .fa {

  font-size: 16px;

  color: rgba(0, 0, 0, 0.3); }



.myaccordion .btn-link {

  cursor: move;

  background-color: #ededed;

  width: 100%;

  font-weight: bold;

  color: #A800DB;

  padding: 0;

  letter-spacing: 0;

  font-size: 18px;

  border-radius: 0 !important;

  border-bottom: 1px solid #ededed;

  -webkit-box-shadow: 0px 8px 18px -16px rgba(0, 0, 0, 0.19);

  -moz-box-shadow: 0px 8px 18px -16px rgba(0, 0, 0, 0.19);

  box-shadow: 0px 8px 18px -16px rgba(0, 0, 0, 0.19); }

  .myaccordion .btn:hover {

    -webkit-box-shadow: 0px 8px 18px -16px rgba(0, 0, 0, 0.19) !important;

    -moz-box-shadow: 0px 8px 18px -16px rgba(0, 0, 0, 0.19) !important;

    box-shadow: 0px 8px 18px -16px rgba(0, 0, 0, 0.19) !important; }

  .myaccordion .btn:focus {

    -webkit-box-shadow: 0px 12px 18px -16px rgba(0, 0, 0, 0.37) !important;

    -moz-box-shadow: 0px 12px 18px -16px rgba(0, 0, 0, 0.37) !important;

    box-shadow: 0px 12px 18px -16px rgba(0, 0, 0, 0.37) !important; 

}



.myaccordion .btn-link:hover,

.myaccordion .btn-link:focus {

  text-decoration: none; }



.subir-archivos{

    background: #f8f8f8;

    padding-top: 10px;

    padding-bottom:10px;

    border-radius: 5px;

}

.carga-archivo-input {

    margin: 0px;    

    color: #fff;

    border-color: #ccc;  

    cursor: pointer;

    max-width: 150px;

}

.carga-archivo-input input[type=file] {

  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  padding: 0;

  font-size: 20px;

  cursor: pointer;

  height: 100px;

  opacity: 0;

  filter: alpha(opacity=0);

}

.carga-archivo-input-title {

    margin-left:2px;

    padding: 20px 10px;

    height: 100px;

    display: block;

    text-align: center;

}

.carga-archivo-input-title i {

  font-size: 40px;

}





/* ============================    carregando_dados   ================================  */

.carregando_dados , .carregando_dados_on {
  width: 100%;
  position: fixed;
  background-color: #410087;
  opacity:0.8;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/loading51.gif);
  background-position: center;
  background-repeat: no-repeat;
  z-index: 99999;
}

.carregando_dados_on {
  background-image: none;
  background-image: url(../img/sorteio.gif);
  background-position: center 20%;
  background-color: #000;
  opacity:0.9;
}

.carregando_dados span , .carregando_dados_on span { 
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}



.sumir {
  display: inline;
}

.header-content-wrapper {

  float: right;

  display: flex;

}





#site-header-responsive , .author-name .fn {

  display: none;

}

.author-thumb {

  cursor: pointer;

}



.candidato_aprovado {

  background-color: #efffee;

  border: 1px solid #079c00;

}

.candidato_reprovado {

  background-color: #ffeeee;

  border: 0px solid red;

}



@media (max-width: 768px){

  #site-header-responsive ,  .author-title , .fa-chevron-down {

    display: none;

  }  

}



/*novos*/

@media (max-width: 1024px) {



  .header-content-wrapper {

    float: right;

  }

  .sumir {

    display: none;

  }

  #site-header {

    display: block; 

  }

  .study_player .title_responsive{

    display: block;

  }

  .study_player .title_responsive h1{

    color: #fff;

      margin-top: 100px;

      font-size: 14px;

      font-weight: 400;

  }

  .study_player .header .page-title{

    display: block;

  }

  .study_player .user_logged{

    padding: 15px 0 0 0;

    position: absolute;

      right: 0;

      top: 0;

  }

  .study_player .vh-100 {

      height: 53vh!important;

  }

  .study_player .header-spacer {

      height: 20px;

  }

  .study_player .wrap-list{

    display: block !important;

      width: 810px;

      position: absolute;

      left: 0;

      top: 480px;

      height: 100vh !important;

  }

  .study_player .wrap-list{

    flex: 1;

    max-width: 100%;

  }

}