/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.back{
	background-image: url("fondo.png");
	opacity: 0.8;
	

}
.cartas{
	padding-left: 10px;
}
.media{
	width:500;
	height: 500px;
}
.small2{
	width: 100px;
	height: 100px;
}
.tiny2{
	width: 50px;
	height:50px;
}
.smallTiny{
	width: 30px;
	height:30px;	

}
.deleteBin:hover{
     opacity: 0.5;
    filter: alpha(opacity=50);
    
}
.cursor-pointer{
    cursor: pointer;
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

.subir{
    display: block;
    height: 200px;
    width: 1000px;
    
}

.scrollContent {

    display: block;
    height: 300px;
    width: auto;
    position: relative;
    overflow-y: auto;
    white-space: nowrap;
}
.back-unofficial{
background-color: #b6c1cb;
background-image: -webkit-linear-gradient(180deg, #b6c1cb 25%, #e4e4e3 100%);
background-image: -moz-linear-gradient(180deg, #b6c1cb 25%, #e4e4e3 100%);
background-image: -o-linear-gradient(180deg, #b6c1cb 25%, #e4e4e3 100%);
background-image: linear-gradient(180deg, #b6c1cb 25%, #e4e4e3 100%);


}
.new-back-unofficial{
background-color: #f9fcfd;
background-image: -webkit-linear-gradient(0deg, #f9fcfd 0%, #eceff1 100%);
background-image: -moz-linear-gradient(0deg, #f9fcfd 0%, #eceff1 100%);
background-image: -o-linear-gradient(0deg, #f9fcfd 0%, #eceff1 100%);
background-image: linear-gradient(0deg, #f9fcfd 0%, #eceff1 100%);



}
.hoy-unofficial{
    background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);

}
.apuntes-gradient{
    background-color: #FF3CAC;
background-image: -webkit-linear-gradient(0deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
background-image: -moz-linear-gradient(0deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
background-image: -o-linear-gradient(0deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
background-image: linear-gradient(0deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);

   }
   .recordatorios-gradient{
background-color: #00DBDE;
background-image: -webkit-linear-gradient(25deg, #00DBDE 0%, #FC00FF 100%);
background-image: -moz-linear-gradient(25deg, #00DBDE 0%, #FC00FF 100%);
background-image: -o-linear-gradient(25deg, #00DBDE 0%, #FC00FF 100%);
background-image: linear-gradient(25deg, #00DBDE 0%, #FC00FF 100%);


   }
   .button-gradient{
background-color: #0093E9;
background-image: -webkit-linear-gradient(61deg, #0093E9 0%, #5b18e6 100%);
background-image: -moz-linear-gradient(61deg, #0093E9 0%, #5b18e6 100%);
background-image: -o-linear-gradient(61deg, #0093E9 0%, #5b18e6 100%);
background-image: linear-gradient(61deg, #0093E9 0%, #5b18e6 100%);


   }
.grafic-gradient{
    background-color: #0093E9;
background-image: -webkit-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
background-image: -moz-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
background-image: -o-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);

}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}