/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.form-control {
	background: #111f20;
	border: 1px solid #20393a;
	color: #6c8989;
}
.form-control:focus {
	border: 1px solid #1c919d;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #142526;
    border: 1px solid #20393a;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #133538;
}

.btn-primary {
    color: #1c919d;
    background-color: transparent;
    border-color: #1c919d;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #ffffffba !important;
    background-color: #1c919d !important;
    border-color: #1c919d !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

.table-bordered {
    border: 1px solid #20393a;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #20393a;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #142526;
}

.table-hover>tbody>tr:hover {
    background-color: #1d3536;
}

.alert-danger {
	color: #ffe2e2;
	background-color: #502c2c;
	border-color: #724a4a;
}

.alert-success {
	color: #d5ffd6;
	background-color: #406830;
	border-color: #82af70;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #2b4748;
}

.help-block {
    color: #6c8989;
}
/* =========================================================
   Mu Greating Dark - Entrada personalizada
   ========================================================= */
html { min-width: 0 !important; min-height: 100%; }
body.mgd-entry-body {
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    color: #f4f4f4;
    background:
        radial-gradient(circle at 50% 8%, rgba(42, 255, 126, .18), transparent 24%),
        radial-gradient(circle at 20% 38%, rgba(160, 0, 0, .32), transparent 32%),
        linear-gradient(180deg, #020202 0%, #080000 48%, #000 100%) !important;
    font-family: 'PT Sans', Arial, sans-serif;
}
.mgd-entry-nav {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 14px;
    padding: 18px 14px;
    background: linear-gradient(180deg, rgba(0,0,0,.88), rgba(8,0,0,.50));
    border-bottom: 1px solid rgba(255, 35, 35, .45);
    box-shadow: 0 0 32px rgba(255, 0, 0, .18), inset 0 -1px rgba(53, 255, 93, .22);
    backdrop-filter: blur(9px);
}
.mgd-nav-link {
    min-width: 136px;
    padding: 13px 24px;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    font: 700 15px/1 'Cinzel', serif;
    letter-spacing: 1.2px;
    border: 1px solid rgba(255, 40, 40, .55);
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(85, 0, 0, .82), rgba(18, 0, 0, .92));
    box-shadow: inset 0 0 18px rgba(255,0,0,.25), 0 0 16px rgba(255,0,0,.16);
    text-decoration: none !important;
}
.mgd-nav-link:hover,
.mgd-nav-link:focus {
    color: #79ff9d !important;
    border-color: rgba(90,255,127,.75);
    transform: translateY(-2px);
    box-shadow: inset 0 0 22px rgba(64,255,112,.22), 0 0 24px rgba(255,0,0,.38);
}
.mgd-download { border-color: rgba(82,255,112,.65); }
.mgd-entry-header {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 130px 24px 72px;
    isolation: isolate;
    background:
        linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.20) 50%, rgba(0,0,0,.92)),
        linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.82)),
        url('../img/header.png') center center / cover no-repeat;
}
.mgd-entry-header:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 50% 52%, rgba(255,0,0,.28), transparent 28%),
        radial-gradient(circle at 68% 28%, rgba(43,255,99,.16), transparent 22%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 90px);
    mix-blend-mode: screen;
    animation: mgdGlow 5s ease-in-out infinite alternate;
}
.mgd-entry-header:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, transparent 58%, #000 100%);
}
.mgd-header-content {
    max-width: 940px;
    padding: 42px 34px;
    border: 1px solid rgba(255,45,45,.55);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.78));
    box-shadow: 0 0 55px rgba(255,0,0,.30), inset 0 0 46px rgba(255,0,0,.12), inset 0 0 70px rgba(33,255,88,.06);
}
.mgd-rune {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 16px;
    color: #76ff98;
    border: 1px solid rgba(75,255,115,.45);
    background: rgba(0,0,0,.62);
    text-shadow: 0 0 12px rgba(70,255,109,.85);
    letter-spacing: 4px;
    font: 700 13px/1 'Cinzel', serif;
}
.mgd-header-content h1 {
    margin: 0;
    color: #fff;
    font: 900 clamp(42px, 7vw, 96px)/.92 'Cinzel', serif;
    text-transform: uppercase;
    text-shadow: 0 0 16px #ff1717, 0 0 42px rgba(255,0,0,.72), 0 4px 0 #250000;
}
.mgd-header-content p {
    max-width: 720px;
    margin: 20px auto 0;
    color: #d7ffd8;
    font-size: 18px;
    text-shadow: 0 0 15px rgba(0,0,0,.95);
}
.mgd-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 34px;
}
.mgd-btn {
    min-width: 185px;
    padding: 18px 28px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font: 900 16px/1 'Cinzel', serif;
    letter-spacing: 1.4px;
    border-radius: 4px;
    border: 1px solid rgba(255,55,55,.72);
    background: linear-gradient(180deg, #9b0505, #260000 58%, #080000);
    box-shadow: 0 0 26px rgba(255,0,0,.42), inset 0 1px rgba(255,255,255,.18), inset 0 -14px 24px rgba(0,0,0,.35);
}
.mgd-btn:hover { transform: translateY(-3px) scale(1.03); color: #8affaa !important; border-color: #72ff96; }
.mgd-btn-download { background: linear-gradient(180deg, #127b2d, #031807 55%, #010501); border-color: rgba(99,255,134,.84); }
.mgd-particles,
.mgd-lightning,
.mgd-fire { position: absolute; pointer-events: none; inset: 0; }
.mgd-particles {
    background-image:
        radial-gradient(circle, rgba(255,64,64,.92) 0 2px, transparent 3px),
        radial-gradient(circle, rgba(95,255,125,.75) 0 1px, transparent 2px);
    background-size: 140px 140px, 210px 210px;
    animation: mgdParticles 14s linear infinite;
    opacity: .55;
}
.mgd-lightning {
    background: linear-gradient(115deg, transparent 0 45%, rgba(255,255,255,.22) 46%, rgba(255,0,0,.45) 47%, transparent 50% 100%);
    animation: mgdFlash 4.6s infinite;
    opacity: .0;
}
.mgd-fire {
    top: auto;
    height: 210px;
    background: radial-gradient(ellipse at center bottom, rgba(255,0,0,.72), rgba(255,96,0,.22) 42%, transparent 70%);
    filter: blur(12px);
    animation: mgdFire 2.2s ease-in-out infinite alternate;
}
.mgd-module-container {
    position: relative;
    z-index: 5;
    max-width: 1040px;
    margin: -50px auto 80px;
    padding: 0 18px;
}
.mgd-module-box {
    background: linear-gradient(180deg, rgba(12,0,0,.96), rgba(0,0,0,.96));
    border: 1px solid rgba(255,30,30,.42);
    box-shadow: 0 0 36px rgba(255,0,0,.24), inset 0 0 40px rgba(64,255,96,.06);
    padding: 26px;
    border-radius: 8px;
    min-height: 360px;
}
.mgd-module-box .page-title,
.mgd-module-box h1,
.mgd-module-box h2,
.mgd-module-box h3 { color: #ff3939 !important; font-family: 'Cinzel', serif; }
.mgd-module-box input,
.mgd-module-box select,
.mgd-module-box textarea { background: #080808 !important; border: 1px solid rgba(255,49,49,.45) !important; color: #fff !important; }
.mgd-module-box .btn,
.mgd-module-box button,
.mgd-module-box input[type=submit] { background: linear-gradient(180deg,#960707,#250000) !important; color:#fff !important; border:1px solid rgba(255,60,60,.65) !important; }
.footer, .global-top-bar, #navbar, #header, .header-info-container { display: none !important; }
@keyframes mgdGlow { from { opacity:.55; filter:hue-rotate(0deg); } to { opacity:1; filter:hue-rotate(-12deg); } }
@keyframes mgdParticles { from { background-position: 0 0, 0 0; } to { background-position: 0 -800px, 240px -620px; } }
@keyframes mgdFlash { 0%, 88%, 100% { opacity:0; } 89% { opacity:.55; } 90% { opacity:.08; } 91% { opacity:.35; } }
@keyframes mgdFire { from { opacity:.55; transform:scaleY(.82); } to { opacity:.95; transform:scaleY(1.08); } }
@media (max-width: 760px) {
    .mgd-entry-nav { gap: 7px; padding: 10px 6px; }
    .mgd-nav-link { min-width: auto; padding: 11px 10px; font-size: 12px; }
    .mgd-entry-header { padding-top: 92px; }
    .mgd-header-content { padding: 26px 16px; }
    .mgd-header-content p { font-size: 15px; }
    .mgd-btn { min-width: 100%; }
    .mgd-module-box { padding: 16px; }
}

/* =========================================================
   Upgrade final - Mu Greating Dark cinematic premium
   ========================================================= */
:root {
    --mgd-red: #ff1818;
    --mgd-darkred: #360000;
    --mgd-green: #42ff77;
    --mgd-black: #020202;
}
body.mgd-entry-body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 8% 20%, rgba(255,0,0,.17), transparent 22%),
        radial-gradient(circle at 93% 28%, rgba(28,255,91,.12), transparent 20%),
        linear-gradient(90deg, rgba(255,0,0,.05), transparent 25%, transparent 75%, rgba(0,255,82,.04));
    animation: mgdBodyPulse 6s ease-in-out infinite alternate;
}
.mgd-entry-nav::before,
.mgd-entry-nav::after {
    content: '';
    position: absolute;
    top: 50%;
    width: min(28vw, 390px);
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,0,0,.9), rgba(80,255,116,.6), transparent);
    filter: drop-shadow(0 0 9px var(--mgd-red));
}
.mgd-entry-nav::before { left: 12px; }
.mgd-entry-nav::after { right: 12px; transform: scaleX(-1); }
.mgd-entry-header {
    background-position: calc(50% + var(--mgd-x, 0px)) calc(50% + var(--mgd-y, 0px));
}
.mgd-header-content {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}
.mgd-header-content::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(120deg, transparent 0 32%, rgba(255,255,255,.16) 44%, transparent 56% 100%);
    transform: translateX(-120%);
    animation: mgdShine 5.5s ease-in-out infinite;
}
.mgd-header-content::after {
    content: '';
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(91,255,124,.18);
    border-radius: 8px;
    pointer-events: none;
    box-shadow: inset 0 0 22px rgba(71,255,111,.09);
}
.mgd-rune,
.mgd-header-content h1,
.mgd-header-content p,
.mgd-actions { position: relative; z-index: 2; }
.mgd-header-content h1 {
    animation: mgdTitlePulse 2.8s ease-in-out infinite alternate;
}
.mgd-header-content p {
    color: #f7fff4;
    font-weight: 700;
    letter-spacing: .4px;
}
.mgd-dragon-aura {
    position: absolute;
    inset: auto 0 9%;
    height: 360px;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 50% 55%, rgba(255,0,0,.35), transparent 48%),
        conic-gradient(from 210deg at 50% 50%, transparent, rgba(255,0,0,.28), transparent, rgba(59,255,102,.14), transparent);
    filter: blur(13px);
    opacity: .75;
    animation: mgdDragonAura 5s ease-in-out infinite alternate;
}
.mgd-btn,
.mgd-nav-link { transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, filter .18s ease; }
.mgd-btn:hover,
.mgd-nav-link:hover { filter: saturate(1.22) brightness(1.12); }
.mgd-js-sparks {
    position: fixed;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    overflow: hidden;
}
.mgd-js-sparks i {
    position: absolute;
    bottom: -20px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff2a2a;
    box-shadow: 0 0 10px #ff1919, 0 0 18px rgba(60,255,100,.5);
    animation: mgdSparkRise linear infinite;
}
.mgd-js-sparks i:nth-child(3n) { background:#50ff78; box-shadow:0 0 10px #50ff78, 0 0 20px rgba(255,0,0,.4); }
.mgd-module-box a { color: #73ff92 !important; }
.mgd-module-box table { color: #f2f2f2; }
.mgd-module-box .panel,
.mgd-module-box .well,
.mgd-module-box .thumbnail {
    background: rgba(8,0,0,.86) !important;
    border-color: rgba(255,35,35,.38) !important;
}
@keyframes mgdBodyPulse { from { opacity:.72; } to { opacity:1; } }
@keyframes mgdShine { 0%, 55% { transform: translateX(-125%); } 75%, 100% { transform: translateX(125%); } }
@keyframes mgdTitlePulse { from { text-shadow: 0 0 14px #ff1717, 0 0 36px rgba(255,0,0,.68), 0 4px 0 #250000; } to { text-shadow: 0 0 19px #ff3939, 0 0 58px rgba(255,0,0,.9), 0 0 18px rgba(80,255,110,.55), 0 4px 0 #250000; } }
@keyframes mgdDragonAura { from { transform: scale(.96) rotate(-1deg); opacity:.55; } to { transform: scale(1.06) rotate(1deg); opacity:.9; } }
@keyframes mgdSparkRise { from { transform: translateY(0) scale(.8); } to { transform: translateY(-110vh) scale(1.35); } }
@media (max-width: 520px) {
    .mgd-entry-nav::before,
    .mgd-entry-nav::after { display:none; }
    .mgd-nav-link { font-size:11px; padding:10px 7px; }
    .mgd-header-content h1 { font-size: 36px; }
}