/**
 * Add CSS style code in this file
 *
 */


 .em-lms-list-wrpper {
 	width:100%;
 	display: grid;
 	grid-template-columns:33% 33% 33%;
 	grid-column-gap: 10px;
 	grid-row-gap: 10px;
 }

 .em-lms-list-wrpper .grid-item {
 	background: whitesmoke;
 }

 .em-lms-list-wrpper .grid-item section {
 	padding: 25px; 
 	line-height: 25px;
 }


 /*messages style*/
 .a31-modal .container:nth-child(even) {
     border: 2px solid #dedede;
     background-color: #dcdcdc;
     border-radius: 5px;
     padding: 10px;
     margin: 10px 0;
 }

 .a31-modal .container:nth-child(odd), .a31-modal .container:nth-child(odd) {
     border: 2px solid #dedede;
     background-color: #f1f1f1;
     border-radius: 5px;
     padding: 10px;
     margin: 10px 0;
 }

 .a31-modal #emlms-feedback-note {
     width: 470px;
     height: 120px;
     border: 2px solid #dedede;
     border-radius: 2px;
     outline: none;
 }

 .a31-modal .ticket-description {
     height: 100px;
     max-width: 590px;
     outline:none;
 }

 .a31-modal .darker {
     border-color: #ccc;
     background-color: #ddd;
 }

 .a31-modal .container::after {
     content: "";
     clear: both;
     display: table;
 }

 .a31-modal .container img {
     float: left;
     max-width: 60px;
     width: 100%;
     margin-right: 20px;
     border-radius: 50%;
 }

 .a31-modal .container img.right {
     float: right;
     margin-left: 20px;
     margin-right:0;
 }

 .a31-modal .time-right {
     float: right;
     color: #aaa;
 }

 .a31-modal .author-left {
     float: left;
     color: #aaa;
 }

 @media (max-width: 768px) {
 	.em-lms-list-wrpper {
 		display: grid;
 		grid-template-columns: 100%;
 		grid-row-gap: 25px;
 	}
 }