:root {
    --uah-orange: #f05032;
    --uah-orange-dark: #c93f22;
    --uah-orange-soft: #fff1eb;
    --uah-black: #111111;
    --uah-black-2: #1a171b;
    --uah-charcoal: #272727;
    --uah-gray: #5f5f5f;
    --uah-border: #dedede;
    --uah-surface: #ffffff;
    --primary-color: var(--uah-orange);
    --primario: var(--uah-orange);
    --marengo1: var(--uah-black);
    --marengo2: var(--uah-black-2);
}

html,
body {
    background: #f6f6f6;
    color: var(--uah-black);
}

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}

.page-content {
    flex: 1 0 auto;
    width: 100%;
}

a,
.navTab,
.tne-info-highlight a {
    color: var(--uah-orange-dark);
}

a:hover,
a:focus {
    color: var(--uah-black);
}

.btn-primary,
.btnImprimir,
.botonAccion,
.botonAccion2,
.botonMenu,
.botonMenuGrande,
.btnx,
.modal-confirm .btn,
.CTA a.nav-link {
    background-color: var(--uah-orange) !important;
    border-color: var(--uah-orange) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btnImprimir:hover,
.btnImprimir:focus,
.botonAccion:hover,
.botonAccion2:hover,
.botonMenu:hover,
.botonMenuGrande:hover,
.btnx:hover,
.modal-confirm .btn:hover,
.modal-confirm .btn:focus,
.CTA a.nav-link:hover,
.CTA a.nav-link:focus {
    background-color: var(--uah-black) !important;
    border-color: var(--uah-black) !important;
    color: #ffffff !important;
    opacity: 1;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--uah-orange);
    border-color: var(--uah-orange);
    color: #ffffff;
}

.card-header,
.panel-info > .panel-heading {
    background-color: var(--uah-black);
    border-color: var(--uah-orange);
    color: #ffffff;
}

.panel-info {
    border-color: var(--uah-orange);
}

#menu-top {
    border-bottom: 3px solid var(--uah-orange);
}

#menu-top a.nav-link {
    color: var(--uah-black);
    font-weight: 600;
}

#menu-top a.nav-link:hover,
#menu-top a.nav-link:focus {
    color: var(--uah-orange-dark);
}

.divMenu2,
.divMenu3,
.bg-dark,
.marengo-bg,
.FondoNegro,
.FondoRojo,
footer {
    background-color: var(--uah-black) !important;
    color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link,
.nav-link-white,
.aMenu3 {
    color: #ffffff !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.nav-link-white:hover,
.nav-link-white:focus,
.aMenu3:hover,
.aMenu3:focus {
    color: var(--uah-orange) !important;
}

.footer {
    border-top: 4px solid var(--uah-orange) !important;
    position: static;
    flex-shrink: 0;
    width: 100%;
    margin-top: 24px;
    padding: 18px 0;
    line-height: normal;
    white-space: normal;
}

.footer,
.footer .container,
.text-muted {
    color: #ffffff !important;
}

.footer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-logo {
    display: block;
    width: min(100%, 720px);
    height: auto;
    max-height: 72px;
    object-fit: contain;
}

.divTableTitulos,
.progress,
.progress-step-active,
.progress-step-complete,
.modal-confirm .icon-box,
.tne-divider,
.tne-header-icon,
.tne-btn-primary,
.tne-history-table thead {
    background: var(--uah-orange) !important;
    color: #ffffff !important;
}

.divTableTitulos,
.divTableDatos,
.tne-card,
.tne-history-table-wrapper,
.tne-payment-item,
.tne-option-card,
.tne-input,
.tne-radio-option {
    border-color: var(--uah-border) !important;
}

.tne-card {
    border-top: 6px solid var(--uah-orange);
    box-shadow: 0 14px 34px rgba(17, 17, 17, .12);
}

.tne-header h2,
.tne-info-item strong,
.tne-section-title h3,
.tne-option-content,
.tne-total-box span,
.tne-payment-item strong,
.tne-history-table td,
.tne-info-highlight h4,
.tne-label {
    color: var(--uah-black);
}

.tne-header p,
.tne-info-item label,
.tne-section-title p,
.tne-payment-item label {
    color: var(--uah-gray);
}

.tne-header-icon,
.tne-btn-primary {
    border-color: var(--uah-orange) !important;
    box-shadow: 0 8px 18px rgba(240, 80, 50, .28);
}

.tne-info-icon,
.tne-field-icon,
.tne-payment-item > .fa {
    background: var(--uah-orange-soft);
    color: var(--uah-orange);
}

.tne-message,
.tne-info-highlight,
.tne-payment-total,
.tne-total-input {
    background: var(--uah-orange-soft);
    border-color: rgba(240, 80, 50, .35) !important;
}

.tne-message,
.tne-message .fa,
.tne-history-value,
.tne-payment-total strong,
.login_header_naranjo,
.divError,
.divWarning,
.tne-option-group .fa,
.tne-modal-header .fa {
    color: var(--uah-orange) !important;
}

.tne-btn-primary:hover,
.tne-btn-primary:focus {
    background: var(--uah-black) !important;
    border-color: var(--uah-black) !important;
    color: #ffffff !important;
}

.tne-btn-outline {
    background: #ffffff;
    border-color: var(--uah-black) !important;
    color: var(--uah-black) !important;
}

.tne-btn-outline:hover,
.tne-btn-outline:focus {
    background: var(--uah-black) !important;
    border-color: var(--uah-black) !important;
    color: #ffffff !important;
}

.tne-info-panel-header,
.tne-option-group,
.tne-modal-header {
    background: var(--uah-black) !important;
    border-bottom-color: var(--uah-orange) !important;
    color: #ffffff;
}

.tne-info-panel-header .fa {
    color: var(--uah-orange);
}

.tne-option-card:hover,
.tne-option-card:focus-within,
.tne-input:focus,
.tne-radio-option:hover,
.tne-radio-option:focus-within {
    border-color: var(--uah-orange) !important;
    box-shadow: 0 0 0 3px rgba(240, 80, 50, .16);
}

.tne-option-radio input[type="radio"] {
    accent-color: var(--uah-orange);
}

.tne-history-table thead {
    border-bottom: 3px solid var(--uah-black);
}

.tne-history-table tbody tr:hover {
    background: var(--uah-orange-soft);
}

.uahvirtual {
    background-color: var(--uah-black);
}

.uahvirtual a {
    color: #ffffff;
}

.alert-info {
    background-color: var(--uah-orange-soft);
    border-color: rgba(240, 80, 50, .35);
    color: var(--uah-black);
}

.alert-info .alert-heading {
    color: var(--uah-orange-dark);
}

::selection {
    background: var(--uah-orange);
    color: #ffffff;
}

@media (max-width: 768px) {
    .tne-wrapper {
        margin: 18px auto 22px;
        padding: 0 14px;
    }

    .footer {
        margin-top: 18px;
        padding: 14px 0;
    }

    .footer-inner {
        padding-right: 18px;
        padding-left: 18px;
    }

    .footer-logo {
        max-height: 56px;
    }
}

@media (max-width: 420px) {
    .tne-header {
        gap: 14px;
        padding: 22px 18px;
    }

    .tne-header h2 {
        font-size: 24px;
    }

    .tne-header p,
    .tne-label,
    .tne-input,
    .tne-radio-option,
    .tne-btn {
        font-size: 15px;
    }

    .tne-login-body,
    .tne-actions {
        padding-right: 18px;
        padding-left: 18px;
    }
}