/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * 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: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

.btn-primary {
    color: #ff0000;
    background-color: transparent;
	border-color: #ff0000;
	-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: #fff !important;
    background-color: #ff0000 !important;
	border-color: #ff0000 !important;
}
*/

/* ==========================================================================
   MUOG Season 2 Classic 2006 - layout and UI fixes
   ========================================================================== */
html { min-width: 982px; }
body {
    background-color: #252116 !important;
    background-image: radial-gradient(ellipse at top, rgba(99,56,22,.18), transparent 520px), linear-gradient(#0c0b09 0, #252116 170px, #302b1b 100%) !important;
    background-repeat: no-repeat !important;
}
.bg0, .bg1 { background-repeat:no-repeat !important; }
.bg1 { position:relative; }
.bg2 { background-repeat:no-repeat !important; }
.bg3 { background-repeat:repeat-y !important; }

/* Fixed 2006 three-column construction: 171 + 558 + 171 = 900. */
.muog-layout-table {
    width:900px !important;
    table-layout:fixed !important;
}
.muog-sidebar-left,
.muog-sidebar-right {
    width:171px !important;
    max-width:171px !important;
    min-width:171px !important;
    overflow:hidden !important;
    vertical-align:top !important;
}
.muog-center-column {
    width:558px !important;
    max-width:558px !important;
    min-width:558px !important;
    overflow:hidden !important;
    vertical-align:top !important;
}
.muog-center-table {
    width:550px !important;
    max-width:550px !important;
    table-layout:fixed !important;
}
#tableiposteng,
.muog-module-table {
    width:548px !important;
    max-width:548px !important;
    table-layout:fixed !important;
}
#tableiposteng > tbody > tr > td {
    width:548px !important;
    max-width:548px !important;
    box-sizing:border-box !important;
}
.muog-module-content {
    width:528px !important;
    max-width:528px !important;
    margin:0 auto !important;
    padding:0 8px 12px !important;
    box-sizing:border-box !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
}
/* Prevent Bootstrap/WebEngine inner containers from forcing desktop widths. */
.muog-module-content .container,
.muog-module-content .container-fluid,
.muog-module-content .wrapper,
.muog-module-content .content,
.muog-module-content .page-content,
.muog-module-content .panel,
.muog-module-content table {
    max-width:100% !important;
    box-sizing:border-box !important;
}
.muog-module-content .container,
.muog-module-content .container-fluid {
    width:100% !important;
    padding-left:6px !important;
    padding-right:6px !important;
}
.muog-module-content .row {
    margin-left:0 !important;
    margin-right:0 !important;
}
.muog-module-content img,
.muog-module-content iframe,
.muog-module-content video {
    max-width:100% !important;
    height:auto;
}
.muog-module-content input,
.muog-module-content select,
.muog-module-content textarea {
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Old-school navigation and section labels. */
.link1 {
    color:#ead9a8 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:12px !important;
    letter-spacing:.15px;
    text-shadow:0 1px 0 #000;
}
.link1:hover { color:#fff1bc !important; text-shadow:0 0 5px rgba(213,146,48,.45); }
.text1,.text2,.text9 {
    color:#f1dfb5 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    text-shadow:0 1px 0 #160b05;
}
.text2 { font-size:13px !important; }
.list1 li { color:#c9c1ae; }
.list1 li strong { color:#eee3c5; }
#tableiposteng { color:#cfc7b4; }

/* Clean ES / EN control anchored inside the header cell. */
.muog-language-floating {
    position:static !important;
    display:inline-block !important;
    margin:7px 13px 0 0 !important;
    z-index:2 !important;
    vertical-align:top !important;
}
.muog-language-switcher {
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:3px !important;
    background:rgba(12,10,7,.84) !important;
    border:1px solid #665139 !important;
    box-shadow:0 1px 3px rgba(0,0,0,.75) !important;
    white-space:nowrap !important;
}
.muog-language-switcher .muog-lang {
    display:inline-flex !important;
    align-items:center !important;
    gap:3px !important;
    height:20px !important;
    padding:0 5px !important;
    color:#cfc3a5 !important;
    background:#21170f !important;
    border:1px solid #473624 !important;
    text-decoration:none !important;
    font:bold 9px Tahoma,Arial,sans-serif !important;
    line-height:18px !important;
}
.muog-language-switcher .muog-lang:hover,
.muog-language-switcher .muog-lang.active {
    color:#fff0bd !important;
    background:#5d1b0f !important;
    border-color:#93602b !important;
}
.muog-language-switcher img {
    width:18px !important;
    height:12px !important;
    display:block !important;
    object-fit:cover !important;
    border:1px solid #120d09 !important;
}

/* Login must stay completely inside the 171px right panel. */
.muog-login-table {
    width:154px !important;
    max-width:154px !important;
    table-layout:fixed !important;
}
.muog-login-table td { vertical-align:middle !important; box-sizing:border-box !important; }
.muog-login-label {
    width:58px !important;
    max-width:58px !important;
    padding-right:4px !important;
    white-space:nowrap !important;
}
.muog-login-label .text6 {
    margin:0 !important;
    line-height:25px !important;
    white-space:nowrap !important;
    text-align:right !important;
    font-size:9px !important;
}
.muog-login-table #loginBox1,
.muog-login-table #loginBox2 {
    width:88px !important;
    max-width:88px !important;
    height:24px !important;
    padding:3px 5px !important;
    box-sizing:border-box !important;
}
.input1 {
    background:#16140f !important;
    color:#eee3c5 !important;
    border:1px solid #5b503e !important;
    box-shadow:inset 0 1px 4px rgba(0,0,0,.65);
    border-radius:1px !important;
}
.input1:focus { border-color:#a7772e !important; outline:none; }
.btn-success {
    border-radius:2px !important;
    background:linear-gradient(#8a2b15,#5b170d) !important;
    border:1px solid #9d6330 !important;
    color:#f7e9c2 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    text-shadow:0 1px 0 #250000;
}
.btn-success:hover,.btn-success:focus { background:linear-gradient(#9a341b,#6b1a0e) !important; }
.button-whatsapp,.button-telegram { border-radius:2px !important; }

/* Registration live validation. */
#tableiposteng .muog-registration-form { width:390px; max-width:100%; margin:0 auto; }
#tableiposteng input.muog-register-input {
    box-sizing:border-box !important;
    background:#15140f !important;
    color:#ede2c5 !important;
    border:1px solid #5e5542 !important;
    border-radius:2px !important;
    outline:none !important;
}
#tableiposteng input.muog-register-input.muog-valid {
    border:2px solid #4caf50 !important;
    background:#111a10 !important;
    box-shadow:0 0 6px rgba(76,175,80,.35) !important;
}
#tableiposteng input.muog-register-input.muog-invalid {
    border:2px solid #c84a3f !important;
    background:#1d1110 !important;
    box-shadow:0 0 6px rgba(200,74,63,.30) !important;
}
#tableiposteng .muog-validation-message {
    display:block !important;
    visibility:visible !important;
    min-height:16px !important;
    margin:4px auto 8px !important;
    text-align:center !important;
    font:10px Tahoma,Arial,sans-serif !important;
}
#tableiposteng .muog-validation-message.ok { color:#58d468 !important; }
#tableiposteng .muog-validation-message.error { color:#ef7667 !important; }
.muog-register-submit-disabled { opacity:.48 !important; cursor:not-allowed !important; }

.text8,.text8 a { color:#716b5e !important; }
.text8 a:hover { color:#a98b55 !important; }

/* Header language selector containment fix */
.bg1 { overflow:hidden !important; }
.bg1 td { position:relative; }
.muog-language-switcher { max-width:205px !important; }

/* MUOG v5 - Right sidebar Top Level */
.muog-top-level-table { margin-top: 0; }
.muog-top-level-list { margin-top: 0; margin-bottom: 8px; }
.muog-top-level-list li { min-height: 22px; box-sizing: border-box; }
.muog-top-level-list .rankings-class-image { width: 22px !important; height: 22px !important; object-fit: cover; flex: 0 0 22px; }
.muog-top-level-list .muog-ranking-head { font-size: 10px; white-space: nowrap; }
.muog-top-level-list .muog-level-row { overflow: hidden; }
.muog-top-level-list .muog-level-empty { text-align: center; color: #9b9788; }


/* MUOG v6 - Language selector integrated into the small menu slot */
.muog-language-floating {
    display:none !important;
}

.muog-menu-language-cell {
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    height:59px !important;
    padding:0 !important;
    vertical-align:middle !important;
    text-align:center !important;
    overflow:hidden !important;
}

.muog-menu-language-cell .muog-language-switcher {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    width:auto !important;
    max-width:50px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}

.muog-menu-language-cell .muog-lang {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:21px !important;
    height:18px !important;
    padding:0 !important;
    margin:0 !important;
    background:rgba(25,14,9,.72) !important;
    border:1px solid #5c432b !important;
    box-sizing:border-box !important;
}

.muog-menu-language-cell .muog-lang span {
    display:none !important;
}

.muog-menu-language-cell .muog-lang img {
    width:17px !important;
    height:11px !important;
    margin:0 !important;
    border:0 !important;
    object-fit:cover !important;
}

.muog-menu-language-cell .muog-lang:hover,
.muog-menu-language-cell .muog-lang.active {
    background:#651b0e !important;
    border-color:#b27b38 !important;
    box-shadow:0 0 5px rgba(187,100,28,.55) !important;
}

/* MUOG v12 - WhatsApp oval style matching Discord */
.button-whatsapp {
    border-radius: 12px !important;
}
.button-discord {
    border-radius: 12px !important;
}


/* MUOG v18 - inauguration image on home page */
.muog-opening-wrapper {
    width: 100%;
    text-align: center;
    padding: 10px 0 6px 0;
}

.muog-opening-banner {
    width: 100%;
    max-width: 530px;
    height: auto;
    display: block;
    margin: 0 auto;
    border: 1px solid rgba(145, 100, 34, 0.60);
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
}


/* MUOG v19 - optimized opening block and cleaner home features */
.muog-opening-wrapper {
    padding: 10px 0 8px 0;
}
.muog-opening-banner {
    width: 100%;
    max-width: 530px;
    height: auto;
    display: block;
    margin: 0 auto;
    border: 1px solid rgba(145, 100, 34, 0.70);
    box-shadow: 0 0 12px rgba(0,0,0,0.45);
}
.muog-features-table td {
    color: #e3d7b5;
    font-size: 12px;
    line-height: 18px;
}
.muog-features-table .text5 {
    color: #fff0c3;
    font-size: 16px;
    padding-bottom: 6px;
}














/* MUOG v31 - fuller home presentation */
.muog-layout-table {
    width:900px !important;
    max-width:900px !important;
    min-width:900px !important;
    table-layout:fixed !important;
    margin:0 auto !important;
}
.muog-sidebar-left,.muog-sidebar-right {
    width:171px !important;
    max-width:171px !important;
    min-width:171px !important;
    vertical-align:top !important;
    overflow:hidden !important;
}
.muog-center-column {
    width:558px !important;
    max-width:558px !important;
    min-width:558px !important;
    vertical-align:top !important;
    overflow:hidden !important;
}
.muog-home-dynamic-height {
    height:auto !important;
    vertical-align:top !important;
}
.muog-module-content {
    width:528px !important;
    max-width:528px !important;
    margin:0 auto !important;
    padding:0 8px 14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-align:center !important;
}
.muog-opening-combined {
    position:relative !important;
    display:block !important;
    width:500px !important;
    max-width:500px !important;
    min-width:500px !important;
    height:760px !important;
    margin:10px auto 0 !important;
    padding:0 !important;
    background:url('../img/muog-opening-combined-bg.png') center top / 500px 760px no-repeat !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
.muog-opening-countdown.compact {
    position:absolute !important;
    left:26px !important;
    right:26px !important;
    top:470px !important;
    padding:18px 12px 16px !important;
    text-align:center !important;
    border:1px solid rgba(180,120,42,.78) !important;
    background:rgba(8,5,4,.87) !important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.76) !important;
    box-sizing:border-box !important;
}
.muog-hourglass {font-size:31px !important;line-height:32px !important;margin-bottom:4px !important;}
.muog-count-title {color:#e6bb68 !important;font-family:Georgia,'Times New Roman',serif !important;font-size:18px !important;font-weight:bold !important;letter-spacing:1px !important;margin-bottom:10px !important;}
.muog-count-grid {display:flex !important;justify-content:center !important;gap:8px !important;}
.muog-count-grid>div {width:78px !important;padding:9px 2px 6px !important;border:1px solid #6e4420 !important;background:rgba(34,13,8,.92) !important;}
.muog-count-grid strong {display:block !important;color:#f0c56a !important;font-family:Georgia,'Times New Roman',serif !important;font-size:24px !important;line-height:24px !important;}
.muog-count-grid span {display:block !important;margin-top:2px !important;color:#e4d4b1 !important;font-size:8px !important;}