@charset "utf-8";
/* CSS Document */
.shortcut-container {
  position: relative;
  min-height: fit-content;
}
.shortcut-container .shortcut-slider {
  position: absolute;
  width: 20em;
  display: none;
  right: 1em;
}
.shortcut-container .shortcut-slider .add-shortcut {
  padding-left: 1.5em;
}
.shortcut-container .shortcut-slider .add-shortcut:before {
  background-color: #F4F3D4;
  border-radius: 2px;
  padding: 0.2em;
}
.shortcut-container .shortcut-slider .panel-body {
  font-size: 20px;
}
.shortcut-container .shortcut-slider .panel-footer {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  justify-content: space-between;
  align-items: stretch;
}
.shortcut-container .shortcut-slider ul {
  padding-left: 1em;
  list-style-type: none;
}
.shortcut-container .shortcut-slider ul li.shortcut_url {
  border-bottom: 1px solid rgba(158, 158, 158, 0.89);
  width: 100%;
  padding: 0.3em 0.5em 0.3em 1em;
}
.shortcut-container .shortcut-slider ul li.shortcut_url a {
  text-decoration: none;
}
.shortcut-container .shortcut-slider ul li.shortcut_url i {
  color: red;
  float: right;
  padding-top: 0.2em;
}
.shortcut-container .shortcut_url:before {
  font-family: 'FontAwesome';
  content: '\f0C1';
  margin: 0 5px 0 -15px;
  color: darkblue;
}
.shortcut-container .shortcut_url.presentation:before {
  content: '\f02D';
  color: #428bca;
}
.shortcut-container .shortcut_url.menu:before {
  content: '\f126';
  color: #d9534f;
}
.shortcut-container .shortcut_url.device:before {
  content: '\f26C';
  color: #5cb85c;
}
.shortcut-container .shortcut_url.users:before {
  content: '\f0C0';
  color: #5cb85c;
}
.shortcut-container .shortcut_url:hover {
  background: #f4f5c5;
  color: #5cb85c;
}
.fa.fa-television .shortcut-container .shortcut_url:hover {
  background-color: lightblue;
}
@media (max-width: 399px) {
  .shortcut-container .shortcut-slider {
    top: 1.5em;
    right: 0;
    left: 0;
    width: 100vw;
    xtop: 50px;
    padding: 0px;
    margin: 0px;
    position: fixed;
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 576px) {
  .shortcut-container .shortcut-slider {
    position: fixed !important;
    right: 0 !important;
    top: 1em !important;
    width: 100vw !important;
  }
}