/**
 * ----------------------------------------
 * XX. Helpers
 * ----------------------------------------
 */
.fieldInputHelp {
    --_field-input-help-color: #c60202;
}

/**
 * ------------------------------------------------------
 * XX. Forum Wraps and Coloring
 * ------------------------------------------------------
 */

.prettify {
	color: #646464;
}

.themex-forum-cover-black {
	background-image: linear-gradient(to top, #1a1a1a, #313131);
	background-color: #111111;
	border-top: #000000 0px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	font-weight: 600;
}

.themex-forum-style-black {
	background-color: #111111;
	border-top: #000000 0px solid;
	border-bottom: #220000 6px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	font-weight: 600;
}

.themex-forum-style-gray {
	background-color: var(--placecolor1);
	border-top: #252525 0px solid;
	border-bottom: #252525 1px solid;
	border-left: #252525 0px solid;
	border-right: #252525 1px solid;
}

.themex-forum-style-red {
	background-color: var(--placecolor2);
	border-top: #252525 0px solid;
	border-bottom: #252525 1px solid;
	border-left: #252525 0px solid;
	border-right: #252525 1px solid;
	font-weight: 600;
}

:root {
    --grid-row1: #454545;
    --grid-row2: #303030;
    --grid-row3: #575757;
    --grid-row4: #1d1d1d;
}

/**
 * ------------------------------------------------------
 * XX. Evo Modules Widget | Came w/theme Lonestar Coded
 * ------------------------------------------------------
 */
.evo-modules-widget a:hover,
.evo-modules-widget a:active,
.evo-modules-widget a.active {
    --_evo-modules-widget-background--hover: #0000004b;
    --_evo-modules-widget-border-radius: 4px;
    text-decoration: none;
}

.evo-modules-widget a {
    --_evo-modules-widget-padding: 12px 10px 10px 15px;
}

@media (min-width: 576px) {
    .evo-modules-widget a {
        --_evo-modules-widget-padding: 2px 10px 0px 15px; /* 3rd | Changes Horizontal Spacing Between Name Links */
    }
}

.administration-area .section-title h3 {
    padding: 5px 10px;
}

/**
 * ----------------------------------------
 * XX. Administration Page
 * ----------------------------------------
 */
.small-box:hover,
.administration-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.small-box .title {
    color: #23a3ce;
    font-weight: 600;
}

.small-box .desc {
    color: #686262;
    font-size: .8rem;
    font-weight: 600;
}

/**
 * ----------------------------------------
 * XX. Input Select Switch
 * ----------------------------------------
 */
.evo-checkbox-toggle-theme-default:checked + .evo-checkbox-toggle-btn {
    --_evo-select-switch-btn-background-color--checked: #910101;
}

/**
 * ----------------------------------------
 * XX. Information List
 * ----------------------------------------
 */
.information-line-list.forum-profile .information-line .information-line-title {
    --_information-line-title-width: 100px;
}

/**
 * ----------------------------------------
 * XX. File Repository Widget
 * ----------------------------------------
 */
.file-repository-widget-contain {
    gap: 2px;
}

/**
 * ----------------------------------------
 * XX. Scroll to top
 *----------------------------------------
 */
.evo-scroll-to-top {
    --_scroll-top-btn-border-color: var(--color-font-color-primary);
    --_scroll-top-btn-z-index: 100;
    background-image: none;
    background: var(--color-background);
    opacity: .7;
}

.evo-scroll-to-top:hover {
    background-image: transparent;
    background: var(--color-font-color-primary-hover);
    color: white;
}

.evo-scroll-to-top svg path {
    --_scroll-top-btn-svg-icon-color: var(--color-font-color-primary);
}

.evo-scroll-to-top:hover svg path {
    --_scroll-top-btn-svg-icon-color: var(--color-white);
}

/**
 * ----------------------------------------
 * XX. Latest Topics Grid
 * ----------------------------------------
 */
.threadsC {
    color: #fffd87;
}

/**
 * ----------------------------------------
 * XX. Browser Scrollbar
 * ----------------------------------------
 */
body::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
body::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
body::-webkit-scrollbar-thumb:active {
    background-color: #6b6b6b;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
.body::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
body::-webkit-scrollbar-track:hover,
body::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

.nff-header {
    font-size: inherit;
    text-transform: uppercase;
}