@charset "utf-8";
html { scroll-behavior: smooth; }

input:invalid, textarea:invalid {
    animation: shake 300ms;
    color: rgb(255,35,35);
}


/* Comments */

#comments input[type="checkbox"], #comments input[type="radio"]{display:inline-block; width:auto; min-width:50px; margin:0; padding:8px 5px;}
#comments ul.agendacorrectiereden label { display: flex; align-items: baseline /* baseline centering */}
#comments ul.agendacorrectiereden input[type="checkbox"] { flex: none; /* margin-right: 15px; */ }
.controlegetal::before { content: attr(data1) attr(data2);unicode-bidi: bidi-override;direction: rtl;}
#mainav li a.btn {padding:8px;}
.event-info { background-color: #1976D2;color: rgb(255,255,255); padding: 5px 8px 5px 8px; margin-bottom: 15px;}
.event-warning { background-color: rgb(220, 53, 69);color: rgb(255,255,255); padding: 5px 8px 5px 8px; margin-bottom: 15px;}
i.icon.online-video:before {
    background-image: url('../../images/icons/online-video-custom-edit.svg');
    background-size: 20px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    content:"";
}

@keyframes shake {
    25% { transform: translateX(4px); }
    50% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}