.al50 {display: inline-block; width: 25%;}

.collection-item  {cursor: pointer;}
.collection-item a.btn-small {
    /* padding: 2px; 
    background-color: cadetblue;
    color: white;
    padding: 5px 10px; */
    border-radius: 15px;
    margin-left: 20px;
}

.modal p {
    display: flex;
    justify-content: space-around;
}

span.tooltipped {
    /* font-style: italic; */
    text-decoration: underline;
    cursor:help;
/*     display: inline-block;
    position: relative; */
}
.material-tooltip{
    max-width: 500px;
}
.modal {
    border-radius: 25px !important;
    width: 600px;
} 


h4 {font-size: 24px}

@media only screen and (max-width: 900px) {
    .btn-large {
        font-size: 10px;
        padding: 0 5px;
        line-height: 20px;
    }
    .modal {
        width: 60% !important;
    } 
    h4 {font-size: 16px}
} 

.modal-overlay {opacity: 0.05 !important}
.btn-large {
    border-radius: 15px; 
    height: auto !important; 
    line-height:normal; 
    min-width: 54px; 
    padding-top:  10px; 
    padding-bottom: 10px}
.modal-content p {margin: 25px 0 0;}
.modal-footer {padding-top: 0;}
.modal-content {padding-bottom: 0 !important;}

#ilLink {margin-top: 15px; font-size: 20px}

/* .modal-content span i {position: absolute;
    left: 50%;
    top: -10px;
    font-size: 20px;
    color: red;}
 */


    /* @-webkit-keyframes shake {
        0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
        10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
        20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
        30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
        40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
        50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
        60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
        70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
        80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
        90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
        100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    }
    .shake:hover {
        -webkit-animation-name: shake;
        -webkit-animation-duration: 0.5s;
        -webkit-transform-origin:50% 50%;
        -webkit-animation-iteration-count: infinite;
    } 
    .shake {
        display:inline-block;
        -webkit-animation-name: shake;
        -webkit-animation-duration: 0.5s;
        -webkit-transform-origin:50% 50%;
        -webkit-animation-iteration-count: 1;
        background-color:rgba(226, 225, 223, .4);
    } */

.shake {background-color:rgba(226, 225, 223, .4);}
/* .shake::after {
    content: '*';
} */

p#frase {font-size: 12px;}

.toast {
    border-radius: 15px;
}