div.row.filasbitacoras.Pendiente {
    background-color: #fffff0;
}
div.row.filasbitacoras.Completa {
    background-color: #e7ffea;
}
div.row.filasbitacoras.Incompleta {
    background-color: #ffe2e2;
}

div.primeraVez {
	font-size: 16px;
	height: 180px;
	width: 44%;
    margin: 0 auto;
    background: linear-gradient(0deg, rgba(20, 121, 255, 0.1), rgba(20, 121, 255, 0.1)), url(../images/primeraVez.png) no-repeat center;
    border-radius: 8px;
}

div.siguientesVeces {
	font-size: 16px;
	height: 180px;
	width: 100%;
    margin: 0 auto;
    background:  url(../images/ok2.png) no-repeat center;
    border-radius: 8px;
}
div.siguientesVecesLeyenda {
	width: 100%;
     text-align: center;
}

div.primeraVez div {
	font-family: 'Poppins', sans-serif;
	width: 50%;
	font-size: 16px;
	padding: 5%;	
}

img#perfil_foto_foto {
	border-radius: 50%;
}


/*  -----  bitácoras -----*/
div.wrapper aside nav.navbar{
    background-color: lightgray;
}


.wrapper {
    min-height: 100vh;
    max-height: 100%;
}

.sidebar {
    height: 100vh;
    overflow-y: auto;
    overflow-x: visible;
    z-index: 100000;
    min-width: 62px;
    background-color: lightgray;
}

div#add_newPregunta div.span {
	margin-top: 10px;
	border-bottom: 1px dashed gray;
}

.sidebar::-webkit-scrollbar {
    width: 0;
}

.sidebar > .navbar {
    position: relative;
    height: 100%;
    overflow: visible;
}

.sidebar-right {
    right: 0;
    left: initial;
}

.tabla-rotaciones  {
	width: 100%;
    table-layout:fixed;
    /* overflow:hidden; */
    display: flex; 
}


.tabla-rotaciones tbody {
width: 100%;
}
.tabla-rotaciones  th {
	font-weight: bold;
        text-align: left;
        padding-right: .5vw;
}
.tabla-rotaciones  td, .tabla-rotaciones  th {
	border-right: 1px dashed;
        border-color: #1479FF;
	
}


.tabla-rotaciones tbody tr {
background: none!important;
}



.tabla-rotaciones div.rotacion {
	text-align: center;
	padding: 1vh; 
	background-color: white;
	border-radius:.5em; 
	height: 8vh;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 .25vw;
        box-shadow: 0px 6px 10px -4px rgba(79, 115, 159, 0.15);
        min-width: 18vh;
        letter-spacing: -.4px;
}

.tabla-rotaciones div.rotacion:hover  {
 box-shadow: 0px 6px 15px -3px rgba(79, 115, 159, 0.40);
 color:#1479FF;
transition: .4s;
}



.tabla-rotaciones div.rotacion.antes {
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
	border-left-width: 0px; 
}
.tabla-rotaciones div.rotacion.despues {
	border-top-right-radius: 0em;
	border-bottom-right-radius: 0em;
	border-right-width: 0px; 
}

a.redondito div, div.redondito {
	border-radius: 5px;
	padding: 1.5vh;
	margin: 15px 0px;
	background-color: white;
box-shadow: 0px 6px 20px -4px rgba(79, 115, 159, 0.15);
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 21px;
display: flex;
align-items: center;
color: #1479FF;    
}



div.redondito ul {
	width: 30% ;
	display: inline-table;
	text-align: right;

}

div.redondito div {
	width: 69.5%; 
	display: inline-table;
	font-size: 16px;
height: 5%;
color: #374552;



}
	
a.redondito, div.redondito a  {
	font-size: 16px;
	text-decoration: none;
	color: black;
height: 30%;
}	

div#add_newPregunta span {
	padding: 5px;
	border: 1px 1px 0px 1px;
}