html,
 body {
     /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
     margin: 0px;
    

     /*width: 100vw !important;
     height: 100vh !important;*/

 }
/*
 .footer {
     width: 100vw;
     padding: 2vh;
     position: relative;
     bottom: 0px;
     padding: 2vh;
 }
*/

:root{
    --salle-blue: #202c64;
    --salle-yellow: #f0b41c;
    --salle-dark: #1a1d2b;
}
small{
    font-size: .875em !important;
}
/* .footer {
    width: 100%;
    padding: 2vh;
    position: relative;
    bottom: 0;
    clear: both;
} */

.footer.candidato {

    bottom: 0;
    clear: both;
}

 body {
 
     /* font-weight: 300; */
     font-style: normal;
 }

 .bg-home {
    background: linear-gradient(135deg, #545763e7, #0e144ef3), url(/assets/images/fondo_sillas.png) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    height: 100vh !important;
    width: 100% !important;
}

.bg-candidato {
    background: url(/assets/images/fondo_apreton.png) !important;
    
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    min-height: 100% !important;
    width: 100% !important;
}

.bg-backoffice {
    background: url(/assets/images/fondo_sillas.png) !important;
    
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    height: 100vh !important;
    width: 100% !important;
}

.navApp .logo img {
     width: 220px;
 }

.burger {
     position: relative;
     background: url(../svg/burger.svg) no-repeat;
     width: 27px;
     height: 27px;
     cursor: pointer;
     margin-top: 10px;
 }

.burger ul {
     border: 2px solid #f0b41c;
     border-radius: 2%;
     display: none;
     position: absolute;
     width: 229px;
     left: -200px;
     top: 24px;
     background-color: #202c64;
     margin: 0px;
     padding: 10px;
     z-index: 999;
     transition: 2S;
 }

 .burger ul li {
     list-style: none;
     margin: 5px 0px;
     padding: 0px;
 }

 .burger ul li a {
     padding: 5px;
     color: #FFF;
     text-decoration: none;
 }

  option {
    background-color: rgb(240, 240, 247); 
    color: white; 
  }

 .burger:hover ul {
     display: block;
 }

 .burger ul li a.active {
     font-weight: bold;
     text-decoration: underline;
 }

 .tablabel {
     font-size: 18px;
     border-bottom: 2px solid rgba(195, 202, 241, 0.486);
     padding-bottom: 3px;
     margin-bottom: 40px !important;
     border-radius: 50%;;
 }

 .separador {
     font-size: 18px;
     border-bottom: 5px solid #a8afb686;
     padding-bottom: 3px;
     margin-bottom: 10px;
 }

 .pic-user {
     display: flex;
     width: 94px;
     height: 94px;
     overflow: hidden;
 }

 .pic-user img {
     height: 6rem !important;
     width: 6rem !important;
     position: absolute;
     border-radius: 50%;
     background: url(../svg/user-img-yellow.svg);
     background-size: contain;
     border: none;
     overflow: hidden;
 }

 .custom-file-upload-new {
     background: url(../svg/editAzul.svg);
     background-size: contain;
     position: absolute;
     bottom: 0px;
     right: 6px;
     width: 30px;
     height: 30px;
     cursor: pointer;
 }

 .fa-upload:hover{
    background-color: rgb(64, 56, 177);
 }
 
 .fa-upload{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: rgb(86, 77, 211);
    color: white;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
 }

 .iconoEmail {
    font-size: 1rem !important;
    color: white;
}

 .select2-container--default .select2-selection--single {
     border: none;
     background: var(--bg-input) !important;
     border-radius:6px;
 }

 .select2-container .select2-selection--single {
     height: 42px;
     
 }

 .select2-container .select2-selection--single .select2-selection__rendered {
     padding-top: 6px;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 42px;
 }

 .input-group-text {
     border: none;
     background: #D7D7D7;
 }

 .form-control:focus {
     box-shadow: none !important;
     background: var(--bg-input) !important;
 }

 label {
     margin-bottom: 0px;
 }

 .custom-file-upload2 {
     border: none;
     background: url(../images/upload.png) center center no-repeat;
     width: 46px;
     height: 26px;
     background-size: contain;
 }

 .bar-progres {
     display: block;
     height: 10px;
 }

 .bar-progres .bar {
     display: block;
     background: #202c64;
     height: 100%;
 }

 .box-step {
     background: #FFF;
 }

 .content-foot {
     min-height: 100%;
     display: grid;
     grid-template-rows: auto 1fr auto;
 }

 .label-step {
     font-weight: bold;
     font-style: normal;
 }

 .nav-links,
 .nav-links a {
     text-decoration: none;
     font-size: 18px !important;
     color: #000;
 }

 .ul-toogle-option {
     margin: 0x;
     padding: 0px;
 }

 .ul-toogle-option li {
     list-style: none;
     display: block;
     margin: 10px 0px;
     font-size: 12.8px;
 }

 .ul-toogle-option li label.switch {
     float: left;
 }

 .btn-text {
     background: none;
     border: none;
     padding: 0px;
     margin: 0px;
 }

 .addnew-link {
     cursor: pointer;
     color: var(--blue) !important;
 }

 .form-control {
    font-size: 12.8px !important;
     border: none !important;
     background: #f0f0f0 !important;
 }

 .label-title {
     padding-top: 20px;
 }

 .in-admin {
     position: relative !important;
     top: 0px;
 }

 .valoracion {
     color: #202c64;
     font-weight: 700;
 }

 .roundedCorners {
     border: 2px solid var(--yellow) !important;
 }

 .roundedCorners tr th {
     text-align: center;
     border-left: 2px solid var(--yellow) !important;
 }

 .roundedCorners tr th:first-child {
     border-left: none !important;
 }

 .roundedCorners tr th a {
     color: #A5A5A5;
 }

 table.roundedCorners td,
 table.roundedCorners th {
     border: none;
 }

 .roundedCorners tr th.active a {
     color: var(--yellow);
 }

 .roundedCorners tr th:hover a,
 .roundedCorners tr th a:hover {
     color: var(--yellow) !important;
 }

 .select2-container--default .select2-selection--multiple {
     background-color: #f0f0f0;
     border: none !important;
 }

 .cap-label {
     border-radius: 5%;
     text-align: center;
     background-color: #1b5486;
     color: #FFF;
     text-transform: uppercase;
     font-size: 12.8px;
     font-weight: bold;
     padding: 1vh;
 }

 .odd {
     padding: 10px 0px;
 }

 .even {
     background: #F9F9F9;
     padding: 10px 0px;
 }

 .option-jump {
     text-align: center;
     font-size: 12.8px;
     padding: 1vh;
     font-weight: bold;
 }

 .option-jump:hover,
 .option-jump.active {
     color: #202c64 !important;
     transform: scale(1.1);
     font-weight: 900;
 }

 .cap-lavel {
     font-weight: bold;
 }

 .box-login {
     width: 100%;
     max-width: 330px;
     padding: 15px;
     margin: auto;
 }

 .box-content-login {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 40px;
     padding-bottom: 40px;
     height: 100%;
 }

 .tab-nav {
     position: relative;
     margin-top: -62px;
     margin-bottom: 20px;
     margin-left: -16px;
 }

 .tab-nav a {
     padding: 10px;
     display: inline-block;
     color: #929395;
 }

 .tab-nav a.active {
     background: #FFF;
     border-radius: 7px;
     color: #2167A3;
     font-weight: bold;
 }

 .select2-selection--multiple {
     padding: 2px !important;
 }

 ::selection {
    background-color: #ffcc00; /* Color de fondo */
    color: #000; /* Color del texto */
  }
  
  /* Para compatibilidad con navegadores webkit */
  ::-moz-selection {
    background-color: #ffcc00;
    color: #000;
  }



.pagination li{
 margin-left: 4px;
 background-color: linear-gradient(rgba(150, 150, 177, 0.527), rgba(241, 241, 241, 0.8)) !important;
}

/*Botones de paginacion*/
.page-link {
    background-color: #9489c1a4 !important;
    color: #ffffff !important;   
    border: none !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    margin:  5px !important;
    cursor: pointer;
  }
  
  .page-link:hover {
    background-color: #7d6ebc !important;
}
.dt-paging-button.page-item.disabled .page-link{
    color: #cbcbcb !important;
    background-color: #ebebeb !important;
}

.fa{
        user-select: none  !important;
}

.volver{
    height:24px;
    width: 24px;
    border-radius: 50%;
    background-color: #c0c0c0;
    color: white;
    display: flex; 
    justify-content: center;
    align-items: center;
    transition:  filter 0.2s ease-in-out;
}

.volver:hover{
    filter: grayscale(100%) brightness(120%);
}