@-webkit-viewport {
     width: device-width;
 }

 @-moz-viewport {
     width: device-width;
 }

 @-ms-viewport {
     width: device-width;
 }

 @-o-viewport {
     width: device-width;
 }

 @viewport {
     width: device-width;
 }

 @-ms-viewport {
     width: auto !important;
 }

/* Sentinel Genesis Scrollbar */
::-webkit-scrollbar {
  width: 14px;
}

::-webkit-scrollbar-track {
  background: radial-gradient(circle at 30% 30%, #0a0a1a 0%, #060612 100%);
  box-shadow: inset 0 0 6px rgba(0, 255, 255, 0.2);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00f6ff, #7b2fff);
  border-radius: 10px;
  box-shadow: 0 0 8px #00f6ff;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #7b2fff, #00f6ff);
  box-shadow: 0 0 12px #7b2fff;
}

::-webkit-scrollbar-button {
  background: #101025;
  border-radius: 2px;
}

::-webkit-scrollbar-corner {
  background: #0a0a1a;
}
 .fa-sm,
 .icon-sm {
     font-size: 12px;
 }

 .fa-lg,
 .icon-lg {
     font-size: 16px;
 }

 .fa-2x {
     font-size: 2em;
 }

 .fa-3x {
     font-size: 3em;
 }

 .fa-4x {
     font-size: 4em;
 }

 .fa-5x {
     font-size: 5em;
 }

 .icon-state-default {
     color: #c6c6c6;
 }

 .icon-state-success {
     color: #45b6af;
 }

 .icon-state-info {
     color: #89c4f4;
 }

 .icon-state-warning {
     color: #ecbc29;
 }

 .icon-state-danger {
     color: #f3565d;
 }

 .fa-item {
     font-size: 14px;
     padding: 10px 10px 10px 20px;
 }

 .fa-item i {
     font-size: 16px;
     display: inline-block;
     width: 20px;
     color: #333;
 }

 .fa-item:hover {
     cursor: pointer;
     background: #eee;
 }

 .glyphicons-demo ul {
     padding-left: 0;
     padding-bottom: 1px;
     margin-bottom: 20px;
     list-style: none;
     overflow: hidden;
 }

 .bs-glyphicon-class {
     text-align: center;
 }

 .bs-glyphicons {
     padding-left: 0;
     padding-bottom: 1px;
     margin-bottom: 20px;
     list-style: none;
     overflow: hidden;
 }

 .glyphicons-demo ul li {
     float: left;
     width: 25%;
     height: 115px;
     padding: 10px;
     margin: 0 -1px -1px 0;
     font-size: 14px;
     line-height: 1.4;
     text-align: center;
     border: 1px solid #ddd;
 }

 .glyphicons-demo .glyphicon {
     display: block;
     margin: 5px auto 10px;
     font-size: 24px;
     color: #444;
 }

 .glyphicons-demo ul li:hover {
     background-color: rgba(86, 61, 124, 0.1);
 }

 @media (min-width: 768px) {
     .glyphicons-demo ul li {
         width: 12.5%;
     }
 }