/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
/*@import url('https://fonts.googleapis.com/css?family=Arimo');*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');*/

/* ATENCION FER Tambien se peude usar la fuente Nunito en lugar de Montserrat que esta muy bien */

/* Fuente por defecto para todo el sistema */
html, body {
    /*font-family: 'Montserrat', sans-serif;*/
    font-weight: 400;
    color: #333; /* ajusta según tu diseño */
    line-height: 1.5;
    font-size: 13.5px;
    background-color: #fff !important;
}

:root {
    --color-1: #2764A7;
    --color-1-alpha: rgba(113, 150, 78, 0.1);
    --color-2: #2764A7;
    --navbar-top: #2764A7;
    --navbar-left: #444444;
}

.dashCardsSmall .dashCardValueAmountFull {
    color: var(--color-2);
}

.dashCardValue {
    font-size: 1.5em !important;
}

.dashCard {
    border: none !important;
    border-radius: 3px !important;
}

.panelLogo {
    padding-left: 10px !important;
}

.panelLogo img {
    max-width: 150px;
}

#listContent .list-content .title .link .ellipsis {
    font-weight: normal;
}

#listContent .list-content-body td.title a {
    font-weight: normal;
}

#listContent .list-content .link {
    
}

.bx_btn .bx {
    
}

.list-content-table {
    font-size: 13px !important;
}

.statusActive {
    background-color: #97ffe5 !important;
}

.statusInactive {
    background-color: #efbcd3 !important;
}

#listContent .list-content .glow .glow_inner {
    padding: 5px 10px;
}

#listHeaderIntro .listHeaderInfo .listHeaderInfoIcon .bx  {
    font-size: 20px;
}

.list-header-buttons {
    height: 42px !important;
}


 
/********************************************/
/***********  PANEL TOP *********************/
/********************************************/

.panelTop {
    background-color: var(--navbar-top);
}

.panelTopLeft {
    max-width: 220px;
    min-width: 220px;
    background-color: var(--navbar-left);
}

.panelLogo {
    justify-content: flex-start;
    padding-left: 20px;
}


.panelTopSession {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}   

.panelTopSessionTips {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}

.panelTopSessionTip {
    font-size: 1em;
    color: #666;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.panelTopSessionTipTitle {
    font-weight: bold;
    margin-right: 5px;
}

.panelTopMiddle {
    justify-content: left;
}

.panelTopOperatorStatus {
    border: 2px solid var(--color-2);
}

.panelTopMenuItem {
    color: white;
    opacity: unset;
    /*border-right: 1px solid rgba(0,0,0,0.1);*/
}

.panelTopMenuItem:hover {
    color: wheat;
    opacity: 1 !important;
}

.panelTopMenuItemTitle {
    font-size: 0.9em;
    overflow: unset;
    height: unset;
    text-overflow: unset;
    word-break: unset;
}

.panelTopMenuItemIcon .bx {
    color: white;
    font-size: 20px;
}

.panelTopMenuItemSel {
    color: var(--color-2) !important;
    background-color: #fff;
}

.panelTopMenuItemSel .panelTopMenuItemTitle {
    /*color: var(--color-2) !important;*/
    font-weight: bold;
}

.panelTopMenuItemSel>.panelTopMenuInner>.panelTopMenuItemIcon>.bx {
    color: var(--color-2) !important;
}

.panelTop .panelNavTopTitle {
    color: white;
}

.panelTop .panelOperatorThemes {
    display: none;
}

/********************************************/
/***********  PANEL NAV *********************/
/********************************************/

.panelNavInner {
    /*position: unset;
    width: 220px;
    box-shadow: unset;*/
    background-color: var(--navbar-left);
}

.panelNavSearch {
    /*
    visibility: visible;
    opacity: 1;
    */
}

.panelNavMenuIcon .bx {
    color: white;
}

.panelNavMenuTitle {
    /*
    visibility: visible;
    opacity: 1;
    */
    font-size: 1.04em !important;
    text-transform: none !important;
}

.panelNavMenuTitle {
    color: white;
    font-size: 1.03em !important;
}

.panelNavItemTit {
    color: white !important;
}

.panelNavShow .panelNavBack {
    display: none;
}

.panelNavShow .panelNavInner {
    width: 220px;
}

.panelNavMenuSel {
    background-color: rgba(0,0,0,0.05) !important;
}

.panelNavMenuSel .panelNavMenuIcon .bx {
    color: #fff;
}

.panelNavItemIcon .bx {
    opacity: 0.6;
    color: white;
}

.panelNavSubMenuHeader {
    color: white;
}

.panelNavSubMenuHeaderIcon .bxs-right-arrow, .panelNavSubMenuHeaderIcon .bxs-down-arrow {
    color: white;
}

/********************************************/
/***********  PANEL IFRAME ******************/
/********************************************/

.panelContent .panelBody {
    background-color: #2c2e3e;
}

.panelContent .panelFrame {
    border-radius: 8px 0 0 0;
}

.panelContent .panelFrame iframe {
    border-radius: 8px 0 0 0;
}

/********************************************/
/***********  PANEL EMBED *******************/
/********************************************/

.panelEmbed {
    padding: 0px;
}

.panelEmbed #panel {
    border: unset;
    box-shadow: unset;
    border-radius: unset;
}

/********************************************/
/***********  LIST        *******************/
/********************************************/

#listHeaderIntro .listHeaderInfo .listHeaderInfoIcon,
#listHeader .btAdd:hover,
#launcher .launcherSlideButtonAction:hover,
.panelOperatorProfileButton,
.total_items {
    background-color: var(--color-2) !important;
}

#listHeader .btAdd,
#launcher .launcherSlideButtonAction {
    background-color: #444;
}

#listContent .list-content-header,
#listContent .list-header-buttons {
    background-color: #eff0f3;
}

#listContent .list-content .sectionHeader {
    
}

/********************************************/
/***********  APP         *******************/
/********************************************/

#panels .dash .header {
    background-color: var(--navbar-top);
}