/* Do not copy it wont work wihtout installing the plugin please checkout devmansur.me *//* Desktop */::after, ::before {box-sizing:border-box;}body {background:var(--theme-secondary-light) !important;}#container {width:100% !important;}h1 {color:#1e1e1e !important;font-weight:bold !important;font-size:20px;}input, select {padding:12px !important;border-radius:4px;border:1px solid #bdbbbb;box-sizing:border-box;}input[type="submit"] {background:var(--theme-primary-color) !important;color:#fff !important;border:1px solid var(--theme-primary-color) !important;box-shadow:none !important;border-radius:2px;}table {width:100% !important;}tr.captchaRow {display:inline-grid !important;padding-top:30px;}.captcha img {width:122px;}#header {position:relative;height:71px;padding:0 20px;display:flex !important;vertical-align:middle;justify-content:space-between;flex-direction:row-reverse;align-content:flex-start;flex-wrap:nowrap;align-items:center;}#header > div {float:none !important;}#header a {color:var(--theme-primary-color) !important;}body.theme-5 #header a {color:var(--theme-secondary-dark) !important;}body.theme-5 #nav {background:var(--theme-third-color) !important;}body.theme-5 #nav li a {padding:10px 35px !important;border:none !important;background-color:#611232;color:#ffffff !important;}body.theme-5 #nav li a.active, #nav li a.active:hover {background-color:#ffffff;color:var(--theme-secondary-dark) !important;}/* nav bar */#nav {margin:0;border:none !important;background:var(--theme-primary-color) !important;padding:20px 20px !important;box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.4) !important;height:auto !important;}#nav li a {padding:10px 35px !important;border:none !important;background-color:#fff;color:var(--theme-secondary-dark) !important;}#nav li a.active, #nav li a.active:hover {background-color:var(--theme-secondary-dark);color:#fff !important;}#nav li a:hover {padding:10px 35px ;background-color:var(--theme-secondary-dark);color:#fff !important;}/* home page content */
#content {  
    background: #fff !important;
    border-radius: .375rem !important;
    padding: 35px !important;
    width: 70vw !important;
    margin: 30px auto 0 auto !important;
    min-height: auto !important;}

#content #landing_page .thread-body{background:none !important;}#content #landing_page .sidebar{float:none !important;display:none !important;}#content #landing_page .main-content {width:100% !important;}form#clientLogin > div {display:block !important;}.login-box {width:40%;display:block !important;box-shadow:none !important;padding:0 !important;}#msg_error, .error-banner {padding:13px;color:#f8f8f8;border:none;background:#d84545 !important;border-radius:4px;}#msg_warning, .warning-banner {padding:13px;color:#f8f8f8;border:none;background:#ff961a;border-radius:4px;}/* tickets.php */table#ticketTable {margin:20px 0px;width:100% !important;overflow-x:scroll;}table#ticketTable th {background:#fffbf9 !important;}table#ticketTable th, table#ticketTable td {padding:1.25rem 0.75rem !important;background:#fff;}table#ticketTable caption {background:#fff !important;padding:16px;}table#ticketTable tr:hover td, table#ticketTable tbody tr.highlight td {background:#fffbf9 !important;}.search.well {padding:18px 0 !important;background:none !important;margin:0px !important;}.infoTable {background:#F4FAFF;margin:20px 0;border:1px solid #a3a1a1;}.infoTable td.headline {padding:20px;}.infoTable tbody tr {background:var(--theme-secondary-light);}.thread-entry.message .header {background:var(--theme-secondary-color);}.thread-entry.avatar.message .header:after {border-right:7px solid var(--theme-secondary-color) !important}.thread-entry.response .header {background:var(--theme-secondary-dark) !important;color:#fff;}.thread-entry.avatar.response .header:after {border-left:7px solid var(--theme-secondary-dark);}/* below 700 */@media (max-width:700px) {.pull-right, .pull-left {float:none !important;}.pull-right.avatar {float:right !important;}.pull-left.avatar {float:left !important;}#header {position:relative;height:71px;padding:10px 20px;display:flex !important;vertical-align:middle;justify-content:center;flex-direction:column-reverse;align-content:flex-start;flex-wrap:nowrap;align-items:center;}#header > div {text-align:center !important;}#header p {width:100% !important;}#nav {overflow:scroll;overflow-y:hidden;}#content {width:auto !important;margin:0 !important;padding:20px !important;}input, select {width:100% !important;}table, .select2-container {width:100% !important;}#clientLogin {padding:0;background:none;box-shadow:none;border:none;}.login-box {width:100% !important;}form[action="profile.php"] tr {display:block;}form[action="profile.php"] tr td {display:block;height:auto !important;}#ticketSearchForm input[type="submit"] {width:100% !important;margin-top:7px;margin-bottom:30px;}#ticketSearchForm select {width:100% !important;margin-bottom:0 !important;}table#ticketTable {display:block;overflow:scroll;}table#ticketTable caption {display:none;}.infoTable {margin:10px 0;}td[width] {width:100% !important;display:block;}}:root {--theme-primary-color:#ffffff;--theme-secondary-color:#ebebeb;--theme-secondary-light:#ebebeb;--theme-secondary-dark:#2e2e2e;--theme-third-color:#611232;}input[type="submit"], button[type=submit], input[type="submit"], .primary.button {background:#611232 !important;color:#fff !important;}#sub_nav > li a#new-ticket, .dialog a.close {color:#000 !important;}ul.tabs li.active a {border-top:1px solid #000 !important}
/* ==============================
   ADAPTADOR GOB.MX PARA OSTICKET
   ============================== */

/* Contenido general */
/* ==========================================
   GOB.MX V3 - ADAPTADOR OSTICKET
   ========================================== */

body {
    font-family: "Noto Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #545454 !important;
    background: #fff !important;
}

/* Títulos */
h1,
h2,
h3 {
    font-family: "Patria", "noso Sans", Helvetica, Arial, sans-serif !important;
    color: #404041 !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: normal !important;
    margin-top: 25px !important;
    margin-bottom: 12px !important;
}
h1 {
    font-size: 54px !important;
}

h2 {
    font-size: 38px !important;
}

h3 {
    font-size: 30px !important;
}

/* Campos tipo form-control */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
    width: 100% !important;
    min-height: calc(1.5em + .75rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #212529 !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: .375rem !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075) !important;
    box-sizing: border-box !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #9d2449 !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 0 .25rem rgba(157,36,73,.25) !important;
}

/* Botón primario */
input[type="submit"],
button[type="submit"],
.primary.button {
    background: #611232 !important;
    border: 1px solid #611232 !important;
    color: #fff !important;
    border-radius: .375rem !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    cursor: pointer;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.primary.button:hover {
    background: #9d2449 !important;
    border-color: #9d2449 !important;
}

/* Botones secundarios */
input[type="reset"],
input[type="button"] {
    background: #fff !important;
    border: 1px solid #611232 !important;
    color: #611232 !important;
    border-radius: .375rem !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    cursor: pointer;
}

input[type="reset"]:hover,
input[type="button"]:hover {
    background: #f8f9fa !important;
    color: #9d2449 !important;
    border-color: #9d2449 !important;
}

/* Tablas */
table#ticketTable {
    width: 100% !important;
    margin-bottom: 1rem !important;
    background-color: transparent !important;
    border-collapse: collapse !important;
}

table#ticketTable caption {
    color: #6c757d !important;
    padding: .5rem !important;
    text-align: left !important;
    background: #fff !important;
}

table#ticketTable th,
table#ticketTable td {
    padding: .5rem !important;
    line-height: 1.5 !important;
    vertical-align: top !important;
    border-bottom: 1px solid #dee2e6 !important;
    background: #fff !important;
}

table#ticketTable thead th {
    vertical-align: bottom !important;
    border-bottom: 2px solid #dee2e6 !important;
    background: #f8f9fa !important;
    color: #212529 !important;
}

table#ticketTable tbody tr:hover td {
    background-color: rgba(0,0,0,.075) !important;
}

/* Textos largos */
.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Buscador */
.search.well {
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: .375rem !important;
    padding: 1rem !important;
}

/* Contenedor */
#content {
    background: #fff !important;
    border-radius: .375rem !important;
}

/* Separador rojo estilo gob.mx */
.form-header h3,
.form-header b {
    font-family: "Patria", "Noto Sans", Helvetica, Arial, sans-serif !important;
    color: #404041 !important;
    font-weight: 600 !important;
}

.form-header::after {
    content: "";
    display: block;
    width: 35px;
    height: 5px;
    background: #9d2449;
    margin-top: 8px;
}

label {
    color: #545454 !important;
    font-weight: 600 !important;
}

.error {
    color: #9d2449 !important;
    font-weight: 600 !important;
}

/* Checkbox anónimo */
#reporte_anonimo {
    width: auto !important;
    min-height: auto !important;
    margin-right: 8px;
}

#reporte_anonimo + strong,
label:has(#reporte_anonimo) {
    color: #611232 !important;
}

/* Oculta header viejo */
#header {
    display: none !important;
}

/* ==========================================
   GOB.MX V3 - BARRA SUPERIOR
   ========================================== */

#gobmx-topbar {
    background: #611232 !important;
    color: #fff !important;
    width: 100%;
    min-height: 80px !important;
}

#gobmx-topbar .gobmx-topbar-inner {
    max-width: 1170px;
    margin: 0 auto;
    min-height: 50px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 18px;
}

#gobmx-topbar .gobmx-brand {
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

#gobmx-topbar .gobmx-brand img {
    max-height: 45px;
    width: auto;
    display: block;
}

#gobmx-topbar #nav {
    flex: 1;
    display: flex !important;
    align-items: center;
    gap: 0;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    height: auto !important;
}

#gobmx-topbar #nav li {
    list-style: none;
    position: relative;
    margin: 0 !important;
}

#gobmx-topbar #nav li a {
    font-family: "Noto Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #fff !important;
    background: transparent !important;
    padding: 18px 5px 10px 15px !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

#gobmx-topbar #nav li a:hover,
#gobmx-topbar #nav li a.active:hover {
    background: rgba(255,255,255,.12) !important;
    color: #DDC9A3 !important;
}

#gobmx-topbar #nav li a.active {
    background: transparent !important;
    color: #DDC9A3 !important;
}



#gobmx-topbar .gobmx-user-links {
    color: #fff !important;
    font-family: "Noto Sans", Arial, sans-serif !important;
    font-size: 14px;
    white-space: nowrap;
    margin-left: auto;
}

#gobmx-topbar .gobmx-user-links a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
}

#gobmx-topbar .gobmx-user-links a:hover {
    text-decoration: underline !important;
}

/* ==========================================
   GOB.MX V3 - FOOTER
   ========================================== */
#gobmx-footer {
    width: 100%;
    background: #611232 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
}

#gobmx-footer .gobmx-footer-inner {
    max-width: 1170px;
    margin: 0 auto !important;
    padding: 24px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    box-sizing: border-box;
    background: #611232 !important;
}

#gobmx-footer p {
    margin: 4px 0 0 0 !important;
    color: #fff !important;
    font-size: 14px !important;
}

#gobmx-footer strong {
    color: #fff !important;
    font-size: 16px;
}

#gobmx-footer a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
}

#gobmx-footer a:hover {
    text-decoration: underline;
}

#gobmx-footer .gobmx-footer-right {
    text-align: right;
    font-size: 14px;
}

#gobmx-footer .gobmx-footer-right span {
    margin: 0 8px;
    color: #DDC9A3;
}

@media (max-width: 700px) {
    #gobmx-topbar .gobmx-topbar-inner {
        flex-wrap: wrap;
        padding: 10px 15px;
    }

    #gobmx-topbar #nav {
        order: 3;
        width: 100%;
        overflow-x: auto !important;
    }

    #gobmx-footer .gobmx-footer-inner {
        flex-direction: column;
        text-align: center;
    }

    #gobmx-footer .gobmx-footer-right {
        text-align: center;
    }
}
#container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#content {
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
    min-height: auto !important;
}

#gobmx-footer {
    margin-top: 0 !important;
}

html,
body {
    margin: 0 !important;
    min-height: 100% !important;
}

body {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

#container {
    flex: 1 0 auto !important;
}

#gobmx-footer {
    flex-shrink: 0 !important;
}

/* RESET fuerte solo para la barra personalizada */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100% !important;
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

#container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 0 auto !important;
}

#gobmx-topbar {
    width: 100% !important;
    min-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #611232 !important;
    color: #fff !important;
}

#gobmx-topbar .gobmx-topbar-inner {
    max-width: 1170px !important;
    min-height: 80px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

#gobmx-topbar #nav {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#content {
    margin: 30px auto 0 auto !important;
}

#gobmx-footer {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

#gobmx-topbar #nav {
    display: flex !important;
    align-items: stretch !important;
    height: 80px !important;
}

#gobmx-topbar #nav li {
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}

#gobmx-topbar #nav li a {
    display: flex !important;
    align-items: center !important;
    height: 80px !important;
    padding: 0 15px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

#gobmx-topbar #nav li a:hover,
#gobmx-topbar #nav li a.active {
    background: rgba(255,255,255,.12) !important;
    color: #DDC9A3 !important;
}

/*  DISEÑO CREAR TICKET  */
#ticketForm {
    border: 1px solid #ddd !important;
    padding: 20px !important;
    background: #fff !important;
}

#ticketForm table {
    width: 100% !important;
}

#ticketForm label,
#ticketForm td {
    font-weight: 700 !important;
    color: #333 !important;
}

#ticketForm input[type="text"],
#ticketForm input[type="email"],
#ticketForm input[type="password"],
#ticketForm input[type="tel"],
#ticketForm select,
#ticketForm textarea {
    width: 100% !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

#ticketForm textarea {
    min-height: 90px !important;
}

#ticketForm input[type="submit"] {
    float: right !important;
    background: #fff !important;
    color: #611232 !important;
    border: 1px solid #611232 !important;
    border-radius: 2px !important;
    padding: 8px 20px !important;
}

#ticketForm input[type="submit"]:hover {
    background: #611232 !important;
    color: #fff !important;
}

#ticketForm label {
    display: block !important;
    width: 100% !important;
}

#ticketForm label input[type="text"],
#ticketForm label input[type="email"],
#ticketForm label input[type="tel"],
#ticketForm label input[type="password"],
#ticketForm label select,
#ticketForm label textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/*     */

/* Quitar caja gris */
.login-box-custom {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
}

/* ==========================
   FORMULARIO RECLAMACIÓN
   ========================== */

#clientLogin {
    border: 1px solid #ddd !important;
    padding: 20px !important;
    background: #fff !important;
    margin: 20px 0 !important;
}

/* Quitar candado */
#clientLogin {
    background-image: none !important;
    box-shadow: none !important;
}

/* Contenedor interno */
#clientLogin .login-box,
#clientLogin .login-box-custom {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Etiquetas */
#clientLogin label {
    display: block !important;
    width: 100% !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 12px !important;
}

/* Campos */
#clientLogin input[type="text"],
#clientLogin input[type="email"],
#clientLogin input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Botón */
#clientLogin input[type="submit"] {
    background: #611232 !important;
    color: #fff !important;
    border: 1px solid #611232 !important;
    border-radius: 2px !important;
    padding: 8px 20px !important;
}

/* Texto inferior */
#clientLogin .instructions {
    display: block !important;
    margin-top: 15px !important;
    padding: 0 !important;
    background: none !important;
    min-height: auto !important;
}

/**/

#ticketForm .ticket-actions {
    text-align: center !important;
    margin-top: 30px !important;
}

#ticketForm .ticket-actions input[type="submit"],
#ticketForm .ticket-actions input[type="reset"],
#ticketForm .ticket-actions input[type="button"] {
    min-width: 140px !important;
    padding: 8px 20px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    margin: 0 8px 10px 8px !important;
    cursor: pointer !important;
}

#ticketForm .ticket-actions input[type="submit"] {
    background: #611232 !important;
    color: #fff !important;
    border: 1px solid #611232 !important;
}

#ticketForm .ticket-actions input[type="submit"]:hover {
    background: #9D2449 !important;
    border-color: #9D2449 !important;
}

#ticketForm .ticket-actions input[type="reset"],
#ticketForm .ticket-actions input[type="button"] {
    background: #fff !important;
    color: #611232 !important;
    border: 1px solid #611232 !important;
}

#ticketForm .ticket-actions input[type="reset"]:hover,
#ticketForm .ticket-actions input[type="button"]:hover {
    background: #611232 !important;
    color: #fff !important;
}

/* ==========================
   REGISTRO DE CUENTA
   ========================== */

#accountForm {
    border: 1px solid #ddd !important;
    padding: 20px !important;
    background: #fff !important;
}

#accountForm table {
    width: 100% !important;
}
#accountForm input[type="text"],
#accountForm input[type="email"],
#accountForm input[type="password"],
#accountForm input[type="tel"],
#accountForm select,
#accountForm textarea {
    width: 100% !important;
    max-width: 500px !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
#accountForm h3 {
    font-size: 26px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

#accountForm .account-actions {
    text-align: center !important;
    margin-top: 25px !important;
}

#accountForm .account-actions input[type="submit"],
#accountForm .account-actions input[type="button"] {
    min-width: 150px !important;
    padding: 10px 24px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    margin: 0 8px 10px 8px !important;
    cursor: pointer !important;
}

#accountForm .account-actions input[type="submit"] {
    background: #611232 !important;
    color: #fff !important;
    border: 1px solid #611232 !important;
}

#accountForm .account-actions input[type="submit"]:hover {
    background: #9D2449 !important;
    border-color: #9D2449 !important;
}

#accountForm .account-actions input[type="button"] {
    background: #fff !important;
    color: #611232 !important;
    border: 1px solid #611232 !important;
}

#accountForm .account-actions input[type="button"]:hover {
    background: #611232 !important;
    color: #fff !important;
}