1 .ams-widget.comments {

     2 

     3 	.widget-body {

     4 		position: fixed;

     5 		height: ~"calc(100% - 337px)";

     6 

     7 		.chat-body {

     8 			position: relative;

     9 			height: 100%;

    10 		}

    11 

    12 		.chat-footer {

    13 			position: fixed;

    14 			bottom: 10px;

    15 		}

    16 

    17 		&,

    18 		.chat-footer {

    19 			width: ~"calc(100% - 240px)";

    20 

    21 			@media (max-width: 767px) {

    22 				width: ~"calc(100% - 10px)";

    23 			}

    24 			@media (min-width: 768px) and (max-width: 979px) {

    25 				width: ~"calc(100% - 20px)";

    26 			}

    27 

    28 			.minified & {

    29 				width: ~"calc(100% - 65px)";

    30 

    31 				@media (max-width: 767px) {

    32 					& {

    33 						width: ~"calc(100% - 55px)";

    34 					}

    35 				}

    36 			}

    37 			.hidden-menu & {

    38 				width: ~"calc(100% - 30px)";

    39 			}

    40 		}

    41 	}

    42 }

    43 

    44 

    45 .pictograms-manager {

    46 	.pictogram {

    47 		border-bottom: 1px solid silver;

    48 	}

    49 	.pictogram:last-child {

    50 		border-bottom: none;

    51 	}

    52 }

    53 

    54 

    55 .sortable {

    56 	&.gallery {

    57 		max-height: 550px;

    58 	}

    59 }