a.badge {
    color: #fff;
}


section.content-lista-candidatos {
    width: 100%;
    min-height: auto;
    position: relative;
    display: block;
    float: left;
    padding: 50px;
}



/*---- TABS STATUS DAS VAGAS -----*/

.nav-tabs .nav-link.active {
    border: 0; outline: none;
    border-bottom: 2px solid #007cff !important; transition: 0.3s;
    opacity: 1;
}

ul li {
    float: left;
    margin-right: 4px;
       transition: 0.3s;
}

ul li .nav-link:hover {
    opacity: 1; outline: none; background: #1f202b !important;
    border: 2px solid #232635 !important;
    border-bottom: 2px solid #04c177 !important;
}

ul li .nav-link {
    border: 2px solid #232635 !important;
    background: #232635 !important;
     transition: 0.3s;
    padding: 10px 20px;
    transition: 0.3s;
    opacity: 1; width: 100%;
}
.nav-tabs {
    margin-bottom: 16px; border: none;
}

.list-group-item+.list-group-item {    border-top-width: 1px;}

.header-tabela {     
    background: #222636 !important;
    transition: 0.3s;
    padding: 10px 20px;
    transition: 0.3s;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 8px; font-weight: 500;
    color: #515a70;
    width: 100%;}

ul li .nav-link figure {
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
    float: left;
    border-bottom: 1px solid #6c757d;
    border-radius: 4px;
    background: #17191f;
}

.nav-tabs .nav-link.active p {
    color: #007cff;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
}

ul li .nav-link p {
   
    font-size: 14px;
    color: #fff;
    position: relative;
    display: block;
    float: left;    padding: 2px 10px; margin: 0; font-weight: 500;
}

.list-group-item {
    width: 100%;
    padding: 20px;
    background: #1a202f;
    transition: 0.3s;
    display: block !important;
    border: 1px solid #1a202f;
    position: relative;
    float: left;
    margin: 2px 0;
    border-radius: 6px;
}

.list-group-item:hover {border: 1px solid #485883;    background: #17181e99;}

.list-group-item p{  font-size: 14px;
    color: #fff;
    position: relative;
    display: block;
    float: left;    padding: 8px 10px; margin: 0; font-weight: bold;}


    .list-group-item span {
        float: left;
        display: block;
        position: relative;
        padding: 10px 10px;
        font-size: 12px;
        color: #0096ff;
        margin: 0;
        border-radius: 4px;
        font-weight: bold;
        margin-right: 0;
        background: #0096ff0d; width: auto;
    }

    .list-group-item 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;
        margin: 0;
    }


    .list-group-item .timer {  position: relative;
        display: block;  width: 40%;
        float: left;    padding-right: 40px;}

        .list-group-item .timer p { font-size: 14px; margin-bottom: 0;
            color: #fff;
            position: relative;  width: auto;
            display: block;
            float: left;    padding: 0px; margin: 0; font-weight: 500;}

            .list-group-item .timer figure { box-shadow: none; width: 24px; height: 24px; margin-right: 10px; float: left; display: block;    margin-bottom: 10px;}

            .list-group-item .timer .progress { width: 100%;
    height: 3px;
    background: #607d8b1c;}

    .modal-content figure img {
        width: 100%;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 8px;
        float: left;
    }

    .list-group-item .users {  position: relative;
        display: block; width: 40%;
        float: left;}
    .list-group-item .users figure{  width: 40px;
        height: 40px;
        padding: 0;
        position: relative;
        display: block;
        float: left;
        border-radius: 40px;
        overflow: hidden;
        margin-right: -15px;
        box-shadow: -6px 2px 12px 2px #163342;
        border: 2px solid #4c5faf; margin-bottom: 0;}

        .list-group-item .users figure img { width: 100%;}


    .list-group-item .users p{  font-size: 14px; margin-bottom: 0;
        color: #fff;
        position: relative; 
        display: block;
        float: left;    padding: 10px 20px; margin: 0; font-weight: 500;}


        .list-group-item .visualizacoes {  position: relative; width: 20%;
            display: block;
            float: left;}
        .list-group-item .visualizacoes figure{ border: none; margin-bottom: 0; background: none; box-shadow: none;}
        .list-group-item .visualizacoes p{  font-size: 14px; margin-bottom: 0;
            color: #fff;
            position: relative;
            display: block;
            float: left;     padding: 10px 0; margin: 0; font-weight: 500;}
    

            .acoes-vaga {  position: relative; 
                display: block;
                float: right; width: 100%; padding: 0;}

                .acoes-vaga .btn-acoes {padding:5px;
                    border: 1px solid #2d3841;
                    margin: 0 5px;
                    position: relative;
                    display: block; transition: 0.3s;
                    border-radius: 8px;
                    float: right;}

                    .acoes-vaga .btn-acoes:hover {border: 1px solid #008cff;background: #181e22;}

                    
                .tooltip-editar,.tooltip-candidatos,.tooltip-banner {
                    
                    display: none;
                    padding: 7px;
                    background: #0061ffd1;
                    border: 2px solid #007bff42;
                    position: absolute;
                    top: -50px;
                    transition: 0.3s;
                    left: 0;
                    min-width: 100px;
                    border-radius: 6px;
                    color: #fff;
                    font-size: 12px;
                    font-weight: 500;
                    text-align: center;
                }
              


                .acoes-vaga .btn-acoes svg { width: 24px;}

                .acoes-vaga .btn-acoes:hover .tooltip-editar,.acoes-vaga .btn-acoes:hover .tooltip-candidatos,.acoes-vaga .btn-acoes:hover .tooltip-banner{display: block;}

              
                /*---- CSS BANNER DA VAGA -------*/
                .modal { top: 10px;}
                .modal-dialog {max-width: 1050px!important;}

                .conteudo { height: 800px; padding: 40px;background: rgb(95,26,129);
                    background: linear-gradient(135deg, rgba(95,26,129,1) 0%, rgba(33,36,98,1) 10%, rgba(35,61,107,1) 45%, rgba(52,76,148,1) 88%, rgba(45,67,120,1) 88%, rgba(52,76,148,1) 96%, rgba(53,62,129,1) 96%, rgba(67,87,167,1) 96%);
                   }
               
                    .conteudo figure {      width: 15%;
                        padding: 10px 0;
                        
                        height: auto; float: left; display: block; position: relative;}
                .conteudo figure#logo { width:85%; height: 90px;  
                      margin: 0; padding: 0; padding-right: 40px;  }
                .conteudo figure#logo img {    width: auto;
                    height: -webkit-fill-available;
                    overflow: hidden;
                    padding: 5px;}
                .conteudo h1 {     font-family: "Urbanist", sans-serif; font-weight: 400;margin: 0; font-size: 64px; width: 100%; color: #fff; font-weight: bold; float: left; display: block; position: relative;}

                .conteudo p {
                    margin-top: 15%;
                    color: #fff;
                    font-weight: bold;
                    float: left;
                    display: inline-block;
                    position: relative;    font-family: "Urbanist", sans-serif;font-weight: 600;
                    background: #007bff8a;
                    padding: 5px 20px;
                    border-radius: 30px;    clear: both;
                }
                .conteudo .tag-tipo {
                    padding: 12px 18px;
                    background: #604fa147;
                    border-radius: 4px;
                    text-align: left;
                    float: left;    font-family: "Urbanist", sans-serif;
                    color: #baa8ff;
                    font-weight: bold;
                    font-size: 18px;
                    margin: 15px 8px 0 0;
                    font-family: "Urbanist", sans-serif;font-weight: 600;
                }
                .conteudo .tag-periodo {
                    padding: 12px 18px;
                    background: #4fa19924;
                    border-radius: 4px;    font-family: "Urbanist", sans-serif;
                    text-align: left;
                    float: left;
                    color: #00fff2;
                    font-weight: bold;
                    font-size: 18px;
                    margin: 15px 0;
                    font-family: "Urbanist", sans-serif;font-weight: 600;
                }


                .conteudo .footer {    width: 100%; margin-top: 25%; float: left; display: block; position: relative;}  
                .conteudo .footer figure {   
                    width: 64px;
                    height: 64px;
                   
                    float: left;
                    display: block;
                    position: relative;
                    margin: 0;
                    padding: 7px;}

                .conteudo .footer p {
                    width: 80%;
                    float: left;
                    display: block;
                    position: relative;    font-family: "Urbanist", sans-serif;
                    font-size: 18px; font-weight: 500;
                    color: #fff;
                    margin: 1% 1%; background: none; clear: initial;    padding: 0;
                   }

                   .conteudo .footer h3 {
                  
                    float: left;
                    display: block;
                    position: relative;
                    font-size: 18px;
                    color: #fff;    font-family: "Urbanist", sans-serif;
                    background: none; font-weight: 800;
                    clear: initial;
                    margin: 0 1%;
                    padding: 0;    line-height: 0;
                   }

                   .conteudo .footer h3 b {color: #0096ff;}






                   

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

                    .btn-padrao {    margin: 120px 0px 0 9px;}
                    .topo {    padding-bottom: 0;    padding-left: 10%;}
                    .content-lista-candidatos { padding:4% 10%!important; }

                    .list-group-item .timer p {    font-size: 12px;    padding: 4px;}
                   }




                   /* MINHAS CANDIDATURAS ----*/
                    
/*---- CARD VAGA --------*/

.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: 10px;
     font-size: 12px;
     color: #00FFDE;
     margin: 5px 0;
     border-radius: 4px;
     font-weight: bold;
     margin-right: 0;
     background: #00ffde0d;}
 
 .card-vaga h1 {
   color: #fff;
     width: 100%;
     text-align: left;
     font-size: 16px;
     float: left;
     
     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 10px 5px 0;
 }
 
 .card-vaga p b {font-weight: bold; color: #0368FF;font-size: 16px;}