.content-page { width:100%; position:relative; display:block; float:left; background: rgb(28,30,38); margin-top: -90px;
    background: linear-gradient(115deg, #131827 13.94%, #13151c 110.53%);  }
    
    
    .topo { width:100%; position:relative; display:block; float:left; background:linear-gradient(119deg, rgb(147 144 156 / 6%) 0%, rgb(21 29 41 / 82%) 100%); padding-bottom:40px; }
    
    .topo-content { width:75%; position:relative; display:block; float:left;padding: 140px  0 0 0;  }
    .topo-content figure { 
      border-bottom:2px solid #0051ff;
      width: 48px;
      height: 48px;
      position: relative;
      display: block;
      float: left;
      background: #18191f;text-align: center;
      border-radius: 8px;
      padding: 0px;
      margin-right: 15px;
      box-shadow: -10px 10px 30px 0px #0f121b; }

      .topo-content figure img {
        width: auto;
        height: -webkit-fill-available;
        overflow: hidden;
        padding: 0;
        border-radius: 4px;
    }
    
    .topo-content h1 { font-size: 32px;     background-image: linear-gradient(127deg, #007bff 30%, rgb(255 0 82) 48.6%);
      -webkit-background-clip: text;
      font-weight: bold;
      letter-spacing: -1px;
      background-clip: text;
      color: transparent;
      font-size: 24px;
      -webkit-background-clip: text;
       width: 60%;
     
       margin: 3px 0 0 0;
      color: transparent;  }
    
      .topo-content p { color: #737e97;    padding:0px;    margin: 0;
      }
    
    
      .btn-padrao {      
        width: auto;
        position: relative;
        border-radius: 4px;
        padding: 0 18px 0 0;
        display: block;
        float: right;
        transition: 0.3s;
        margin: 145px 0 0 0;
        background: #27304c;
        border: 1px solid #03a9f400;
      }
    
         .btn-padrao:hover {    background: #1b212f;
          border: 1px solid #156cfd;}
    
      .btn-padrao figure { width:32px; background: none; height:32px; position:relative; display:block; float:left;  border-radius:8px; padding:8px; margin:0 8px;  }
    
        .btn-padrao p {font-size: 14px; padding: 12px 0; font-weight: 500; text-align: left; float: left; display: block; margin: 0;position: relative; color: #fff;}
    
    .banner-info {width:100%; height: auto; padding: 30px 45px; position:relative; display:block; float:left; border-radius: 8px;
     margin-bottom:8px;  background: linear-gradient(175deg, rgb(203 209 225) 60%, rgb(255 255 255) 100%);}
    
     .banner-info figure {margin: 0; background: #fff; border-radius: 4px; overflow: hidden; width: 64px; height: 64px; position: relative; display: block; float: left;}
     .banner-info h1 { font-size: 18px; padding:10px 0 0 20px; font-weight: bold; width: 90%;position: relative; display: block; float: left; margin: 0; }
     .banner-info p { font-size: 16px; font-weight: 400; position: relative; display: block; float: left; margin: 0; padding: 0 20px;}



    .bold {
      font-weight: bold;
    }
    
    .light {
      font-weight: 300; clear: both;
    } 
    
    
    
    .content-page .users { width:100%; position:relative; display:block; float:left;  }
    .content-page .users figure { width: 32px; height: 32px; border:2px solid blue; border-radius:50px; display:block; position:relative; float:left; margin-left:0; background:#fff; }
    
    .content-page .users figure:nth-child(1) { margin-left:0; } 
    
    .content-page .users p { float:left; 
      color: #fff; padding: 8px;  
      display: block; position: relative; 
      font-size: 14px; font-weight: bold; text-align: left;    margin: 0 10px;}
    
    
    /* ----------------------- BIGNUMBERS ----------------*/
    .bignumber {
          width: 100%;
      margin: 16px 0;
      border-radius: 8px;
      padding: 24px;
      position: relative;
      display: block;
      float: left;
     border: 2px solid #607d8b1c; transition: 0.3s;
    }
    
    .bignumber:hover { background:#607d8b1c;     border: 2px solid #242b36; }
    
    
    
    
    .bignumber figure {
       
        margin: 0;
        width: 48px;
        border-radius: 6px;
        box-shadow: -8px 8px 14px 0px #14171e3d;
        padding: 10px;
        position: relative;
        display: block;
        float: left;
        margin-right: 16px;border-radius: 4px;
        background: linear-gradient(to bottom, #0073ff33 0%, #0073ff26 20%);
    }
    
    .bignumber figure svg {
         width: 28px;
    }
    
    .bignumber p {
        text-align: left;
        width: 100%; color: #737e97;font-size: 14px;margin: 0;
    }
    
    .bignumber p b {font-weight: bold;color: #fff;}
    
    .bignumber h6 {
        background: linear-gradient(180deg, #FFF 60%, rgba(92, 108, 132, 0.28) 99.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        margin: 0;
        font-weight: bold;
        font-size: 24px;
        display: block;
        float: left;
        width: auto;
        clear: initial;
    }
      
    
    /* ----------------------- SECAO CANDIDATOS ----------------*/

    
#carousel a,
#carousel a:visited,
#carousel a:link,
#carousel a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.owl-carousel .owl-stage { padding:0!important;}

.owl-carousel .owl-stage-outer { width:100%;}

#carousel .row-1 {
	height: 5%;
	padding-left: 3%;
	padding-top: 3%;
}

#carousel .row-2 {
	height: 50%;
}

#carousel .row-3 {
	height: 45%;
	padding-left: 3%;
	padding-bottom: 3%;
	overflow: hidden;
}

#carousel .overlay {
	position: absolute;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	background: rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(34%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.05)), color-stop(48%, rgba(0, 0, 0, 0.65)), color-stop(63%, rgba(0, 0, 0, 0.85)), color-stop(78%, rgba(0, 0, 0, 0.95)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

#carousel p {
	margin: 0;
}

#carousel .channel,
#carousel .title,
#carousel .time {
	font-size: 1vw;
	/*   white-space: normal; */
}

@media (min-width: 0px) and (max-width: 640px) {
	#dailymotion .channel,
	#dailymotion .title,
	#dailymotion .time {
		font-size: 4vw;
	}
	#dailymotion .fa-play-circle {
		font-size: 12vw !important;
	}
}

@media (min-width: 641px) and (max-width: 1000px) {
	#carousel .channel,
	#carousel .title,
	#carousel .time {
		font-size: 2vw !important;
	}
	#carousel .fa-play-circle {
		font-size: 8vw !important;
	}
}

@media (min-width: 1001px) and (max-width: 1300px) {
	#carousel .channel,
	#carousel .title,
	#carousel .time {
		font-size: 1.5vw !important;
	}
	#carousel .fa-play-circle {
		font-size: 5vw !important;
	}
}

#carousel .play-button i.fa-play-circle {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3vw;
	color: #ffffff
}

#carousel {
	position: relative
}

/* tamanho card candidatos home --- */
#carousel .owl-item {
	margin: 10px 0;
  width: 180px !important;
}


#carousel .owl-prev,
#carousel .owl-next {
	position: absolute;
	height: 50px;
	color: inherit;
	background: none;
	border: none;
	z-index: 100;
	display: block;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#carousel .owl-prev {
	left: 0;
}

#carousel .owl-next {
	right: 0;
}

#carousel i {
	font-size: 3em;
	color: #cecece;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 40px;
}

#carousel .owl-theme .owl-nav [class*=owl-]:hover {
	background: none;
	color: #FFF;
	text-decoration: none;
}

#carousel .owl-theme .owl-prev.disabled,
#carousel .owl-theme .owl-next.disabled {
	
}
    
    
    .candidatos  {width:100%;  position:relative; display:block; float:left; margin-top:48px; }
    .candidatos .col-sm-3 {padding: 2px;      float: left;  max-width: 20%;}
    
    .candidatos figure {
       
        margin: 0;
        width: 48px;
        border-radius: 6px;
        box-shadow: -10px 10px 30px 0px #0f121b;
        padding: 10px;
        position: relative;
        display: block;
        float: left;
        margin-right: 16px;border-radius: 4px;
    background: linear-gradient(128deg, #1C1E26 17.84%, #262935 111.13%);    border-bottom: 1px solid #0369ff;
    }
    
    .candidatos figure svg {
         width: 28px;
    }
    
    
    .candidatos h1 {
        background: linear-gradient(180deg, #FFF 60%, rgba(92, 108, 132, 0.28) 99.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        margin: 0;
        font-weight: 300;
        font-size: 20px;
        display: block;
        float: left;
           width: 90%;
        padding: 0;
        height: 80px;
    }
    
    .candidatos h1 b {font-weight: bold;}
    
    
    .card-candidato {
          height: 220px;
        width: 100%;
        border-radius: 4px; transition: 0.3s;
        padding: 0;
        background-size: cover!important;
        background-position:top center!important;
        display: block;
        position: relative;
        overflow: hidden;      opacity: 0.7; border-bottom: 2px solid #202229;
        }
    
    .card-candidato:hover {     opacity: 1;   mix-blend-mode: initial; border-bottom: 2px solid #007CFF;box-shadow: 1px 8px 54px 0px #007eff26; }
    
    .card-candidato .btn { opacity:0; width:32px; background: #0076ff; height:32px; transition: 0.3s; padding: 1px 5px 5px 5px; position:absolute; right:20px; bottom: 20px; z-index:999999; }
    
    .card-candidato .btn svg { color:#fff; }
    
    .card-candidato:hover .btn {opacity:1; }
    
    .card-candidato .btn:hover {background: #26cf6b;}
    
    .glass-effect {
    
        padding: 20px;
        text-align: center;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    
    .glass-effect span#Júnior {    float: left;
        display: block;
        position: relative;
        padding: 2px 10px;
        font-size: 12px;
        color: #ddd;
        margin: 5px 0;
        border-radius: 4px;
        font-weight: bold;
        border: 1px solid #ddd;}

        .glass-effect span#Pleno { float: left;
          display: block;
          position: relative;
          padding: 2px 10px;
          font-size: 12px;color: #038dff; border: 1px solid #038dff; margin: 5px 0;
          border-radius: 4px;
          font-weight: bold;}
        .glass-effect span#Sênior{float: left;
          display: block;
          position: relative;
          padding: 2px 10px;
          font-size: 12px; color: #00ff6a; border: 1px solid #00ff6a; margin: 5px 0;
          border-radius: 4px;
          font-weight: bold;}
       
    
    .glass-effect h1 {
      color: #fff; width: 100%; text-align: left;font-size: 14px; float: left;     white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;     font-weight: 500;  height: auto;
    }
    
    .glass-effect p {
      color: #fff; width: 100%;    white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; text-align: left;font-size: 14px;float: left; font-weight: bold; margin: 0;
    }
    
    .glass-effect h4 {
      color: #fff;
        width: 100%;
        text-align: left;
        font-size: 12px;
        float: left;
        height: auto;
        margin: 10px 0 0 0;
        padding-top: 10px;
        border-top: 1px solid #b8c0db3b;
    }
    
    
    
    
    /* ----------------------- SECAO ULTIMAS VAGAS ----------------*/
    
    
    .vagas  {width:100%;  position:relative; display:block; float:left; margin-top:48px; }
    
    .vagas figure {
       
        margin: 0;
        width: 48px;
        border-radius: 6px;
        box-shadow: -10px 10px 30px 0px #0f121b;
        padding: 10px;
        position: relative;
        display: block;
        float: left;
        margin-right: 16px;border-radius: 4px;
    background: linear-gradient(128deg, #1C1E26 17.84%, #262935 111.13%);border-bottom: 1px solid #4CAF50;
    }
    
    .vagas figure svg {
         width: 28px;
    }
    
    
    .vagas h1 {
           background: linear-gradient(180deg, #FFF 63.54%, rgb(255 255 255 / 28%) 99.6%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0;
        font-weight: 400;
        font-size: 20px;
        display: block;
        float: left;
        width: 90%;
        height: 80px;
        padding: 0;
    }
    
    .vagas h1 b {font-weight: bold;}
    
    
    .card-vaga {
       
       width: 100%;
        border-radius: 8px;
        transition: 0.3s;
        padding: 20px;
        display: block;
        position: relative;
        float: left;
        border-bottom: 2px solid #23293d;
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgb(35 42 53 / 15%) 0%, #282f428c 100%);
    
        }
    
    
      .card-vaga figure { 
    
         width: 40px;
        height: 40px;
        padding: 0;
        position: relative;
        display: block;
        float: left;
        border-radius: 40px;
        overflow: hidden;
        margin-right: -10px;
        box-shadow: -6px 2px 12px 2px #163342;
        border: 2px solid #4c5faf;
         
      }  
    
      .card-vaga figure img {width: 100%;}
    
    
    .card-vaga .btn { width: 34px;
        position: absolute;
        border-radius: 4px;
        border: 2px solid #a8bcdc14;
        text-align: center;
        transition: 0.3s;
        padding: 2px 3px 4px 3px;
        z-index: 999999;
        margin-bottom: 20px;
        right: 22px;}
    
    
        .card-vaga .btn:hover {border: 2px solid #0062ff; background: #0062ff30}
    
    
    
    
    
    .card-vaga:hover {  border-bottom: 2px solid #20d25b; }
    
    .card-vaga span {  
        float: left;
        display: block;
        position: relative;
        padding: 2px 10px;
        font-size: 12px;
        color: #007bff;
        margin: 5px 0;
        border-radius: 4px;
        font-weight: bold; width: auto;
        margin-right: 0;
        background: #007bff1a;
      }

    
    .card-vaga h1 {
      color: #fff;
        width: 100%;
        text-align: left;
        font-size: 16px;
        float: left;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        font-weight: 600;
        height: auto; padding-top: 5px;    margin-bottom: 32px;
    }
    
    .card-vaga p {
      color: #93a7b0;
        text-align: left;
        font-size: 14px;
        float: left;
        font-weight: 400;
        margin: 10px 0px 0 30px;
    }
    
    .card-vaga p b {font-weight: bold; color: #0368FF;font-size: 16px;}
    
    
    /* Estilo para o botão do dropdown */
    .dropbtn {
      background-color: transparent;
      color: white;
      font-size: 16px;
      border: none;
      cursor: pointer;transition: 0.3s;
    }
    
    /* Estilo para o conteúdo do dropdown */
    .dropdown-content {
      display: none;
        position: absolute;
        background-color: #191d2b;
        width: 150px;
        box-shadow: -10px 20px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border: 2px solid #00acff00;
        top: -2px;
        left: 32px;
        transition: 0.3s;
        height: auto;
        border-radius: 6px;
        overflow: hidden;
    }
    
    /* Estilo para os links dentro do dropdown */
    .dropdown-content a {
     text-decoration: none;
        display: block;
        width: 100%;
        position: relative;
        float: left; transition: 0.3s;
        padding: 10px 10px;
    }
    
    .dropdown-content a:nth-child(2) {
        background: #1b2133;
    }
    
    .dropdown-content a:nth-child(3) {
        background: #25304f8a;
    }
    
    /* Estilo de hover para os links */
    .dropdown-content a:hover {
      background-color: #5666d38f;
    }
    
    .dropdown-content a:hover p {color: #fff;}
    
    
    
    .dropdown-content a figure { width:20px; background: none; height:24px; margin: 0; float:left; display:block; position:relative; border:none; border-radius:0; box-shadow:none; }
    .dropdown-content a figure svg {width: 100%;}
    .dropdown-content a p { font-size:12px; float:left; margin: 2px 10px; font-weight: 600;  text-align:left; display:block; position:relative;  }
    
    /* Mostra o dropdown quando o botão é hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    


    /*css graficos ------*/

    /* ----------------------- SECAO ULTIMAS VAGAS ----------------*/
    
    
    .dados  {width:100%;  position:relative; display:block; float:left; margin-top:48px; }
    
    .dados figure {
       
        margin: 0;
        width: 48px;
        border-radius: 6px;
        box-shadow: -10px 10px 30px 0px #0f121b;
        padding: 10px;
        position: relative;
        display: block;
        float: left;
        margin-right: 16px;border-radius: 4px;
    background: linear-gradient(128deg, #1C1E26 17.84%, #262935 111.13%);border-bottom: 1px solid #af00b6;
    }
    
    .dados figure svg {
         width: 28px;
    }
    
    
    .dados h1 {
           background: linear-gradient(180deg, #FFF 23.54%, rgb(255 255 255 / 28%) 99.6%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0;
        font-weight: 400;
        font-size: 20px;
        display: block;
        float: left;
        width: 90%;
        height: 80px;
        padding: 0;
    }
    
    .dados h1 b {font-weight: bold;}
    
    #chart-timeline { width: 100%;
      min-height: 420px !important;
      border: 2px solid #212639;
      border-radius: 8px;
      padding: 10px 10px 10px 0px;
      position: relative;
      display: block;
      float: left;
      background: #212639;}
    #chart-timeline h1 { margin: 5px 20px; height: auto; padding: 0; font-size: 16px; font-weight: bold; color: #ddd;}
    foreignObject {
      height: 300px;
  }
  svg#SvgjsSvg1164 {
    height: 300px;
}   
.apexcharts-legend.apx-legend-position-right {top:20px!important;}

    #vagasMaisCandidatos{width: 100%;
      min-height: 420px !important;
      border: 2px solid #212639;
      border-radius: 8px;
      padding: 10px;
      position: relative;
      display: block;
      float: left;
      background: #212639;}
    #vagasMaisCandidatos h1 { margin: 5px 20px 30px 20px;height: auto; padding: 0; font-size: 16px; font-weight: bold; color: #ddd;}
      
    .apexcharts-legend-text {
      color: #7b7f97 !important;
      padding: 10px 5px;
      background: #2c3146;
      border-radius: 4px;
      margin-bottom: 5px;
      float: left;
      margin-left: 0 !important; transition: 0.3s;
  }

  .apexcharts-legend-text:hover {background: #1c2031;}

  .apexcharts-legend-marker {    margin-top: 12px;    display: block; float: left;}


      /* ----- MEDIA 1600px --------------------------------- */
    
    
 

       /* ----- MEDIA 1400px --------------------------------- */


       @media only screen and (max-width: 1400px) {
        

        .topo-content h1 {
          font-size: 18px;     font-weight: 600;
        }

        .topo-content figure {    width: 40px;
          height: 40px;}
          .topo-content p {
            color: #737e97;
            padding: 2px;
            font-size: 14px;    margin: 0;
        }
    
        .topo,.candidatos,.vagas, .dados,.meus-dados {     padding: 0px 8%;
          padding-left: 10%;     padding-bottom: 10px;}
        .topo-content {    padding: 120px 0 0 0;}
        .btn-padrao {    margin: 120px 0 0 0;}
        .menu {width: 70px;padding-top: 8%;}
        .menu-item {    height: 40px;}
        .banner-info {margin-bottom: 16px;}
        .bignumber {    margin: 16px 0 24px 0;padding: 16px;}

        /* Card candidatos ----*/

        .card-candidato {    background-size: 140% !important;  height: 280px;}
        .card-candidato:hover { background-size: 145% !important;}

          /* Card vagas ----*/
        .card-vaga span {    min-width: 45px;}
        .card-vaga h1  {}
      
        }


        /*--- modal PRIMEIRO ACESSO EMPRESA ------*/

        #primeiroAcessoModal .modal-dialog {
          max-width: 800px !important; border-radius: 8px; 
         
          border-left: 2px solid #007bff;
          border-right: 2px solid #ff0052;

      } 

        #primeiroAcessoModal .modal-content { border-radius: 8px; background: #181925;  padding: 40px;}
        #primeiroAcessoModal figure{}
        #primeiroAcessoModal h3{font-size: 24px;     
          background-image: linear-gradient(127deg, 007cff  15%, #00ffb3 31.6%);
          -webkit-background-clip: text;
          font-weight: bold;
          letter-spacing: -1px;
          background-clip: text;
          color: transparent;
          padding:  0;
          -webkit-background-clip: text;
          float: left;
          display: block;
          position: relative;
           margin:0; width: 100%;
          color: transparent; }

          #primeiroAcessoModal p{font-size: 16px;  margin: 5px  0 20px 0;     color: #737e97;
            padding: 0px; position: relative; display: block; float: left; font-weight: 500;
             }


        #primeiroAcessoModal .card-modal{
           width: 100%;  
           height: 280px;
          margin: 0;
          padding: 20px;
         
          border-radius: 12px; 
          position: relative; float: left; display: block;
             background: rgb(33, 36, 98);
          background: linear-gradient(135deg, rgb(57 57 77 / 13%) 23%, rgb(18 20 32 / 0%) 100%);
        }
      
        #primeiroAcessoModal .card-modal h1{font-size: 18px;     
          background-image: linear-gradient(127deg, #d6e3ee 55%, #23272b 91.6%);
          -webkit-background-clip: text;
          font-weight: bold;
          letter-spacing: -1px;
          background-clip: text;
          color: transparent;
          padding: 30px 0 0 0;
          -webkit-background-clip: text;
          float: left;
          display: block;
          position: relative;
           margin:0; width: 100%;
          color: transparent; }

          #primeiroAcessoModal .col-sm-4 { padding: 5px;}

        #primeiroAcessoModal .card-modal figure{ padding: 10px;
          position: relative; color: black; width: 48px; height: 48px;
          display: block; float: left; text-align: center;
          background: linear-gradient(128deg, #1C1E26 17.84%, #262935 111.13%);
          border-radius: 4px;
            overflow: hidden;     box-shadow: -10px 10px 30px 0px #0f121b;}

            .modal-footer {
              border: none !important;
              padding: 0; float: left;
              margin: 0;
          }

        #primeiroAcessoModal .card-modal p{font-size: 16px;  margin: 5px 0;     color: #737e97;
          padding: 0px; position: relative; display: block; float: left; font-weight: 500;
           }

          

           .btn-fechar { 
    
            padding: 11px 20px;
            border-radius: 4px;
            text-align: center;
            text-decoration: none !important;
            outline: none;
            background: none;
            border: 1px solid #383d65e8;
            margin: 20px 0 0;
          
            transition: 0.3s;
            display: block;
            float: left;
          }

          .btn-fechar p {
            font-size: 14px !important;
            color: #9ca1c5e8;
            position: relative;
            margin: 0 !important;
            float: right !important;
            display: inline-block;
            font-weight: 400;
            padding: 4px 10px !important;
        }
        
       .btn-fechar:hover {
        border: 1px solid #0252ffe8;
          text-decoration: none !important;
          outline: none;
        }
        
        .btn-fechar:hover p { color: #fff!important;}
        

         /* ----- MEDIA 1380px --------------------------------- */ 

         @media only screen and (max-width: 1380px) {

          div#primeiroAcessoModal {    top: 50px;}


           /* Card candidatos ----*/

        .card-candidato {    background-size: 140% !important;
    height: 250px;}
        .card-candidato:hover { background-size: 145% !important;}

         }