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: white;
    -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;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    width: 200px;
    height: 50px;
}

#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: #1a3864; /* 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 .dxbl-btn {
        color: white;
        --dxbl-btn-active-color: #395e65;
        --dxbl-btn-hover-color: #d7d9dc;
    }

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

.header-left-side {
    background-color: #1a3864;
    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);
}

.xaf-navmenu a .xaf-nav-link {
    text-decoration: revert !important;
}

.dxbl-grid-command-cell .dxbl-btn-link > span {
    text-decoration: revert !important;
}

/*.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;
}*/


.badge {
    display: inline-block;
    padding: 0.6em 0.6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    box-shadow: 0 2px 2px rgb(0 0 0 / 0.2);
    /*width:90%;*/
}

/*.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 80%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.2rem;
}*/

.badge-yellow {
    color: #212529;
    background-color: #ffef14;
}

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

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



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


.badge-conditioned {
    color: #fff;
    background-color: #AF0035;
}

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





.Tarefa-background {
    background-color: darkviolet;
    border-color: violet;
}

.Tarefa-text {
    color: white;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.Reuniao-background {
    background-color: darkcyan;
    border-color: cyan;
}

.Reuniao-text {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.Visita-background {
    background-color: darkgreen;
    border-color: green;
}

.Visita-text {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}



.Chamada-background {
    background-color: darkorange;
    border-color: orange;
}

.Chamada-text {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.Outro-background {
    background-color: darkgray;
    border-color: gray;
}

.Outro-text {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}


.MyClass label {
    white-space: normal;
    word-wrap: break-word;
}


.dxbl-grid-group-row {
    background-color: #f2f2f2;
}

.ListViewColumnHeaderStyle {
    text-align: center;
}

.NumericPropertyEditorStylealign {
    text-align: right;
}

.NumericPropertyEditorStyleText {
    text-align: right;
    font-weight: bold;
}

.no-click {
    pointer-events: none;
}
.info-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: red;
    color: white;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

    .info-icon:hover {
        background-color: darkred;
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15), 0 3px 4px rgba(0, 0, 0, 0.12);
    }

 

.btn-info-hidden {
    display: none;
}

/*dashboard*/
.dx-pivotgrid {
    font-size: 9pt;
    font-weight: bold;  
}
.dx-word-wrap .dx-pivotgrid-area .dx-pivotgrid-vertical-headers span {
    white-space: nowrap;
    color: black;
    font-weight: bold;
    font-size: 9pt;
}


.dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
    border-bottom: 0;
    font-weight: bold;
    background-color: #1a3864;
}
.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { 
    color: White;
}

.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total, .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total {
    background-color: #cfcfcf;
    font-weight: bold;
}

.dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-total {
    background-color: #1a3864;
}

.dx-datagrid-headers.dx-datagrid-nowrap.dx-bordered-top-view {
    font-weight: bold;
    background-color: #1a3864;
    color: White;
    font-size: 9pt;
}

.dx-dashboard-caption-toolbar .dx-toolbar-items-container { 
    font-weight: bold;
}