img

{

    user-select: none;

}

.mrgtop

{

    margin-top:50px;

}



.center

{

    text-align: center;

    justify-content: center;

    margin:auto;

}

.btn-gradient

{

    font-weight: bold;

    width:50%;

    margin:auto;

    padding: 5px;

    background: #43C6AC;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #F8FFAE, #43C6AC);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #F8FFAE, #43C6AC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}



.btn-gradient:hover

{

    background: #F8FFAE;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #43C6AC, #F8FFAE);  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #43C6AC, #F8FFAE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}



.img_editar

{

    width:20px;

    height: 20px;

}



.alertlectura, .alertcodigolectura

{

    width:90%;

    display:none;

    position: absolute;

    background: #fff;

    padding:20px;

    left:0;

    right:0;

    margin:auto;

    border-radius: 5px;

    color:#000;

    text-align: left;

    border:2px solid #e3e3e3;

}



.alertlectura input , .alertcodigolectura input

{

    width:100%;

    margin:10px auto;

    padding: 10px;

    display: block;

}



.alertlectura p, .alertcodigolectura p

{

    text-align: center;

}



.alertlectura .button_lect, .alertcodigolectura .button_codigolect

{

    width:49%;

    background-color: #00a8ff;

    color:#fff;

    border-radius: 4px;

    font-size:18px;

    border:none;

    display: inline-block;

}



.alertlectura .button_lect:hover, .alertcodigolectura .button_codigolect:hover

{

    cursor:pointer;

}



.alertlectura a, .alertcodigolectura a

{

    width:49%;

    margin:auto;

    padding: 10px;

    display: inline-block;

    text-align: center;

    color:#fff;

    font-size:18px;

    border:none;

    border-radius: 5px;

    background-color: #d63031;

    text-decoration: none;

}



.photo

{

    width:80%;

    margin:auto;

}



.photo img

{

    width:100%;

    height:400px;

}



.photopreview

{

    width:50%;

    height:120px;

    margin:auto;

}



.photopreview__image

{

    width:100%;

    height:120px;

    display:none;

}



#file

{

    position:relative;

    padding:5px;

    height: 35px;

    width:90%;

    margin:auto;

    background-color: #ffc107;

}

#texto

{

    text-align: center;

    color:#fff;

}

#btn_photo

{

    position:absolute;

    top:0px;

    left:0px;

    right:0px;

    bottom:0px;

    width:100%;

    height:100%;

    opacity:0;

    cursor:pointer;

}



.error

{

	width: 100%;

    height: auto;

	margin:auto;

	text-align: center;

	color:#fff;

	background: #eb4d4b;

	padding: 10px;

    display:none;

}

.criticada
{
	color:#fff;
	background: #eb4d4b;	
}

.normal
{
	color:#fff;
	background: #6beb4b;	
}



@media screen and (min-width: 900px)

{

    .alertlectura, .alertcodigolectura

    {

        width:30%;

    }



    .photo

    {

        width:30%;

        height: 400px;

    }



    .photo a img

    {

        width:100%;

        height: 400px;

    }

}