html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

/*.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/Logo.svg');
    mask: url('../images/Logo.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 180px;
    height: 24px;
}*/

.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/Fotor122125810.png');
    mask: url('../images/Fotor122125810.png');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 90%;
    mask-size: 90%;
    width: 200px;
    height: 35px;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

th, .card-header {
    /*background: linear-gradient(#fcfcfc,#ececec,#ececec);*/
}


.header-right-side {
    background-color: hsl(204, 35%, 39%);
    color: white;
    /* background: black;*/
    /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#0179ae, #12a6e8, #12a6e8);*/
    /*   For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#0179ae, #12a6e8, #12a6e8);*/
    /*  For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#0179ae, #12a6e8, #12a6e8);*/
    /*  For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0179ae,#12a6e8,#12a6e8);*/
    box-shadow: 8px 0px 8px #000000 !important;
    /*  z-index: 1;*/
}

    .header-right-side .btn   {
        color: white;
    }

    .header-right-side .xaf-btn {
        color: black;
    }

.header-left-side {
    background-color: hsl(204, 35%, 39%);
    color: white;
    /* background: black;*/
    /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#0179ae, #12a6e8, #12a6e8);*/
    /*   For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#0179ae, #12a6e8, #12a6e8);*/
    /*  For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#0179ae, #12a6e8, #12a6e8);*/
    /*  For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0179ae,#12a6e8,#12a6e8 );*/
    box-shadow: 0px 0px 8px #000000 !important;
}


.dxbs-tree ul.nav > li > a > span {
    /*  background-color: #eae8e8;*/
    /*width: 18px;
    height: 18px;*/
    /*margin-right: 3px;*/
    /*content: url('../IImageService/BO_Dashboard');*/
   /* font-weight:bold;*/
}

/*.xaf-action xaf-nav-link > span {
    font-weight: bold;
}*/

.xaf-view-caption-lg {
    font-size: 12pt;
    font-weight: normal;
}

 
.dxbs-grid-header-content {
    justify-content: center;
    text-align:center;
    align-items:center;
}


.xafPopup.dxbs-popup {
    max-width: 1000px !important;
}

.nav-item .nav-item .xaf-nav-link:before {
    width: 20px;
    height: 20px;
    margin-right: 3px;
  
    filter: grayscale(0); 
}

/*.nav-item:nth-child(1) .xaf-nav-link:before {
    content: url('../IImageService/BO_Dashboard');*/
    /* color: white;
    background-color: white;*/
    /* filter: grayscale(4);*/
    /* content: "\f834";*/
/*}*/

/*Dashboard*/
.nav-item:nth-child(1) .nav-item:nth-child(1) .xaf-nav-link:before {
    content: url('../IImageService/BO_Dashboard'); 
}

/*Contactos*/
.nav-item:nth-child(1) .nav-item:nth-child(2) .xaf-nav-link:before {
    content: url('../IImageService/BO_Contact');
}

/*Clientes*/ 
.nav-item:nth-child(1) .nav-item:nth-child(3) .xaf-nav-link:before {
    content: url('../IImageService/AllowUsersToEditRanges');
}

/*Orçamentos*/ 
.nav-item:nth-child(1) .nav-item:nth-child(4) .xaf-nav-link:before {
    content: url('../IImageService/BO_Quote');
    
}

/*Negocios (Lista)*/
.nav-item:nth-child(1) .nav-item:nth-child(5) .nav-item:nth-child(1) .xaf-nav-link:before {
    content: url('../IImageService/InsertDataField');
    /* content: url('../IImageService/Business_Report');*/
}

/*Negocios (board)*/ 
.nav-item:nth-child(1) .nav-item:nth-child(5) .nav-item:nth-child(2) .xaf-nav-link:before {
    /* content: url('../IImageService/Business_Report');*/
    content: url('../IImageService/CellsAutoHeight');
}

/*Atividades (Lista)*/ 
.nav-item:nth-child(1) .nav-item:nth-child(6) .nav-item:nth-child(1) .xaf-nav-link:before {
    content: url('../IImageService/ActionGroup_EasyTestRecorder');
}

/*Atividades (Calendario)*/ 
.nav-item:nth-child(1) .nav-item:nth-child(6) .nav-item:nth-child(2) .xaf-nav-link:before {
    content: url('../IImageService/Actions_Calendar');
}


/*Tabelas (Canais)*/
.nav-item:nth-child(2) .nav-item:nth-child(1) .xaf-nav-link:before {
    content: url('../IImageService/ModelEditor_Localization');
}

/*Tabelas (Paises)*/
.nav-item:nth-child(2) .nav-item:nth-child(2) .xaf-nav-link:before {
    content: url('../IImageService/BO_Country');
}

/*Tabelas (Industrias)*/
.nav-item:nth-child(2) .nav-item:nth-child(3) .xaf-nav-link:before {
    content: url('../IImageService/Action_StateMachine');
}

/*Tabelas (Departamentos)*/
.nav-item:nth-child(2) .nav-item:nth-child(4) .xaf-nav-link:before {
    content: url('../IImageService/BO_Department');
}

/*Tabelas (Pipeline)*/
.nav-item:nth-child(2) .nav-item:nth-child(5) .xaf-nav-link:before {
    content: url('../IImageService/ArrangeGroups');
}

/*Tabelas (Produtos)*/
.nav-item:nth-child(2) .nav-item:nth-child(6) .xaf-nav-link:before {
    content: url('../IImageService/BO_Product');
}

/*Tabelas (Impostos)*/
.nav-item:nth-child(2) .nav-item:nth-child(7) .xaf-nav-link:before {
    content: url('../IImageService/AccountingNumberFormat');
}

/*Tabelas (Unidades de Medida)*/
.nav-item:nth-child(2) .nav-item:nth-child(8) .xaf-nav-link:before {
    content: url('../IImageService/RulerHorizontal');
}

/*Relatórios (Relatórios)*/
.nav-item:nth-child(3) .nav-item:nth-child(1) .xaf-nav-link:before {
    content: url('../IImageService/Chart');
}

/*Relatórios (Relatórios)*/
.nav-item:nth-child(3) .nav-item:nth-child(2) .xaf-nav-link:before {
    content: url('../IImageService/BO_Report');
}

/*Configurações (Empresa)*/
.nav-item:nth-child(4) .nav-item:nth-child(1) .xaf-nav-link:before {
    content: url('../IImageService/ChartType_StepArea3D');
}

/*Configurações (Utilizadores)*/
.nav-item:nth-child(4) .nav-item:nth-child(2) .xaf-nav-link:before {
    content: url('../IImageService/BO_User');
}

/*Configurações (Funções)*/
.nav-item:nth-child(4) .nav-item:nth-child(3) .xaf-nav-link:before {
    content: url('../IImageService/BO_Role');
}

.xaf-action xaf-nav-link {
    font-weight: bold !important;
}