@import url(fonticon.css);
 
@font-face {
    font-family: 'josefin_sansthin';
    src: url('../fonts/josefin/josefinsans-thin-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansthin_italic';
    src: url('../fonts/josefin/josefinsans-thinitalic-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-thinitalic-webfont.woff') format('woff');
    font-weight: 100i;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sanslight';
    src: url('../fonts/josefin/josefinsans-light-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sanslight_italic';
    src: url('../fonts/josefin/josefinsans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-lightitalic-webfont.woff') format('woff');
    font-weight: 300i;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefin/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansregular_italic';
    src: url('../fonts/josefin/josefinsans-italic-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-italic-webfont.woff') format('woff');
    font-weight: 400i;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sanssemibold';
    src: url('../fonts/josefin/josefinsans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sanssemibold_italic';
    src: url('../fonts/josefin/josefinsans-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-semibolditalic-webfont.woff') format('woff');
    font-weight: 600i;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansbold';
    src: url('../fonts/josefin/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansbold_italic';
    src: url('../fonts/josefin/josefinsans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/josefin/josefinsans-bolditalic-webfont.woff') format('woff');
    font-weight: 700i;
    font-style: normal;
}

*
{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
*:focus
{
	outline:none;
}
a
{
	text-decoration:none;
	cursor:pointer;
}
li
{
	list-style:none;
}
body
{
	font-size:21px;
	font-family: 'josefin_sansregular';
	color:#666666;
	line-height:25px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	background:#f2f1f1;
}
body,
html
{
	width:100%;
	height:100%;
}

/********TRANSITIONS*********/
.button-menu,
.button-menu span,
.menu-left > li > a,
.menu-left i,
.menu-left-second > li > a,
.menu-left-third > li > a,
.usuario-menu ul li a,
.usuario-ico,
#mod-tareas ul li a,
#mod-mensajes ul li a,
#mod-acceso-rapido div,
#mod-acceso-rapido div i,
#mod-acceso-rapido div a,
.servicio-cliente p span,
.info-top ul li,
.info-top ul li a,
.video:before,
.foto-mensajes img,
#buscador,
#buscador i,
#mod-id-usuario figure,
#mod-id-usuario figure i
{
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}
.servicio-cliente
{
	transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
}
/********ID*********/
#barraMenu
{
	display: block;
    margin: 0 0 35px 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 0px;
}
#barraMenu span
{
	display: inline-block;
	font-size: 19px;
	vertical-align: top;
	background: #eaeaea;
	padding: 5px 10px;
	border-radius: 0 0 8px 8px;
}
#barraMenu span b
{
	color: #0c9dab;
}
#barraMenu span:nth-child(1)
{
	margin-right: 10px;
}
#botonPse
{
    display: inline-block;
    padding: 5px 110px 5px 5px;
    height: 70px;
    line-height: 55px;
    color: #636363;
    position: relative;
    margin-right: 20px;
    border-right: 2px dotted  #0c9dab;
}
#botonPse img
{
    height:100%;
    position: absolute;
    top: 0;
    right: 30px;
}
#botonPayu
{
    height: 70px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background: url(../images/b-payu.png) top -18px right no-repeat;
    background-size: 100px auto;
    padding: 5px 110px 5px 5px;
    font-family: 'josefin_sansregular';
    font-size: 20px;
    color: #636363;
}
#buscador
{
    float: right;
    background: #087782;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 18px;
    cursor:pointer;
}
#buscador i
{
    margin-left:8px;
    color:#f5bf00;
}
#content-video
{
	border: 8px solid #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.50);
	position: relative;
	position: fixed;
	z-index: 2;
	background: #fff;
	top: -1200px;
	left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 0;
    opacity: 0;
    margin: 10px 0;
    max-width:700px;
    width: 90%;
}
#content-video video
{
	width: 100%;  
	/*height:390px;*/
}
#content-video i
{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	background: #fff;
	color:#0c9dab;
	font-size: 25px;
	border-radius: 50em;
	padding: 2px;
	cursor: pointer;
}
#content-camara
{
    width: 95%;
    max-width: 500px;
    margin: auto;    
}
#content-camara,
#content-camara .shutter
{
    position:relative;
}
#content-camara .shutter
{
    position:absolute;
    display: block;
    z-index: 1;
    width: 85%;
    height: 85%;
    /*background: rgba(255, 255, 255, 0.15);*/
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);      
}
#content-camara .shutter::before
{
    position:absolute;
    display: block;
    content: "";
    z-index: 2;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    border-top: 3px solid #b6cd1d;
    border-left: 3px solid #b6cd1d;
    border-radius: 20px 0 0 0;
}
#content-camara .shutter::after
{
    position:absolute;
    display: block;
    content: "";
    z-index: 2;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    border-top: 3px solid #b6cd1d;
    border-right: 3px solid #b6cd1d;
    border-radius: 0 20px 0 0;
}
#content-camara .shutter span::before
{
    position:absolute;
    display: block;
    content: "";
    z-index: 2;
    width: 50px;
    height: 50px;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #b6cd1d;
    border-left: 3px solid #b6cd1d;
    border-radius: 0 0 0 20px;
}
#content-camara .shutter span::after
{
    position:absolute;
    display: block;
    content: "";
    z-index: 2;
    width: 50px;
    height: 50px;
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #b6cd1d;
    border-right: 3px solid #b6cd1d;
    border-radius: 0 0 20px 0;
}
#content-camara video
{
    width:0;
    border-radius: 15px;
}
#content-camara img
{
    width:100%;
}
#verificacion 
{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.90);
    border-radius: 15px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    text-align: center;
    padding: 15px; 
    color: #4e4d4d;
}
#verificacion p
{
   position: relative;
   font-size: 25px !important;
   line-height: 27px;
   top: 50%;
   transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
#verificacion i.exito 
{
    display: block;
    font-size: 40px;
    color: #b6cd1d;  
    margin-bottom: 20px;    
}
#verificacion i.error 
{
    display: block;
    font-size: 40px;
    color: #ee7a10;  
    margin-bottom: 20px;    
}
#verificacion i.proceso 
{
    display: block;
    font-size: 40px;
    color: #dcb512;  
    margin-bottom: 20px;    
}
#left
{
	height:100%;
	position:relative;
	position:fixed;
	left:-260px;
	top:0;
	z-index: 9;
}
#mod-id-usuario
{
	width:62.7%;
	background:#eaeaea;
	padding: 15px 20px;
	margin-top: 40px;
}
#mod-id-usuario figure
{
    position : relative;
    position:absolute;
    left:20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 110px;
    height: 125px;
}
#mod-id-usuario figure img
{
    width:100%;
    height: 100%;
    object-fit: cover;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border:4px solid #fff;
}
#mod-id-usuario figure i
{
    display:none;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ffffff;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 25px;
    border-radius: 10px 0;
    font-size: 18px;
    color: #0c9dab;
    cursor: pointer;
}
#mod-id-usuario figure.active i
{
    display:block;    
}
#mod-id-usuario ul
{
	margin-left:130px;
}
#mod-id-usuario ul li
{
	border-bottom:1px dotted #0c9cab;
	padding-left:10px;
	position:relative;
}
#mod-id-usuario ul li:first-child span:nth-child(2)
{
    font-size: 17px;
    text-transform: uppercase;
}
#mod-id-usuario ul li:last-child
{
	border-bottom:none;
}
#mod-id-usuario ul li span:nth-child(1)
{
	font-family: 'josefin_sansbold';
	display:inline-block;
	vertical-align: middle;
	min-width:160px;
	padding:3px 0;
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#mod-id-usuario ul li span:nth-child(2)
{
	margin-left:160px;
	padding:3px 0 3px 10px;
	display:block;
	border-left:1px dotted #0c9cab;
}
#mod-acceso-rapido
{
	width:36%;
        margin-top: 40px;
}
#mod-acceso-rapido div
{
	margin-bottom:8px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}
#mod-acceso-rapido div a
{
	display:block;
	padding:16px 25px 16px 60px;
	color:#fff;
	font-family: 'josefin_sansbold';
	position:relative;
}
#mod-acceso-rapido div a i
{
	display:inline-block;
	background:rgba(0,0,0,0.10);
	width:45px;
	height:45px;
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	left:5px;
	border-radius:80em;
	-webkit-border-radius:80em;
	-moz-border-radius:80em;
	text-align:center;
	line-height:45px;
	font-size:30px;
}
#mod-acceso-rapido div:nth-child(1)
{
	background:#f5bf00 url(../images/arrow-right.png) right 10px center no-repeat;
}
#mod-acceso-rapido div:nth-child(2)
{
	background:#ee7a10 url(../images/arrow-right.png) right 10px center no-repeat;
}
#mod-acceso-rapido div:nth-child(3)
{
	background:#0c9dab url(../images/arrow-right.png) right 10px center no-repeat;
}
#mod-acceso-rapido,
#mod-tareas,
#mod-mensajes,
#mod-comunicados
{
	width:29.3%;
}
#mod-tareas h3,
#mod-mensajes h3,
#mod-comunicados h3
{
	background:rgba(0,0,0,0.20);
	color:#fff;
	font-size:21px;
	line-height:25px;
	font-family: 'josefin_sansbold';
	padding:8px 8px 8px 65px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	position:relative;
	margin-bottom:15px;
	text-align: left;
}
#mod-tareas h3 i,
#mod-mensajes h3 i,
#mod-comunicados h3 i
{
	display:block;
	position:absolute;
	top:-20px;
	left:-20px;
	width:70px;
	height:70px;
	font-size:48px;
	text-align:center;
	border-radius:90em;
	-webkit-border-radius:90em;
	-moz-border-radius:90em;
	line-height:70px;
	border-right:3px solid rgba(0,0,0,0.30);
	border-bottom:3px solid rgba(0,0,0,0.30);
}
#mod-tareas,
#mod-tareas h3 i
{
	background:#b6cd1d;
}
#mod-mensajes,
#mod-mensajes h3 i
{
	background:#844091;
}
#mod-comunicados,
#mod-comunicados h3 i
{
	background:#eaeaea;
}
#mod-comunicados h3,
#mod-comunicados h3 i
{
	color:#0c9dab;
}
#mod-comunicados h3
{
background:rgba(0,0,0,0.10);
}
#mod-tareas ul,
#mod-mensajes ul
{
	height: 190px;
    overflow-y: auto;
	padding-right: 10px;
	margin-bottom:5px;
}
#mod-tareas ul::-webkit-scrollbar,
#mod-mensajes ul::-webkit-scrollbar,
#mod-comunicados > div::-webkit-scrollbar {
      width: 8px;/*ancho scroll*/
}
#mod-tareas ul::-webkit-scrollbar-track,
#mod-mensajes ul::-webkit-scrollbar-track {
      background-color: rgba(0,0,0,0.20); /*fondo scroll*/
	  border-radius:50em;
}
#mod-tareas ul::-webkit-scrollbar-thumb,
#mod-mensajes ul::-webkit-scrollbar-thumb
 {
      background-color: rgba(255, 255, 255, 0.80);/*color deslizador*/
	  border-radius: 8px;
}
#mod-tareas ul::-webkit-scrollbar-button,
#mod-mensajes ul::-webkit-scrollbar-button {
      background-color: rgba(0,0,0,0.20);/*color botones superior inferior*/
}
#mod-tareas ul::-webkit-scrollbar-corner,
#mod-mensajes ul::-webkit-scrollbar-button {
      background-color: rgba(0,0,0,0.20);/*esquina*/
}
#mod-tareas ul li a,
#mod-mensajes ul li a
{
	display:block;
	background:rgba(255,255,255,0.20);
	padding:5px 5px 5px 15px;
	margin-bottom:5px;
	font-family: 'josefin_sansbold';
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
        font-size: 17px;
}
#mod-tareas ul li a
{
	color:#4e511c;
}
#mod-mensajes ul li a
{
	color:#fff;
}
#mod-tareas ul li a span,
#mod-mensajes ul li a span
{
	display:block;
	font-size:17px;
	font-family: 'josefin_sanslight_italic';
}
#mod-tareas > div,
#mod-mensajes > div
{
	background:rgba(0,0,0,0.20);
	color:#fff;
	padding:8px 45px 8px 15px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	position:relative;
}
#mod-tareas > div span,
#mod-mensajes > div span
{
	display:inline-block;
	background:#fff;
	color:#666666;
	width:32px;
	height:32px;
	border-radius:90em;
	-webkit-border-radius:90em;
	-moz-border-radius:90em;
	font-family: 'josefin_sansbold';
	text-align:center;
	line-height:32px;
	position:absolute;
	right:5px;
	top:50%;
	transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#mod-comunicados > div
{
	height: 230px;
    overflow-y: auto;
	margin-bottom:5px;
}
#mod-comunicados > div p
{
	padding: 0 10px;
}
#mod-comunicados > div::-webkit-scrollbar-track {
      background-color: #0c9dab; /*fondo scroll*/
	  border-radius:50em;
}
#mod-comunicados > div::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.30);/*color deslizador*/
	  border-radius: 8px;
}
#right
{
	width:100%;
	margin:auto;
	text-align:center;
	padding-bottom: 65px;
}
#wrapper
{
	height:100%;
}
.content-menu::-webkit-scrollbar
{
      width: 8px;/*ancho scroll*/
}
body::-webkit-scrollbar {
      width: 15px;/*ancho scroll*/
}
.content-menu::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
      background-color: #07777c; /*fondo scroll*/
} 
.content-menu::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.50);/*color deslizador*/
	  border-radius: 8px;
}
.content-menu::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
      background-color: #07777c;/*color botones superior inferior*/
}
.content-menu::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
      background-color: #07777c;/*esquina*/
}
/*IE*/
body {
    scrollbar-face-color: #07777c;
}

/********CLASS*********/
.alerta-sistema
{
	color:#fff;
	width:37px;
	height:37px;
	border-radius: 80em;
    -moz-border-radius: 80em;
    -webkit-border-radius: 80em;
    border: 2px dotted #fff;
	text-align:center;
	line-height:37px;
	position:relative;
}
.alerta-sistema span
{
	position:absolute;
	top:-8px;
	right:-14px;
	display:inline-block;
	background:#f5bf00;
	min-width:20px;
	height:20px;
        padding: 0 3px;
	border-radius: 80em;
    -moz-border-radius: 80em;
    -webkit-border-radius: 80em;
	font-size:12px;
	color:#076868;
	font-family: 'josefin_sanssemibold';
	line-height:20px;
}
.button-menu
{
	position: relative;
    position:absolute;
    z-index: 9;
    width: 45px;
    height: 100px;
    background: rgb(5,88,91);
background: -moz-linear-gradient(left, rgba(5,88,91,1) 0%, rgba(7,119,124,1) 11%);
background: -webkit-linear-gradient(left, rgba(5,88,91,1) 0%,rgba(7,119,124,1) 11%);
background: linear-gradient(to right, rgba(5,88,91,1) 0%,rgba(7,119,124,1) 11%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05585b', endColorstr='#07777c',GradientType=1 );
    right: -45px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    cursor: pointer;
}
.button-menu span
{
	display:block;
	width:80px;
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
	text-align:center;
	margin:38px 0 0 -20px;
	color:#fff;
	font-family: 'josefin_sansbold';
}
.button-menu span .b2
{
	display:none;
}
.content
{
	background:red;
	max-width:1600px;
	background:#fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0px -0px 8px rgba(0,0,0,0.37);
	position:relative;
	min-height:500px;
	margin: auto;
}
.content-menu
{
	height: 100%;
	overflow-y:scroll !important;
	background: #07777c;
	width: 260px;
}
.facturadetalle
{
    max-width: 1240px;
    width: 95%;
    margin: -70px auto 20px auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 25px 15px 15px 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.70);
}
.fecha-comunicados
{
    font-weight: bold;
    color:#0c9dab;
    font-size: 17px !important;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #0c9dab;
}
.foto-mensajes img
{
   width:0px;
   height:0px;  
}
.foto-mensajes:hover img
{
   width:50px;
   height:60px;
}
.foto-mensajes:hover i
{
   opacity:0;
   width:0px;
}
.header
{
	background:#0c9cab url(../images/back-header.png);
	min-height:150px;
	padding: 10px 0 90px 0px;
}
.header-usuario
{
	background:#07777c;
	position:absolute;
	top:0;
	right:0;
	padding: 10px;
	border-radius: 0 0 0 15px;
	-webkit-border-radius: 0 0 0 15px;
	-moz-border-radius: 0 0 0 15px;
	z-index:1;
}
.header-usuario > div
{
	display:inline-block;
	vertical-align:middle;
}
.inactive
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.30);
	display:none;
	z-index:3;
}
.info,
.nombre-colegio
{
	display:inline-block;
	vertical-align:top;
	width:90%;
	text-align:left;
}
.info
{
	position:relative;	
	margin-top:-80px;
}
.info-top
{
	background:#b6cd1d;
	border-radius: 15px 0 0 0;
	-moz-border-radius: 15px 0 0 0;
	-webkit-border-radius: 15px 0 0 0;
}
.info-top p
{
	text-align:center;
	padding: 15px;
	font-size:26px;
	color:#fff;
	font-family: 'josefin_sanssemibold';
}
.info-top ul
{
	font-size:0;
}
.info-top ul li
{
	display:inline-block;
	vertical-align:top;
	font-size:21px;
	padding: 7px 0;
}
.info-top ul li:first-child
{
	border-radius: 15px 0 0 0;
}
.info-top ul li a
{
	display:block;
	padding:8px 10px;
	color:#fff;
	border-right:1px dotted #07777c;
}
.info-top ul li:last-child a
{
	border-right:0;
}
.info-top ul li a i
{
	color:#07777c;
}
.info-top ul > span
{
	position:relative;
	display:inline-block;
}
.info-top ul > span > .boton-movil-menu
{
	position:absolute;
	top:-55px;
	left:0;
	display:block;
	width:55px;
	height:55px;
	background:rgba(255,255,255,0.50) url(../images/movil-menu.png) center center no-repeat;
	background-size:40px;
	color:#fff;
	display:none;
}
.info-centro
{
	padding:0 15px 20px 15px;
	font-size:0;
}
.info-centro *
{
	font-size: 21px;
}
.info-centro > div
{
	display:inline-block;
	vertical-align:top;
	font-size: 21px;
	margin: 0 2% 30px 2%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	position:relative;
	padding:5px;
}
.info-centro h3
{
	text-align:center;
	color:#0c9dab;
	text-transform:uppercase;
	font-family: 'josefin_sansbold';
	font-size:26px;
	line-height:31px;
    padding: 0 220px;
}
.info-centro > p
{
	text-align:center;
	padding: 0 220px;
}
.info-centro > table,
.info-centro > form
{
	margin-top:30px;
}
.lista-arch li 
{    
    margin-bottom: 5px;
}
.lista-arch li a
{
    padding: 5px;
    background: rgba(255,255,255,0.80);
    border-bottom: 1px solid #c7c4c4;
    border-radius: 6px;
    font-size: 15px;
    line-height: 16px;
    color: #0c9dab;
    display: block;
}
.logo
{
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.nombre
{
	padding: 25px 0 25px 100px;
}
.logo img
{
	width:85px;
}
.logo-colweb
{
	position:absolute;
	right:0;
	top:0;
	width:145px;
}
.mensaje-facturacion
{
    padding: 40px 40px 40px 180px;
    background: #ee7a10 url(../images/ico-pago.png) left 20px center no-repeat;
    background-size: 140px;
    color: #ffffff;
    border-radius: 15px;
}
.mensaje-facturacion p b
{
    color: #7b3f08;
    text-decoration: underline;
}
.menu-left > li > a 
{
    display: block;
    padding: 10px 10px 10px 50px;
    font-size: 20px;
	line-height:25px;
    color: #fff;
    position: relative;
	border-bottom: 1px dotted #b6cd1d;
}
.menu-left > li:last-child > a
{
	border-bottom:none;
}
.menu-left > li.active > a
{
	background: #b6cd1d;
	color: #07777c;
}
.menu-left i 
{
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 40px;
    height: 100%;
    font-size: 30px;
	text-align:center;
    margin-right: 10px;
	color: #07777c;
    background: #b6cd1d;
}
.menu-left i:before 
{
	position:relative;
	display: block;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.menu-left-second 
{
    background: #055b5f;
}
.menu-left-second, 
.menu-left-third 
{
    margin-bottom: 2px;
    display: none;
}
.menu-left-second > li,
.menu-left-third > li  
{
    border-bottom: 1px dotted #f1e633;
}
.menu-left-second > li > a 
{
    display: block;
    padding: 7px 10px 7px 15px;
	color: #fff;
	font-size: 18px;
	line-height:23px;
}
.menu-left-second > li:last-child, 
.menu-left-third > li:last-child 
{
    border: none;
}
.menu-left-second > li > a.arrow 
{
    background: url(../images/arrow.png) right center no-repeat;
}
.menu-left-second > li.active > a.arrow 
{
	border-left: 4px solid #b6cd1d;
	background: #044d50 url(../images/arrow.png) right center no-repeat;
}
.menu-left-third 
{
    background: #044d50;
}
.menu-left-third > li > a
{
    display: block;
    font-size: 18px;
	line-height:23px;
    padding: 5px 10px 5px 15px;
	 color: #b6cd1d;
}
.nombre-colegio
{
	padding-left:80px;
	padding-right: 400px;
	max-width: 1600px;
	position: relative;
}
.nombre-colegio span
{
	background:rgba(12, 156, 171, 0.8);
	padding: 10px;
	display:inline-block;
	box-shadow: 0 0 25px rgba(12, 156, 171, 0.8);
}
.nombre h2
{
	color:#fff;
	font-size:25px;
	line-height: 30px;
}
.nombre-usuario
{
	color:#b6cd1d;
	padding: 0 10px 0 23px;
	font-family: 'josefin_sanssemibold';
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase;
}
.nombre-usuario span
{
	display:block;
	font-size:15px;
	color:#fff;
	background: #076868;
	padding: 0 5px;
	font-family: 'josefin_sansregular';
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-align: center;
}
.servicio-cliente
{
	position:relative;
	position:fixed;
	right:0;
	bottom:-254px;
	background:#fff;
	cursor:pointer;
	width: 100%;
	max-width: 285px;
	border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
}
.servicio-cliente.open
{
	bottom:0;
}
.servicio-cliente-boton
{
	position:relative;
}
.servicio-cliente-boton:before
{
	content:"";
	display:block;
	position:absolute;
	top:-36px;
	left:-30px;
	width:100px;
	height:104px;
	background:url(../images/servicio-cliente.png) center center no-repeat;
	background-size:100%;
}
.servicio-cliente-boton p
{
	font-family: 'josefin_sanssemibold';
	color:#0c9dab;
	text-align:right;
	padding-top:5px;
	font-size: 18px;
}
.servicio-cliente-boton p span
{
	display:block;
	background:#0c9dab;
	color:#fff;
	font-family: 'josefin_sansregular';
	padding: 5px 15px 5px 0px;
	margin-top:3px;
	font-size:20px;
}
.servicio-cliente .chat
{
	background:#0c9dab;
	padding:10px;
	color:#fff;
	font-family: 'josefin_sanssemibold';
}
.servicio-cliente .chat span
{
	display:block;
	font-size:18px;
	color:#06484e;
	margin-top:-3px;
}
.servicio-cliente .chat i
{
	width:55px;
	height:55px;
	position:absolute;
	left:0px;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	border-radius:80em;
	-webkit-border-radius:80em;
	-moz-border-radius:80em;
	border:2px solid #fff;
}
.servicio-cliente .chat .en-linea
{
	position:relative;
	padding-left: 65px;
}
.servicio-cliente .chat .en-linea i
{
	background:#fff url(../images/servicio-cliente-foto.gif) no-repeat;
	background-size:100%;
}
.servicio-cliente .chat .desconectado
{	
	position:relative;
	padding-left: 65px;
	display:none;
}
.servicio-cliente .chat .desconectado i
{
	background:#fff url(../images/servicio-cliente-foto-desconectado.gif) no-repeat;
	background-size:100%;
}
.servicio-cliente .datos-soporte p
{
	padding:10px;
	font-size:18px;
}
.servicio-cliente .datos-soporte p > b
{
	color:#0c9dab;
} 
.servicio-cliente .datos-soporte p i
{
	color:#0c9dab;
	margin-right:5px;
}
.servicio-cliente .datos-soporte p  span
{
	display:block;
	margin-top:5px;
	border-top:1px dotted #ccc;
	padding-top:5px;
}
.thumbnail
{
        width: 110px;
        height: 125px;
        margin: 10px auto;
}
.thumbnail img
{
	/*width:100%;*/
        height: 100%;
	object-fit: cover;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border:2px solid #009eac;
}
.usuario-menu
{
	position:relative;
}
.usuario-menu ul
{
	display:none;
	position:absolute;
	right:-10px;
	top:49px;
	z-index:1;
	width:250px;
	background: rgb(158,158,158);
	background: -moz-linear-gradient(top, rgba(158,158,158,1) 0%, rgba(234,234,234,1) 3%);
	background: -webkit-linear-gradient(top, rgba(158,158,158,1) 0%,rgba(234,234,234,1) 3%);
	background: linear-gradient(to bottom, rgba(158,158,158,1) 0%,rgba(234,234,234,1) 3%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#eaeaea',GradientType=0 );
	padding-top:7px;
}
.usuario-menu ul li
{
	border-bottom:1px dotted #b6cd1d;
}
.usuario-menu ul li#salir
{
	border-bottom:none;
	margin-bottom:15px;
}
.usuario-menu ul li a
{
	display:block;
	padding:5px 45px 5px 10px;
	font-size:18px;
	color:#07777c;
	position:relative;
	text-align: right;
}
.usuario-menu ul li a b
{
	font-family: 'josefin_sansbold';
}
.usuario-menu ul li a i
{
	background:#b6cd1d;
	width:30px;
	height:30px;
	position:absolute;
	right:5px;
	bottom:2px;
	text-align:center;
	line-height:30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.usuario-menu ul span
{
	font-size:16px;
	line-height:20px;
	background:#07777c;
	color:#fff;
	display:block;
	padding:5px 10px;
	border-bottom:1px dotted #b6cd1d;
}
.usuario-ico
{
	background:#076868;
	border-radius:80px;
	padding-right:10px;
	cursor:pointer;
}
.usuario-ico.active
{
    background: #b6cd1d;
}
.usuario-ico i.fa-caret-up
{
	display:none;
	color:#07777c;
}
.usuario-ico figure,
.usuario-ico i
{
	display:inline-block;
	vertical-align:middle;
}
.usuario-ico figure
{
	width:37px;
	height:37px;
	overflow:hidden;
	border-radius:80em;
	-moz-border-radius:80em;
	-webkit-border-radius:80em;
	border:2px dotted #fff;
}
.usuario-ico figure img
{
	width:100%;
}
.usuario-ico i
{
	color:#fff;
	font-size:16px;
}
.video
{
	display:block;
	position:absolute;
	top:75px;
	right:100px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.54);
}
.video:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../images/video.jpg) center center no-repeat;
	background-size:100%;
	opacity:0.8;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.video a
{
	display:block;
	width:100px;
	height:79px;
	padding-top:5px;
	font-size:23px;
	line-height:21px;
	font-family: 'josefin_sansbold';
	color:#ee7a10;
	text-align:center;
	position:relative;
	z-index:0;
}
.video span
{
	display:block;
	font-family: 'josefin_sansregular';
	font-size:20px;
}
@keyframes scales
{
    from{
        transform: scale(0.8);
        color:#333333;
    }
    transform: scale(1.1);
        color:#ee7a10;
}
.video.video-nuevo a
{
    font-weight: 700;
    animation: scales 0.5s ease infinite alternate;
}
.contenedor-sugerencias
{
    position: relative;    
}
#sugerencias
{
    position: absolute;
    top: 41px;
    left: 0;
    width: 350px;
    z-index: 1;
    background: #eaeaea;
    border-radius: 10px;
    max-height: 100px;
    overflow: auto;
}
#sugerencias.show
{
    padding: 5px;
    box-shadow: 0 0 5px;
}
.sugerencia
{
    font-size: 19px;
    line-height: 19px;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0; 
}
.sugerencia.vacio
{
    height: 20px;  
    border-bottom: 0;    
}
#sugerencias .sugerencia:last-child
{
    border-bottom: 0;   
}
/********HOVER*********/

@media only screen and (min-width : 901px){
    
        .sugerencia:hover
        {
            background: #ffffff;
            cursor:pointer;
        }
        .sugerencia.vacio:hover
        {
            background: transparent !important;
        }
	.button-menu:hover
	{
		width:50px;
		right:-50px;
		background: rgb(127,123,19);
	background: -moz-linear-gradient(left, rgba(127,123,19,1) 0%, rgba(182,205,29,1) 9%);
	background: -webkit-linear-gradient(left, rgba(127,123,19,1) 0%,rgba(182,205,29,1) 9%);
	background: linear-gradient(to right, rgba(127,123,19,1) 0%,rgba(182,205,29,1) 9%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7b13', endColorstr='#b6cd1d',GradientType=1 );
	}
	.button-menu:hover span
	{
		margin:38px 0 0 -15px;
		color:#07777c;
	}
        #buscador:hover
        {
            background:#f5bf00;
            color:#087782;
        }
        #buscador:hover i
        {
            color:#087782;
        }
	.info-top ul li:hover,
        .info-top ul li.active-top
	{
		background:rgba(255,255,255,0.50);
	}
	.info-top ul li:hover a,
        .info-top ul li.active-top a
	{
		color:#07777c;
	}
	.menu-left li:hover
	{
		cursor: pointer;
	}
	.menu-left > li:hover > a
	{
		background: #b6cd1d;
		color: #07777c;
	}
	.menu-left-second > li:hover > a
	{
		border-left: 4px solid #b6cd1d;
		background: #044d50;
	}
	.menu-left-second > li:hover > a.arrow
	{
		background: #044d50 url(../images/arrow.png) right center no-repeat;
	}
	.menu-left-third > li:hover > a
	{
		text-decoration:underline;
	}
	#mod-tareas ul li a:hover,
	#mod-mensajes ul li a:hover
	{
		background:rgba(255,255,255,0.40);
	}
	#mod-acceso-rapido div:hover i
	{
		left:15px;
	}
	#mod-acceso-rapido div:hover a
	{
		padding-left:70px;
	}
	#mod-acceso-rapido div:nth-child(1):hover
	{
		background:#e2b101 url(../images/arrow-right.png) right 10px center no-repeat;
	}
	#mod-acceso-rapido div:nth-child(2):hover
	{
		background:#e2730d url(../images/arrow-right.png) right 10px center no-repeat;
	}
	#mod-acceso-rapido div:nth-child(3):hover
	{
		background:#098d9a url(../images/arrow-right.png) right 10px center no-repeat;
	}
	.usuario-ico:hover 
	{
		background: #b6cd1d;
	}
	.usuario-menu ul li:hover a
	{
		background:#fff;
	}
	.video:hover:before
	{
	background: url(../images/video.jpg) center center no-repeat;
	background-size:110%;
	opacity:1;
	}
        #mod-id-usuario figure.active:hover img
        {
            border: 4px solid #0c9dab;
        }
        #mod-id-usuario figure.active:hover i
        {
            background: #0c9dab;
            color: #fff;
        }
}

@media only screen and (max-width : 1450px)
{
	#right 
	{
    text-align: right;
	}
	.content 
	{
    border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
	}
	.info, .nombre-colegio 
	{
    width: 93%;
	}
}
@media only screen and (max-width : 1140px)
{
	#mod-id-usuario 
	{
    padding: 15px 10px;
	}
	#mod-id-usuario figure 
	{
    left: 10px;
	}
	#mod-id-usuario ul li 
	{
    padding-left: 0px;
	}
	#mod-id-usuario ul li span:nth-child(1) 
	{
    min-width: 150px;
	}
	.nombre-colegio 
	{
    padding-left: 20px;
	}
}

@media only screen and (min-width : 680px) and (max-width : 900px)
{
	#mod-id-usuario,
	#mod-acceso-rapido 
	{
        width: 100%;
	margin: 0 0 30px 0;
	}
        #mod-id-usuario 
	{
	margin-top: 40px;
	}
	#mod-acceso-rapido 
	{
	font-size:0;
	}
	#mod-acceso-rapido div 
	{
    display: inline-block;
    width: 31.3%;
    font-size: 21px;
    margin: 0 1%;
	}
	#mod-acceso-rapido div a 
	{
    padding: 15px 10px;
	text-align: center;
	}
	#mod-acceso-rapido div a i 
	{
    display: block;
    width: 65px;
    height: 65px;
    position: initial;
    top: auto;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    left: auto;
    line-height: 65px;
    font-size: 42px;
	margin:0 auto 10px auto;
	}
	#mod-acceso-rapido div:nth-child(1) {
    background: #f5bf00;
	}
	#mod-acceso-rapido div:nth-child(2) {
    background: #ee7a10;
	}
	#mod-acceso-rapido div:nth-child(3) {
    background: #0c9dab;
	}
	#mod-tareas, #mod-mensajes 
	{
    width: 46%;
	}
	#mod-comunicados 
	{
    width: 96%;
	}
	#mod-comunicados > div 
	{
    height: auto;
	}
	.info-centro h3,
	.info-centro p 
	{
    text-align: left;
    padding: 0 220px 0 20px;
	}
	.nombre-colegio 
	{
    margin-top: 70px;
	padding-right: 20px;
	}
	.video 
	{
    top: 80px;
    right: 80px;
	}
	.video:before 
	{
    opacity: 1;
	}
	.video a 
	{
    width: 100px;
    height: 79px;
	}
	
}
@media only screen and (max-width : 768px)
{
.info-top ul 
{
    padding-left: 15px;
}
.info-top ul > span
{
    display: block;
	position:relative;
    position: absolute;
	left:112px;
	z-index:1;
	width:130px;
}
.info-top ul > span li
{
	background:#a3b71a;
	width:140px;
	border-radius:0 !important;
	padding:0;
}
.info-top ul span li a
{
	border-right:0;
	border-bottom:1px dotted #07777c;
}
.info-top ul > span > .boton-movil-menu
{
	display:block;
}

}
.qr_home{
    display:none;
}
@media only screen and (max-width : 679px)
{
	#mod-id-usuario,
	#mod-acceso-rapido 
	{
    width: 100%;
	margin: 0 0 30px 0;
	}
	#mod-id-usuario
	{
	margin-top:100px;
	}
        .qr_home{
            display:block;
        }
	/*#mod-id-usuario figure 
	{
    left: 50%;
    top: -70px;
    -webkit-transform: translate(-50%, 0%);
	}*/
        #foto_qr{
        display: flex;
        gap: 10px;
        position: absolute;
        left: 50%;
        top: -70px;
        -webkit-transform: translate(-50%, 0%);        }
        #mod-id-usuario figure 
	{
        position: relative;
        top: 0px;
        left: 0px;
        -webkit-transform: translateY(0%);        }
	#mod-id-usuario ul 
	{
    margin-left: 0;
	margin-top:60px;
	text-align:center;
	}
	#mod-id-usuario ul li {
    border-bottom: 0;
	padding-bottom:5px;
	}
	#mod-id-usuario ul li span:nth-child(1)
	{
    display: block;
    min-width: 100% !important;
    margin-right: 0px;
    border-right: 0px;
    background: rgba(0,0,0,0.10);
    color: #0c9cab;
    margin-bottom: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    position: initial;
    top: 0;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
	}
	#mod-id-usuario ul li span:nth-child(2) 
	{
    margin-left: 0px;
    padding: 3px 0;
    border-left: 0px;
	}
	#mod-acceso-rapido 
	{
		font-size:0;
		padding: 0px;
	}
	#mod-acceso-rapido div 
	{
    display: block;
    width: 100%;
    font-size: 21px;
    margin: 0 0 10px 0;
	}
	#mod-acceso-rapido div a 
	{
    padding: 15px 10px;
	text-align: center;
	}
	#mod-acceso-rapido div a i 
	{
    display: block;
    width: 65px;
    height: 65px;
    position: initial;
    top: auto;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    left: auto;
    line-height: 65px;
    font-size: 42px;
	margin:0 auto 10px auto;
	}
	#mod-acceso-rapido div:nth-child(1) {
    background: #f5bf00;
	}
	#mod-acceso-rapido div:nth-child(2) {
    background: #ee7a10;
	}
	#mod-acceso-rapido div:nth-child(3) {
    background: #0c9dab;
	}
	#mod-tareas, #mod-mensajes 
	{
    width: 100%;
	margin: 0 0 30px 0;
	}
	#mod-comunicados 
	{
    width: 96%;
	}
	#mod-comunicados > div 
	{
    height: auto;
	}
	#mod-tareas h3, 
	#mod-mensajes h3, 
	#mod-comunicados h3 
	{
    padding: 8px;
	text-align:center;
	}
	#mod-tareas h3 i, 
	#mod-mensajes h3 i, 
	#mod-comunicados h3 i 
	{
    display: none;
	}
	.header-usuario
	{
	width: 100%;
    border-radius: 0;
    text-align: center;
	}
	.info-centro h3,
	.info-centro p 
	{
    text-align: left;
    padding: 0 150px 0 20px;
	}
	.logo-colweb 
	{
    width: 150px;
	}
	.servicio-cliente-boton:before 
	{
    top: -104px;
    left: auto;
    right: 0;
	}
	.servicio-cliente-boton p 
	{
		display:none;
	}
	.servicio-cliente .chat 
	{
        border-radius: 10px 0 0 0;
		-webkit-border-radius: 10px 0 0 0;
		-moz-border-radius: 10px 0 0 0;
	}
	.usuario-menu ul 
	{
    position: fixed;
    right: 0;
	top: 70px;
	}
	.nombre-colegio 
	{
    margin-top: 70px;
	padding-right: 20px;
	padding-left:0;
	}
	.video 
	{
    top: 102px;
    right: 20px;
	}
	.video:before 
	{
    opacity: 1;
	}
	.video a 
	{
    width: 100px;
    height: 59px;
	font-size:0;
	}
	.video a  span
	{
	font-size:0;
	}
	.video:before 
	{
    background: url(../images/video.jpg) center bottom no-repeat;
    background-size: 100%;
	}
	
}

@media only screen and (max-width : 499px)
{
	.header 
	{
    padding: 10px 0 80px 0px;
	}
	.alerta-sistema
	{
	position:absolute;
    top: 10px;
    left: 15px;
	}
	.info-top p 
	{
    font-size: 21px;
	}
	.info-centro h3,
	.info-centro p 
	{
    text-align: center;
    padding: 0;
	}
	.logo-colweb 
	{
    position: fixed;
    width: 110px;
	z-index:2;
	}
	.logo 
	{
    position: relative;
    text-align: center;
    top: auto;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
	}
	.logo img
	{
	width: 60px;
    display: inline-block;
	}
	.nombre 
	{
   	padding: 5px 0 5px 0px;
    text-align: center;
	}
	.nombre-usuario 
	{
    padding: 5px 10px 5px 10px;
    margin-top: 45px;
    width: 100%;
    background: #076868;
    border-radius: 5px;
	}
	.nombre-colegio 
	{
    margin-top: 115px;
	width: 100%;
	padding-right: 0px;
	padding-left: 15px;
	}
	.nombre-colegio span 
	{
		width:100%;
	}
	.servicio-cliente-boton:before 
	{
    top: -83px !important;
	width: 80px;
    height: 83px;
	}
	.usuario-menu 
	{
    position: absolute;
    top: 10px;
    left: 73px;
    z-index: 1;
	}
	.usuario-menu ul 
	{
    position: fixed;
    right: 0;
    top: 58px;
	}
	.video 
	{
    top: 0px;
    right: 0;
	}
	.video:before 
	{
    opacity: 1;
	background: url(../images/video.jpg) center bottom no-repeat;
    background-size: 100%;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}
	.video a 
	{
    width: 80px;
    height: 55px;
	font-size:0;
	}
	.video span 
	{
		font-size:0;
	}
	#barraMenu 
	{
    text-align: center;
	}
	#content-video p
	{
		display: none !important;
	}
}
@media only screen and (max-width : 415px)
{
	#content-video video
	{ 
	/*height:280px; */
	}
}
@media only screen and (max-width : 398px)
{
	#barraMenu span:nth-child(1) 
	{
    margin-right: 0px;
	}
	#barraMenu span 
	{
    display: block;
    border-radius: 8px;
    margin-top: 5px;
	}
}
/* Restaurar viñetas SOLO en el contenedor #mensajes donde se muestran textos HTML */
#mensajes ul {
  list-style-type: disc !important; 
  list-style-position: inside !important;
  margin-left: 20px;
}

#mensajes ul li {
  display: list-item !important;
  list-style-type: disc !important;
  list-style-position: inside !important;
}

#mensajes ol {
  list-style-type: decimal !important;
  list-style-position: inside !important;
  margin-left: 20px;
}

#mensajes ol li {
  display: list-item !important;
  list-style-type: decimal !important;
  list-style-position: inside !important;
}