.slot-filter {margin-bottom: 25px;background: #f9f9f9a1;padding: 10px 15px;border-radius: 4px;display: flex;}.slot-sort {display: flex;flex: 1;}.slot-tools {display: flex;}.slot-tools .btn {margin-bottom: 0;position: relative;width: 42px;height: 32px;}.slot-tools i {width: 20px;height: 20px;display: block;position: absolute;right: 10px;top: 3px;}.slot-sort span {display: flex;align-items: center;margin-right: 10px;}.slot-sort select {padding: 5px 10px;border-radius: 4px;border-color: #ececec;background-color: #fff;width: unset;margin-bottom: 0;-moz-appearance: auto;-webkit-appearance: auto;font-size: 12px;text-overflow: ellipsis;overflow: hidden !important;white-space: nowrap;}.slot-sort select:hover {background-color: #fcfcfd;}.slot-footer {width: 100%;z-index: 10;padding: 15px;background: #fff;margin-top: -4px;display: none;}.dino-item:hover {z-index: 2;}.dino-item:hover .dino-item-inner {box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);position: relative;height: auto;display: flex;flex-direction: column;min-height: 100%;background: #fff;z-index: 3;}.dino-item:hover .slot-footer {display: block;}.slot-comment {transition: bottom 0.2s;width: 100%;text-align: left;padding: 0 15px 5px 15px;border-radius: 0 0 4px 4px;font-size: 12px;overflow: hidden;color: #9e9e9e;visibility: hidden;cursor: text;}.dino-item:hover .slot-comment {visibility: visible;}.slot-comment-showed {visibility: visible;}.slot-comment input {display: block;width: 100%;border-radius: 0 0 4px 4px;cursor: text;margin-bottom: 0;padding: 5px;background: transparent;border: 1px solid transparent;font-size: 12px;}.slot-comment input:focus {border: 1px solid #ededed;border-radius: 4px;}.sortable-chosen {background-color: #f1f1f1;}.slot-empty .slot-footer .slot-buttons {flex-wrap: wrap;}.slot-status-label {position: absolute;right: 0;top: 0px;z-index: 9;}.slot-status-label span {display: block;font-weight: bold;font-size: 14px;text-transform: uppercase;padding: 2px 10px;}.slot-footer .btn {width: 100%;text-align: center;margin-bottom: 0;}span.date-added {display: none;}.dino-item:hover span.date-added {display: none;}.favorite {position: absolute;width: 20px;height: 20px;background: url(../img/icons/star-gray-16.svg) no-repeat center;z-index: 5;display: none;right: 10px;top: 10px;opacity: 0.7;cursor: pointer;}.dino-item-inner:hover .favorite {display: block;}.favorite:hover {opacity: 1;}.favorite.added {background: url(../img/icons/star-16.svg) no-repeat center;display: block;}.server-list a.active {position: relative;}.hint-slot-active {position: absolute;left: 0;top: 100%;background: #fff;padding: 5px 10px;font-size: 13px;border: 1px solid #f7f7f7;border-radius: 0 0 4px 4px;text-align: center;display: none;width: 100%;border-top: 1px dashed #ededed;z-index: 2;box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%);line-height: normal;}.server-list a.active:hover {border-radius: 4px 4px 0 0 !important;}.server-list a.active:hover .hint-slot-active {display: block;}@media screen and (max-width: 640px) {.slot-filter {display: block;}.slot-sort {display: block;}.slot-sort select {width: 100%;}.slot-tools {margin-top: 10px;width: 100%;}.slot-tools .btn {width: 100%;text-align: center;}}