
#onlymobilefooter {
    background-color: white;
    padding: 6px;
}
#onlymobilefooter .nav-item a {
    color: black;
}

#menumasmobile {
    background-color: white;
    color: black;
}

.proximamente i {
    opacity: 1;
}

.proximamente .title {
    opacity: 1;
}

.proximamente .badge {
    position: absolute;
    right: 10px;
    opacity: 0.6;
    display: none;
}
#menumasmobile .proximamente .badge {
    position: initial;
    right: 28px;
    opacity: 0.9;
    top: 10px;
    font-size: 8px;
/**    color: #ccc !important; **/
    display: none;
    
}

.bg-primary, .btn-primary {
    /** color: #FA575F !important; **/
}

.btn-primary {
    --btn-color: #fff;
    --btn-bg: #FA575F !important;
    --btn-border-color: #FA575F !important;
    --btn-hover-color: #fff;
    --btn-hover-bg: #FA575F !important;
    --btn-hover-border-color: #FA575F !important;
    --btn-focus-shadow-rgb: 48, 150, 255;
    --btn-active-color: #fff;
    --btn-active-bg: #FA575F !important;
    --btn-active-border-color: #FA575F !important;
    --btn-active-shadow: inset 0 0 0 0 transparent;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #FA575F !important;
    --btn-disabled-border-color: #FA575F !important;
}

[data-color-theme=dark], html[data-color-theme=dark] [data-color-theme] {
    --link-color: #FA575F !important;
    --link-rgb-color: 109, 181, 255;
    --link-hover-color: #FA575F !important;
    --highlight-bg: rgba(255, 255, 255, 0.3);
}

#onlymobilefooter #menu_home.active img {
    border-bottom: 4px solid #FA575F !important;
}



:root, [data-color-theme=light] {
    --component-active-bg: #FA575F !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(12, 131, 255, 0.25);
    --pink: #f35c86;
    --teal: #26A69A;
    --yellow: #ffd648;
    --primary: #FA575F !important;
    --secondary: #247297;
    --success: #059669;
    --info: #049aad;
    --warning: #f58646;
    --danger: #EF4444;
    --light: #F3F4F6;
    --dark: #252b36;
    --black: #000;
    --white: #fff;
}

.bg-primary {
    background-color: #FA575F !important;
}
.bg-success {
    background-color: #FA575F !important;
}

.card-header {
    padding: 10px 20px  !important;
}

#barrafooter .navbar-nav-link.active .title {
    border-bottom: 4px solid #FA575F !important;
}



@media (max-width: 576px) {
    .mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
        background: #FA575F !important;
        border-color: #FA575F !important;
    }
}

.mbsc-event-content.selected {
    background-color: #FA5760 !important;
    color: white !important;
}

@media (max-width: 574px) {
    .mbsc-event.selected {
        background-color: #FA575F !important;
    }
}

.mbsc-ios.mbsc-calendar-button.mbsc-button {
    color: #FA575F !important;
    border: none;
    background-color: transparent;
}


.fb-scrollspy li.active {
    border-left: 4px solid #FA575F;
    color: #FA575F !important;
}

body {
  /**
    scrollbar-color: rgba(240, 240, 240, 0.2);    
    **/
    /** scrollbar-width: thin; **/
  
  
}

/**
body::-webkit-scrollbar {
    width: 2px;
}

body::-webkit-scrollbar-track {
    background: transparent;
  }
body::-webkit-scrollbar-thumb {
    background-color: rgba(240, 240, 240, 0.1);
    border-radius: 5px;
     border: transparent; 
  }
**/

#saldoexpensa .panel {
    background-color:#FA575F !important;
}


#tablactacte_table tr:nth-child(even) td {
    background-color: rgba(250,87,95,0.2) !important;
    background-color: rgba(255,69,0,0.2) !important;
}

.titel-table {
    background-color: #FA575F !important;
    color: white;

}
