.unread {

	cursor: pointer;

	background-color: #f4f4f4;

}

.messages-box {

	max-height: 28rem;

	overflow: auto;

	color: rgba(0,0,0,2);

}

.online-circle {

	border-radius: 5rem;

	width: 5rem;

	height: 5rem;

}

.messages-title {

	float: right;

	margin: 0px 5px;

}

.message-img {

	float: right;

	margin: 0px 5px;

}

.message-header {

	text-align: right;

	width: 100%;

	margin-bottom: 0.5rem;

}

.text-editor {

	min-height: 18rem;

}

.messages-list li.messages-you .messages-title {

	float: left;

}

.messages-list li.messages-you .message-img {

	float: left;

}

.messages-list li.messages-you p {

	float: left;

	text-align: left;

}

.messages-list li.messages-you .message-header {

	text-align: left;

}

.messages-list li p {

	max-width: 60%;

	padding: 5px;

	border: #e6e7e9 1px solid;

}

.messages-list li.messages-me p {

	float: right;

}

.ql-editor p {

	font-size: 1rem;

}  

.logout{

	size: 60px;

}



.title-up {

	text-transform: uppercase;

    font-family: impact;

    text-align: center;

    color: white;

}



h1 {

  background-size: cover;

  color: #61b7fa;

  -moz-background-clip: text;

  -webkit-background-clip: text;

  text-transform: uppercase;

  font-size: 80px !important;

  margin: 10px 0;

  text-shadow: 3px 3px 0px #ffffff;

}

@media(max-width:768px){

	h1 {

	    font-size: 50px !important;

	}

}



@keyframes slideInFromLeft {

    0% {

      transform: translateX(-100%);

    }

    100% {

      transform: translateX(0);

    }

  }

  

@keyframes slideInFromRight {

    0% {

      transform: translateX(100%);

    }

    100% {

      transform: translateX(0);

    }

  }

@keyframes slideInFromLeftFast {

    0% {

      transform: translateX(-200%);

    }

    100% {

      transform: translateX(0);

    }

  }

  

@keyframes slideInFromRightFast {

    0% {

      transform: translateX(200%);

    }

    100% {

      transform: translateX(0);

    }

  }

  

@media(max-width:768px){

	.hiddenMobile {

	    display: none;

	}

}

@media(min-width:769px){

	.hiddenDesktop {

	    display: none;

	}

}

  

.articoli-list {

	display: flex;

	flex-wrap: wrap;

}



.articolo-container {

	display: flex;

	padding: 1rem;

	@media(min-width: 20rem) {

	  width: 100%;

	}

	@media(min-width: 40rem) {

	  width: 50%;

	}

	@media(min-width: 80rem) {

	  width: 33.3333%;

	}

	@media(min-width: 100rem) {

	  width: 25%;

	}

	justify-content: center center;

}



.articolo {

	width: 100%;

	min-height: 100px;

	background-color: #f7f7f7;

	border-radius: 8px;

	display: flex;

	flex-direction: column;

	justify-content: center center;

	box-shadow: 0 20px 40px -4px rgba(0,0,0,0.25);

	padding: 4px;

	color: #212529;

}



.articolo:hover {

	box-shadow: 0 40px 40px 14px rgba(0,0,0,0.5);

	text-decoration-line: none;

}



.articolo-title {

	font-weight: bold;

	display: flex;

	justify-content: center;

}



.articolo-anno {

	display: flex;

	justify-content: center;

	font-style: italic;

    font-size: 10pt;

}



.articolo-info {

	display: flex;

}



.form-group {

	display: flex;

	flex-direction: column;

	gap: 1px;

	margin-bottom: 1px;

	min-width:200px;

}

.form-group label {

	font-weight: bold;

}

.form-group select {

	padding: 2px;

}