/* ==============================================
   BOOTSTRAP 3 HUD THEME - EXTRA LAYER
   Afegir després de bu3.css
   ============================================== */

/*body {*/
/*    background-color: #0d0f12;*/
/*    color: #cfd3d6;*/
/*    font-family: 'Roboto Mono', monospace;*/
/*    font-size: 11px;*/
/*}*/

/*h1, h2, h3, h4, h5, h6 {*/
/*    font-family: 'Share Tech Mono', monospace;*/
/*    font-weight: 400;*/
/*    color: #e5e8eb;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 1px;*/
/*}*/

/*.panel {*/
/*    background: rgba(20, 24, 28, 0.85);*/
/*    border: 1px solid rgba(200, 255, 255, 0.15);*/
/*    border-radius: 2px;*/
/*    box-shadow: 0 0 15px rgba(0, 255, 255, 0.05);*/
/*}*/

/*.panel-heading {*/
/*    border-bottom: 1px solid rgba(0, 255, 255, 0.2);*/
/*    color: #9ee7ff;*/
/*    font-size: 12px;*/
/*    letter-spacing: 2px;*/
/*}*/

/*.btn {*/
/*    background: transparent;*/
/*    border: 1px solid rgba(0, 255, 255, 0.3);*/
/*    color: #9ee7ff;*/
/*    text-transform: uppercase;*/
/*    font-size: 11px;*/
/*    letter-spacing: 1px;*/
/*    padding: 0 1rem*/
/*}*/

/*.btn:hover {*/
/*    border-color: #00faff;*/
/*    color: #00faff;*/
/*    box-shadow: 0 0 10px rgba(0, 255, 255, 0.4);*/
/*}*/

/*table {*/
/*    background: rgba(15, 18, 22, 0.8);*/
/*    color: #cfd3d6;*/
/*}*/

/*th {*/
/*    text-transform: uppercase;*/
/*    font-size: 11px;*/
/*    color: #9ee7ff;*/
/*    border-bottom: 1px solid rgba(0, 255, 255, 0.2);*/
/*}*/

/*td {*/
/*    border-color: rgba(255, 255, 255, 0.05);*/
/*}*/

/*.hud-line::before {*/
/*    content: "";*/
/*    display: block;*/
/*    height: 1px;*/
/*    width: 100%;*/
/*    background: linear-gradient(to right, rgba(0,255,255,0.4), transparent);*/
/*}*/

/*!* --- NAVBAR --- *!*/
/*.navbar {*/
/*    background-color: rgba(10, 12, 15, 0.9);*/
/*    border-bottom: 1px solid rgba(0, 255, 255, 0.15);*/
/*    font-family: 'Share Tech Mono', monospace;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 1px;*/
/*}*/
/*.navbar .navbar-nav > li > a {*/
/*    color: #9ee7ff;*/
/*}*/
/*.navbar .navbar-nav > li > a:hover {*/
/*    color: #00faff;*/
/*    text-shadow: 0 0 6px rgba(0, 255, 255, 0.5);*/
/*}*/
/*.navbar-brand {*/
/*    color: #9ee7ff !important;*/
/*    font-weight: bold;*/
/*    letter-spacing: 2px;*/
/*}*/
/*.navbar-brand:hover {*/
/*    color: #00faff !important;*/
/*    text-shadow: 0 0 6px rgba(0, 255, 255, 0.7);*/
/*}*/

/*!* --- FORMS --- *!*/
/*.form-control {*/
/*    background: rgba(20, 24, 28, 0.7);*/
/*    border: 1px solid rgba(0, 255, 255, 0.25);*/
/*    color: #cfd3d6;*/
/*    font-family: 'Roboto Mono', monospace;*/
/*}*/
/*.form-control:focus {*/
/*    border-color: #00faff;*/
/*    box-shadow: 0 0 8px rgba(0, 255, 255, 0.3);*/
/*    background: rgba(20, 24, 28, 0.9);*/
/*    color: #ffffff;*/
/*}*/

/*!* --- PROGRESS BARS --- *!*/
/*.progress {*/
/*    background-color: rgba(255, 255, 255, 0.05);*/
/*    border: 1px solid rgba(0, 255, 255, 0.2);*/
/*    border-radius: 2px;*/
/*    height: 12px;*/
/*}*/
/*.progress-bar {*/
/*    background: linear-gradient(*/
/*            to right,*/
/*            rgba(0, 255, 255, 0.7),*/
/*            rgba(0, 200, 200, 0.9)*/
/*    );*/
/*    box-shadow: 0 0 6px rgba(0, 255, 255, 0.6);*/
/*}*/

/*!* --- LABELS / BADGES --- *!*/
/*.label, .badge {*/
/*    background-color: rgba(0, 255, 255, 0.1);*/
/*    border: 1px solid rgba(0, 255, 255, 0.3);*/
/*    color: #9ee7ff;*/
/*    font-family: 'Share Tech Mono', monospace;*/
/*    text-transform: uppercase;*/
/*    font-size: 10px;*/
/*    letter-spacing: 1px;*/
/*}*/

/*!* --- HUD LINES ANIMATION --- *!*/
/*.hud-line::before {*/
/*    animation: scanline 4s linear infinite;*/
/*}*/
/*@keyframes scanline {*/
/*    0% { opacity: 0.1; transform: translateX(-20%); }*/
/*    50% { opacity: 0.6; transform: translateX(20%); }*/
/*    100% { opacity: 0.1; transform: translateX(-20%); }*/
/*}*/

/*!* --- CUSTOM SCROLLBARS --- *!*/
/*::-webkit-scrollbar {*/
/*    width: 6px;*/
/*    background: rgba(20, 24, 28, 0.9);*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*    background: rgba(0, 255, 255, 0.3);*/
/*    border-radius: 2px;*/
/*}*/

/*!* --- TABLE HOVER EFFECT --- *!*/
/*table tbody tr:hover {*/
/*    background-color: rgba(0, 255, 255, 0.05);*/
/*    transition: background-color 0.3s ease;*/
/*}*/