a.boton {
     -webkit-appearance: button;
     -moz-appearance: button;
     appearance: button;
     color: initial;
}
 a{
     text-decoration-line: none !important;
}
.error {
    color: red;
    position: fixed ;

    padding: 4px 10px;
    border-radius: 6px;
    z-index: 999 !important;
    top: 50%;
    left: 4vw;
    transform: translateY(-50%);
    transition: opacity 1s ease-in-out;
}
 .cajaAcciones {
     display: flex;
     justify-content: center;
}
 .cajaDatasPersonales{
     margin-right: 40px;
}
 .perfilTable{
     margin-right: 40px;
}
 input[type="file"] {
     display: none;
}
 .custom-file-upload {
     border: 1px solid #ccc;
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
}
 .custom-file-upload2 {
     border: 1px solid #ccc;
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
}
 .badge {
     height: 100px;
     width: 100px;
     display: table-cell;
     text-align: center;
     vertical-align: middle;
     border-radius: 50%;
    /* may require vendor prefixes */
     background: yellow;
}
 #circle {
     background: #c0c0c0;
     height: 17px;
     display: inline-block;
     text-transform: uppercase;
     font-family: "Lucida Console";
     border-radius: 15%;
     text-align: center;
     vertical-align: middle;
}
 #tr:nth-child(odd) {
     background-color: #f2f2f2;
}
 table.roundedCorners {
     border: 1px solid DarkBlue;
     border-radius: 2px;
     border-spacing: 0;
}
 table.roundedCorners td, table.roundedCorners th {
     border-bottom: 1px solid DarkBlue;
     padding: 10px;
}
 table.roundedCorners tr:last-child>td {
     border-bottom: none;
}
 #barraaceptacion {
     display: none;
     position: fixed;
     left: 0px;
     right: 0px;
     bottom: 0px;
     padding-bottom: 20px;
     width: 100%;
     text-align: center;
     min-height: 40px;
     background-color: rgba(0, 0, 0, 0.5);
     color: #fff;
     z-index: 99999;
}
 .innercookie {
     width: 100%;
     position: absolute;
     padding-left: 5px;
     font-family: verdana;
     font-size: 12px;
     top: 30%;
}
 .innercookie a.ok {
     padding: 4px;
     color: #00ff2e;
     text-decoration: none;
}
 .innercookie a.info {
     padding-left: 5px;
     text-decoration: none;
     color: #faff00;
}
 #cajacookies {
     box-shadow: 0px 0px 5px 5px #09375f2c;
     background-color: rgba(255, 255, 255, 0.877);
     color: black;
     padding: 20px;
     margin-bottom: 0px;
     position: absolute;
     width: 100%;
     top: 0;
}
 #cajacookies button:hover {
     padding: 1.5vh;
     border-radius: 3%;
     background-color: #09375f;
     color: white;
}
span .rey, .blue, .grey, .orange, .green, .pink, .orange{
    margin-top:5px;
}


/* Círculos de colores numerados */
 span.red {
     background: red;
     border-radius: 0.8em;
     color: #ffffff;
     display: inline-block;
     font-weight: bold;
     line-height: 1.6em;
     margin-right: 15px;
     text-align: center;
     padding: 0 0.6em; 
     min-width: 1.6em;
     height: 1.6em;
     box-sizing: border-box;

}
 span.grey {
     background: #cccccc;
     border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    padding: 0 0.6em; 
    min-width: 1.6em;
    height: 1.6em;
    box-sizing: border-box;

}
 span.green {
     background: #5EA226;
     border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    padding: 0 0.6em; 
    min-width: 1.6em;
    height: 1.6em;
    box-sizing: border-box;

}
span.blue {
    background: #5178D0;
    border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    padding: 0 0.6em; 
    min-width: 1.6em;
    height: 1.6em;
    box-sizing: border-box;
}

 span.pink {
     background: #EF0BD8;
     border-radius: 0.8em;
     -moz-border-radius: 0.8em;
     -webkit-border-radius: 0.8em;
     color: #ffffff;
     display: inline-block;
     font-weight: bold;
     line-height: 1.6em;
     margin-right: 15px;
     text-align: center;
     width: 40px;
}
 span.orange {
     background: #FF851B;
     border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    padding: 0 0.6em; 
    min-width: 1.6em;
    height: 1.6em;
    box-sizing: border-box;

}
 .rating {
     display: inline-block;
     position: relative;
     height: 50px;
     line-height: 50px;
     font-size: 50px;
}
 .rating label {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     cursor: pointer;
}
 .rating label:last-child {
     position: static;
}
 .rating label:nth-child(1) {
     z-index: 5;
}
 .rating label:nth-child(2) {
     z-index: 4;
}
 .rating label:nth-child(3) {
     z-index: 3;
}
 .rating label:nth-child(4) {
     z-index: 2;
}
 .rating label:nth-child(5) {
     z-index: 1;
}
 .rating label input {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
}
 .rating label .icon {
     float: left;
     color: transparent;
}
 .rating label:last-child .icon {
     color: #000;
}
 .rating:not(:hover) label input:checked~.icon, .rating:hover label:hover input~.icon {
     color: #09f;
}
 .rating label input:focus:not(:checked)~.icon:last-child {
     color: #000;
     text-shadow: 0 0 5px #09f;
}
 select option {
     color: black;
}
 select:not(:checked) {
     color: gray;
}
 input[id^='dt-search-'] {
     background: url('/assets/images/search.svg');
     background-repeat: no-repeat;
     background-position: right;
     cursor: pointer;
}
 #dt-search-0::-webkit-search-cancel-button {
     height: 16px;
     width: 16px;
     margin-right: 20px;
}
 div.dt-processing {
     position: fixed !important;
     top: 20% !important;
}
 div.dataTable_processing {
     position: fixed !important;
     top: 20% !important;
}
 .volver{
     transition: all 0.3 ease-in-out;
}


 .contenedor-map {
     position: sticky;
     top: 12vh;
     right: 20px;
     width: 70%;
     height: 74vh;
     /* background-color: #e0e0e0; */
     margin-top: 30px;
     margin-left:30px;
     z-index: 1000;
}
/* Estilo del mapa */
 #map {
     width: 100%;
     height: 100%;
}