/***BOOTSTRAP***/
:root{
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40
}

body{
  color:#212529;
  background-color:#fff
}

a{
  color:#007bff
}

a:hover{
  color:#0056b3
}

caption{
  color:#6c757d
}

.mark,mark{
  background-color:#fcf8e3
}

.blockquote-footer{
  color:#6c757d
}

.figure-caption{
  color:#6c757d
}

code{
  color:#e83e8c
}

kbd{
  color:#fff;
  background-color:#212529
}

pre{
  color:#212529
}

.table{
  color:#212529
}

.table-hover tbody tr:hover{
  color:#212529
}

.table-primary,.table-primary>td,.table-primary>th{
  background-color:#b8daff
}

.table-secondary,.table-secondary>td,.table-secondary>th{
  background-color:#d6d8db
}

.table-success,.table-success>td,.table-success>th{
  background-color:#c3e6cb
}

.table-info,.table-info>td,.table-info>th{
  background-color:#bee5eb
}

.table-warning,.table-warning>td,.table-warning>th{
  background-color:#ffeeba
}

.table-danger,.table-danger>td,.table-danger>th{
  background-color:#f5c6cb
}

.table-light,.table-light>td,.table-light>th{
  background-color:#fdfdfe
}

.table-dark,.table-dark>td,.table-dark>th{
  background-color:#c6c8ca
}

.table .thead-dark th{
  color:#fff;
  background-color:#343a40
}

.table .thead-light th{
  color:#495057;
  background-color:#e9ecef
}

.table-dark{
  color:#fff;
  background-color:#343a40
}

.table-dark.table-hover tbody tr:hover{
  color:#fff
}

.form-control{
  color:#495057;
  background-color:#fff
}

.form-control:focus{
  color:#495057;
  background-color:#fff
}

.form-control-plaintext{
  color:#212529
}

.valid-feedback{
  color:#28a745
}

.valid-tooltip{
  color:#fff;
  background-color:rgba(40,167,69,.9)
}

.form-control.is-valid,.was-validated .form-control:valid{
  border-color:#28a745
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus{
  border-color:#28a745
}

.custom-select.is-valid,.was-validated .custom-select:valid{
  border-color:#28a745
}

.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{
  border-color:#28a745
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{
  color:#28a745
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{
  color:#28a745
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{
  border-color:#28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{
  border-color:#34ce57;
  background-color:#34ce57
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{
  border-color:#28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{
  border-color:#28a745
}

.invalid-feedback{
  color:#dc3545
}

.invalid-tooltip{
  color:#fff;
  background-color:rgba(220,53,69,.9)
}

.form-control.is-invalid,.was-validated .form-control:invalid{
  border-color:#dc3545
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{
  border-color:#dc3545
}

.custom-select.is-invalid,.was-validated .custom-select:invalid{
  border-color:#dc3545
}

.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{
  border-color:#dc3545
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{
  color:#dc3545
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{
  color:#dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{
  border-color:#dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{
  border-color:#e4606d;
  background-color:#e4606d
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{
  border-color:#dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{
  border-color:#dc3545
}

.btn{
  color:#212529
}

.btn:hover{
  color:#212529
}

.btn-primary{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-primary:hover{
  color:#fff;
  background-color:#0069d9;
  border-color:#0062cc
}

.btn-primary.disabled,.btn-primary:disabled{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{
  color:#fff;
  background-color:#0062cc;
  border-color:#005cbf
}

.btn-secondary{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-secondary:hover{
  color:#fff;
  background-color:#5a6268;
  border-color:#545b62
}

.btn-secondary.disabled,.btn-secondary:disabled{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{
  color:#fff;
  background-color:#545b62;
  border-color:#4e555b
}

.btn-success{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-success:hover{
  color:#fff;
  background-color:#218838;
  border-color:#1e7e34
}

.btn-success.disabled,.btn-success:disabled{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{
  color:#fff;
  background-color:#1e7e34;
  border-color:#1c7430
}

.btn-info{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-info:hover{
  color:#fff;
  background-color:#138496;
  border-color:#117a8b
}

.btn-info.disabled,.btn-info:disabled{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{
  color:#fff;
  background-color:#117a8b;
  border-color:#10707f
}

.btn-warning{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-warning:hover{
  color:#212529;
  background-color:#e0a800;
  border-color:#d39e00
}

.btn-warning.disabled,.btn-warning:disabled{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{
  color:#212529;
  background-color:#d39e00;
  border-color:#c69500
}

.btn-danger{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-danger:hover{
  color:#fff;
  background-color:#c82333;
  border-color:#bd2130
}

.btn-danger.disabled,.btn-danger:disabled{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{
  color:#fff;
  background-color:#bd2130;
  border-color:#b21f2d
}

.btn-light{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-light:hover{
  color:#212529;
  background-color:#e2e6ea;
  border-color:#dae0e5
}

.btn-light.disabled,.btn-light:disabled{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{
  color:#212529;
  background-color:#dae0e5;
  border-color:#d3d9df
}

.btn-dark{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-dark:hover{
  color:#fff;
  background-color:#23272b;
  border-color:#1d2124
}

.btn-dark.disabled,.btn-dark:disabled{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{
  color:#fff;
  background-color:#1d2124;
  border-color:#171a1d
}

.btn-outline-primary{
  color:#007bff;
  border-color:#007bff
}

.btn-outline-primary:hover{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled{
  color:#007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-outline-secondary{
  color:#6c757d;
  border-color:#6c757d
}

.btn-outline-secondary:hover{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{
  color:#6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-outline-success{
  color:#28a745;
  border-color:#28a745
}

.btn-outline-success:hover{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-outline-success.disabled,.btn-outline-success:disabled{
  color:#28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-outline-info{
  color:#17a2b8;
  border-color:#17a2b8
}

.btn-outline-info:hover{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-outline-info.disabled,.btn-outline-info:disabled{
  color:#17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-outline-warning{
  color:#ffc107;
  border-color:#ffc107
}

.btn-outline-warning:hover{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled{
  color:#ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-outline-danger{
  color:#dc3545;
  border-color:#dc3545
}

.btn-outline-danger:hover{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled{
  color:#dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-outline-light{
  color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-outline-light:hover{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-outline-light.disabled,.btn-outline-light:disabled{
  color:#f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-outline-dark{
  color:#343a40;
  border-color:#343a40
}

.btn-outline-dark:hover{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled{
  color:#343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-link{
  color:#007bff
}

.btn-link:hover{
  color:#0056b3
}

.btn-link.disabled,.btn-link:disabled{
  color:#6c757d
}

.dropdown-menu{
  color:#212529;
  background-color:#fff
}

.dropdown-item{
  color:#212529
}

.dropdown-item:focus,.dropdown-item:hover{
  color:#16181b
}

.dropdown-item.active,.dropdown-item:active{
  color:#fff;
  background-color:#007bff
}

.dropdown-item.disabled,.dropdown-item:disabled{
  color:#adb5bd
}

.dropdown-header{
  color:#6c757d
}

.dropdown-item-text{
  color:#212529
}

.navbar-light .navbar-brand{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link{
  color:rgba(0,0,0,.5)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{
  color:rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled{
  color:rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler{
  color:rgba(0,0,0,.5)
}

.navbar-light .navbar-text{
  color:rgba(0,0,0,.5)
}

.navbar-light .navbar-text a{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{
  color:rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand{
  color:#fff
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{
  color:#fff
}

.navbar-dark .navbar-nav .nav-link{
  color:rgba(255,255,255,.5)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{
  color:rgba(255,255,255,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled{
  color:rgba(255,255,255,.25)
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{
  color:#fff
}

.navbar-dark .navbar-toggler{
  color:rgba(255,255,255,.5)
}

.navbar-dark .navbar-text{
  color:rgba(255,255,255,.5)
}

.navbar-dark .navbar-text a{
  color:#fff
}

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{
  color:#fff
}

.badge-primary{
  color:#fff;
  background-color:#007bff
}

.badge-secondary{
  color:#fff;
  background-color:#6c757d
}

.badge-success{
  color:#fff;
  background-color:#28a745
}

.badge-info{
  color:#fff;
  background-color:#17a2b8
}

.badge-warning{
  color:#212529;
  background-color:#ffc107
}

.badge-danger{
  color:#fff;
  background-color:#dc3545
}

.badge-light{
  color:#212529;
  background-color:#f8f9fa
}

.badge-dark{
  color:#fff;
  background-color:#343a40
}

.jumbotron{
  background-color:#e9ecef
}

.alert-primary{
  color:#004085;
  background-color:#cce5ff;
  border-color:#b8daff
}

.alert-secondary{
  color:#383d41;
  background-color:#e2e3e5;
  border-color:#d6d8db
}

.alert-success{
  color:#155724;
  background-color:#d4edda;
  border-color:#c3e6cb
}

.alert-info{
  color:#0c5460;
  background-color:#d1ecf1;
  border-color:#bee5eb
}

.alert-warning{
  color:#856404;
  background-color:#fff3cd;
  border-color:#ffeeba
}

.alert-danger{
  color:#721c24;
  background-color:#f8d7da;
  border-color:#f5c6cb
}

.alert-light{
  color:#818182;
  background-color:#fefefe;
  border-color:#fdfdfe
}

.alert-dark{
  color:#1b1e21;
  background-color:#d6d8d9;
  border-color:#c6c8ca
}

.progress-bar{
  color:#fff;
  background-color:#007bff
}

.list-group-item{
  background-color:#fff
}

.list-group-item.disabled,.list-group-item:disabled{
  color:#6c757d;
  background-color:#fff
}

.list-group-item.active{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.list-group-item-primary{
  color:#004085;
  background-color:#b8daff
}

.list-group-item-secondary{
  color:#383d41;
  background-color:#d6d8db
}

.list-group-item-success{
  color:#155724;
  background-color:#c3e6cb
}

.list-group-item-info{
  color:#0c5460;
  background-color:#bee5eb
}

.list-group-item-warning{
  color:#856404;
  background-color:#ffeeba
}

.list-group-item-danger{
  color:#721c24;
  background-color:#f5c6cb
}

.list-group-item-light{
  color:#818182;
  background-color:#fdfdfe
}

.list-group-item-dark{
  color:#1b1e21;
  background-color:#c6c8ca
}

.close{
  color:#000
}

.close:hover{
  color:#000
}

.toast{
  background-color:rgba(255,255,255,.85)
}

.toast-header{
  color:#6c757d;
  background-color:rgba(255,255,255,.85)
}

.modal-content{
  background-color:#fff
}

.tooltip-inner{
  color:#fff;
  background-color:#000
}

.popover{
  background-color:#fff
}

.popover-header{
  background-color:#f7f7f7
}

.popover-body{
  color:#212529
}

.carousel-control-next,.carousel-control-prev{
  color:#fff
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{
  color:#fff
}

.carousel-indicators li{
  background-color:#fff
}

.carousel-caption{
  color:#fff
}

.bg-primary{
  background-color:#007bff!important
}

.bg-secondary{
  background-color:#6c757d!important
}

.bg-success{
  background-color:#28a745!important
}

.bg-info{
  background-color:#17a2b8!important
}

.bg-warning{
  background-color:#ffc107!important
}

.bg-danger{
  background-color:#dc3545!important
}

.bg-light{
  background-color:#f8f9fa!important
}

.bg-dark{
  background-color:#343a40!important
}

.bg-white{
  background-color:#fff!important
}

.border-primary{
  border-color:#007bff!important
}

.border-secondary{
  border-color:#6c757d!important
}

.border-success{
  border-color:#28a745!important
}

.border-info{
  border-color:#17a2b8!important
}

.border-warning{
  border-color:#ffc107!important
}

.border-danger{
  border-color:#dc3545!important
}

.border-light{
  border-color:#f8f9fa!important
}

.border-dark{
  border-color:#343a40!important
}

.border-white{
  border-color:#fff!important
}
.text-primary{
  color:#007bff!important
}
.text-secondary{
  color:#6c757d!important
}
.text-success{
  color:#28a745!important
}
.text-info{
  color:#17a2b8!important
}
.text-warning{
  color:#ffc107!important
}
.text-danger{
  color:#dc3545!important
}
.text-light{
  color:#f8f9fa!important
}
.text-dark{
  color:#343a40!important
}
.text-white{
  color:#fff!important
}
.text-body{
  color:#212529!important
}
.text-muted{
  color:#6c757d!important
}
.text-black-50{
  color:rgba(0,0,0,.5)!important
}
.text-white-50{
  color:rgba(255,255,255,.5)!important
}
/**CORE**/
/* Estilos generales */
/* Navbar */
.navbar {
    background-color: #343a40;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.navbar-dark .navbar-nav .nav-link:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Mega Menú */
.megaMenu {
    background: white;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.category-box:hover {
    background: #dee2e6;
}

.category-box a {
    color: #303030;
}

.search-bar input {
    background-color: transparent;
    color: white;
    border: 1px solid white;
}

.search-bar input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.search-bar button {
    background-color: #007bff;
    color: white;
    border: 1px solid transparent;
}

.search-bar button:hover {
    background-color: #0056b3;
}

.badge-light {
    background-color: #f8f9fa;
}

.menuright {
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.icon-button:hover, .avatar-button:hover {
    background-color: #454545;
}

/*** NOTIFICACIONES ***/
.notificationhells-container {
    background: white;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.notificationhell-header {
    border-bottom: 1px solid #e0e0e0;
}

.notificationhell-item.unread {
    background-color: #f9f9f9;
}

.notificationhell-item:hover {
    background-color: #f0f0f0;
}

.notificationhell-message {
    color: #333;
}

.notificationhell-metadata {
    color: #666;
}

/*** MENÚS DESPLEGABLES ***/
.dropdown-menu-custom {
    background: white;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

/*** ESTILOS ESPECÍFICOS PARA LOS MENÚS ***/
.colphne-dropdown-container {
    background: #FFF;
}

.colphne-channel-handle {
    color: #666;
}

.colphne-manage-account {
    color: #065fd4;
}

.colphne-menu-item:hover {
    background-color: #f1f1f1;
}

.colphne-footer {
    color: #666;
}

.groza-circle {
    border: 3px solid #000;
    border-bottom-color: transparent;
}

.groza-menu-item:hover {
    background-color: #f1f1f1;
}

.btn-menu-lateral:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/****DASHBOARD****/
.menu-dashboard {
    background-color: #2c3e50;
    color: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

.menu-lateral li a {
    color: #fff;
}

.menu-lateral li a:hover {
    background-color: #34495e;
}

.header-dashboard {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.footer-dashboard {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.dropdown-title {
    background-color: #e9ecef;
    border-left: 4px solid #007bff;
}

.category-title {
    border-left: 4px solid #007bff;
}

/* Estilos para las tarjetas de streaming */
.stream-card {
    background-color: #FFFFFF;
}

.stream-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.stream-card__live-indicator {
    background-color: #e91916;
    color: white;
}

.stream-card__viewers {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
}

.stream-card__title {
    color: #000000;
}

.stream-card__title:hover {
    color: #e91916 !important;
}

.stream-card__channel {
    color: #53535F;
}

.stream-card__channel:hover {
    color: #e91916 !important;
}

.stream-card__verified {
    color: #bf94ff;
}

.stream-card__game {
    color: #adadb8;
}

.stream-card__game:hover {
    color: #e91916 !important;
}

.stream-card__tag {
    background: rgba(173, 173, 184, 0.22);
    color: #53535f;
}

.stream-card__tag:hover {
    background-color: #3a3a4a !important;
    color: #ffffff !important;
}

.stream-card__options {
    color: #adadb8;
}

.stream-card__options:hover {
    color: #efeff1;
}

.page-title {
    color: #efeff1;
}

/* Estilos para el componente "Mostrar más" */
.show-morex__line {
    background: linear-gradient(90deg, transparent, #4a4a6d, transparent);
}

.show-morex__button {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(37, 117, 252, 0.3);
}

.show-morex__button:hover {
    background: linear-gradient(135deg, #5a0db5 0%, #1c65e0 100%);
    color:#ffffff !important;
    box-shadow: 0 6px 20px rgba(37, 117, 252, 0.4);
}

/***menu lateral**/
.mettcamxxx-channel-item .side-nav-card__link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.mettcamxxx-channel-item .game-title {
    color: #aaa;
}

.mettcamxxx-channel-item .mettcamxxx-channel-status-indicator {
    background-color: #e91916;
}

.mettcamxxx-channel-item .live-text {
    color: #e91916;
}

.mettcamxxx-channel-item .viewer-number {
    color: #aaa;
}

.mettcamxxx-channel-item .viewer-text {
    color: #aaa;
}
/**CHAT**/
/* ===== ESTILOS BASE DEL CHAT ===== */
.chat-container {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

/* ===== CABECERA DEL CHAT ===== */
.chat-header {
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.chat-title {
    color: white;
}

.chat-viewers {
    color: #efeff1;
    background: rgba(255, 255, 255, 0.1);
}

/* ===== ÁREA DE MENSAJES ===== */
.chat-message:hover {
    background: rgba(255, 255, 255, 0.05);
}

.chat-user-avatar {
    border: 2px solid #bf94ff;
}

.chat-username {
    color: #bf94ff;
}

.chat-timestamp {
    color: #adadb8;
}

.chat-badge {
    background: #9147ff;
    color: white;
}

.chat-message-text {
    color: #efeff1;
}

/* ===== ÁREA DE ENVÍO DE MENSAJES ===== */
.chat-input-area {
    background: rgba(0, 0, 0, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.chat-avatar-preview {
    border: 2px solid #bf94ff;
}

.chat-message-input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
}

.chat-message-input:focus {
    border-color: #bf94ff;
    background: rgba(255, 255, 255, 0.15);
}

.chat-message-input[placeholder]:empty:before {
    color: #adadb8;
}

.chat-emoticon-picker {
    color: #adadb8;
}

.chat-emoticon-picker:hover {
    color: white;
    background: rgba(255, 255, 255, 0.1);
}

.chat-send-button {
    background: #bf94ff;
    color: white;
}

.chat-send-button:hover:not(:disabled) {
    background: #a970ff;
}

.chat-send-button:disabled {
    background: #adadb8;
}

/* ===== SELECTOR DE EMOTICONOS ===== */
.chat-emoticons-popup {
    background: rgba(28, 28, 28, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.chat-emoticon-option {
    background: rgba(255, 255, 255, 0.1);
}

.chat-emoticon-option:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* ===== MENSAJES DEL SISTEMA ===== */
.chat-system-message {
    color: #adadb8;
    background: rgba(255, 255, 255, 0.05);
}

/* ===== BARRAS DE SCROLL PERSONALIZADAS ===== */
.chat-messages::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

.chat-messages::-webkit-scrollbar-thumb {
    background: #bf94ff;
}

.chat-messages::-webkit-scrollbar-thumb:hover {
    background: #a970ff;
}
/**Reproductor**/
/* ===== ESTILOS BASE DEL REPRODUCTOR ===== */
.player-container {
    background-color: #000;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.player-video-container {
    background-color: #000;
}

/* ===== CONTROLES DEL REPRODUCTOR ===== */
.player-custom-controls {
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

/* ===== BARRAS DE PROGRESO Y VOLUMEN ===== */
.player-progress-container {
    background-color: rgba(255, 255, 255, 0.3);
}

.player-progress-bar {
    background-color: #ff0000;
}

.player-volume-slider {
    background-color: rgba(255, 255, 255, 0.3);
}

.player-volume-level {
    background-color: white;
}

/* ===== INDICADORES CIRCULARES ===== */
.player-volume-handle, 
.player-progress-handle {
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* ===== EFECTOS HOVER MEJORADOS ===== */
.player-volume-slider:hover .player-volume-level, 
.player-progress-container:hover .player-progress-bar {
    background-color: #ff3333;
}

/* ===== BOTONES DE CONTROL ===== */
.player-control-btn {
    color: white;
}

.player-control-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* ===== DISPLAY DE TIEMPO ===== */
.player-time-display {
    color: white;
}

/* ===== ICONOS DE SONIDO ===== */
.player-volume-icon.muted .player-sound-wave::before,
.player-volume-icon.muted .player-sound-wave::after {
    background-color: #ff4444;
}

/* ===== VELOCIDAD DE REPRODUCCIÓN ===== */
.player-speed-options {
    background-color: rgba(0, 0, 0, 0.8);
}

.player-speed-option {
    color: white;
}

.player-speed-option:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.player-speed-option.active {
    color: #ff0000;
}

/* ===== SPINNER DE CARGA ===== */
.player-loading-spinner {
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ff0000;
}

/* ===== CONFIGURACIÓN Y MODO TEATRO ===== */
.player-settings-btn {
    color: white;
}

.player-settings-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.player-theater-btn {
    color: white;
}

.player-theater-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.player-theater-btn.active {
    color: #bf94ff;
}

/* ===== MENÚS DE CONFIGURACIÓN ===== */
.player-settings-dropup {
    background: rgba(28, 28, 28, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.player-settings-option {
    color: #efeff1;
}

.player-settings-option:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.player-settings-option .player-option-arrow {
    color: #adadb8;
}

.player-settings-divider {
    background: rgba(255, 255, 255, 0.1);
}

/* ===== SUBMENÚS ===== */
.player-settings-submenu {
    background: rgba(28, 28, 28, 0.95);
}

.player-submenu-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.player-submenu-back {
    color: #efeff1;
}

.player-submenu-back:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.player-submenu-title {
    color: #efeff1;
}

/* ===== OPCIONES ESPECÍFICAS ===== */
.player-quality-option.active, 
.player-shortcut-option.active {
    color: #bf94ff;
}

.player-quality-check, 
.player-shortcut-check {
    color: #bf94ff;
}

.player-key {
    background: rgba(255, 255, 255, 0.1);
}
/**STREAM**/
/***CUANDO HACE STREAM***/
.infouser-halo-effect {
    background: linear-gradient(135deg, #9146FF, #BF94FF);
}

.infouser-avatar-image {
    border: 2px solid white;
    background: #efeff1;
}

.infouser-live-badge {
    background: #e91916;
}

.infouser-live-label {
    color: white;
}

.infouser-channel-name {
    color: #0e0e10;
}

.infouser-verified-icon {
    color: #9146FF;
}

.infouser-button-follow {
    background: #9146FF;
    color: white;
}

.infouser-button-follow:hover {
    background: #7d3ae6;
}

.infouser-button-gift,
.infouser-button-subscribe {
    background: rgba(0, 0, 0, 0.05);
    color: #0e0e10;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.infouser-button-gift:hover,
.infouser-button-subscribe:hover {
    background: rgba(0, 0, 0, 0.1);
}

.infouser-stream-title {
    color: #0e0e10;
}

.infouser-game-link {
    color: #9146FF;
}

.infouser-game-link:hover {
    color: #7d3ae6;
}

.infouser-tag {
    color: #53535f;
    background: rgba(173, 173, 184, 0.22);
}

.infouser-tag:hover {
    background: rgba(173, 173, 184, 0.35);
    color: #0e0e10;
}

.infouser-stat-icon {
    color: #53535f;
}

.infouser-viewer-count {
    color: #0e0e10;
}

.infouser-viewer-label,
.infouser-time-label {
    color: #53535f;
}

.infouser-stream-time {
    color: #0e0e10;
}

.infouser-utility-button {
    background: rgba(0, 0, 0, 0.05);
    color: #53535f;
}

.infouser-utility-button:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #0e0e10;
}
/****Carousel***/
/* Estilos con sufijo mettcamcarousel - SOLO PROPIEDADES DE COLOR */
.carousel-item-mettcamcarousel .video-info-mettcamcarousel {
    background: rgba(0, 0, 0, 0.7);
    color: white;
}

.carousel-item-mettcamcarousel[data-position="center"] .video-info-mettcamcarousel,
.carousel-item-mettcamcarousel[data-position="center-3"] .video-info-mettcamcarousel,
.carousel-item-mettcamcarousel[data-position="center-1"] .video-info-mettcamcarousel {
    background: rgba(0, 0, 0, 1);
}

.carousel-item-mettcamcarousel .video-user-mettcamcarousel {
    color: #ccc;
}

.carousel-item-mettcamcarousel .video-link-mettcamcarousel {
    color: white;
    background-color: #007bff;
}

.carousel-item-mettcamcarousel .video-link-mettcamcarousel:hover {
    background-color: #0056b3;
    color: white;
}

.video-container-mettcamcarousel {
    background-color: #000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.live-badge-mettcamcarousel {
    background-color: #dc3545;
    color: #FFF;
}

.carousel-nav-mettcamcarousel {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
}

.carousel-nav-mettcamcarousel:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Controles de video personalizados - SOLO COLORES */
.video-controls-mettcamcarousel {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
}

.control-btn-mettcamcarousel {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.control-btn-mettcamcarousel:hover {
    background: rgba(255, 255, 255, 0.2);
}

.control-btn-mettcamcarousel svg {
    fill: currentColor;
}

.volume-slider-mettcamcarousel {
    background: rgba(255, 255, 255, 0.2);
}

.volume-slider-mettcamcarousel:hover {
    background: rgba(255, 255, 255, 0.3);
}

.volume-slider-mettcamcarousel::-webkit-slider-thumb {
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.volume-slider-mettcamcarousel::-webkit-slider-thumb:hover {
    background: #007bff;
}

.volume-slider-mettcamcarousel::-moz-range-thumb {
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.volume-slider-mettcamcarousel::-moz-range-thumb:hover {
    background: #007bff;
}