html, body {
    height: 98%;
}

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: black;
    -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: 40%;
    width: 210px;
    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: #85C226; /* 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: #85C226;
    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-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;
}

.blinking-badge {
    animation: blink-color 2s infinite;
}

@keyframes blink-color {
    0% {
        background-color: red;
        color: white; /* letras brancas quando fundo vermelho */
    }

    50% {
        background-color: transparent;
        color: red; /* letras red quando fundo some */
    }

    100% {
        background-color: red;
        color: white; /* volta ao normal */
    }
}




.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: #85C226;
}

.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: #85C226;
}

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

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

.cssHideAction {
    visibility: hidden;
    display: none;
}

/* Overlay to block interactions with the page */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 9998; /* Below the alert box */
}

/* Custom alert box */
.custom-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ff0017;
    color: white;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #ff0017;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999; /* On top of the overlay */
}

    /* Style for the button */
    .custom-alert button {
        background-color: black;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
    }

        .custom-alert button:hover {
            background-color: #616161;
        }

/*
.btn-custom {
    border-radius: 10px;
    font-weight: bold;
    font-size:30pt;
    background-color: #0066ff;
    color: white;
}*/

/* Estilo para o botão "Iniciar Serviço" */
/*button[data-action-name="Diagnostico"],
button[data-action-name="PausarD"],
button[data-action-name="FinalizarD"],
*/ /*button[data-action-name="Iniciar"],
button[data-action-name="Iniciado"],
button[data-action-name="Pausar"],
button[data-action-name="Pausado"],
button[data-action-name="Concluir"],
button[data-action-name="Concluido"] {
    font-size: 12px;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    width: 100%;
    height: 40px;
}*/

.cssActionDiagInit {
    font-size: 16px;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    width: 100%;
}

/*.cssActionInitProcessOS {
    width: 100%;
}*/

.cssTempoPercorridoAtual {
    width: 100%;
}


/* Estilo específico por botão */
button[data-action-name="Iniciar"] {
    background-color: whitesmoke;
    color: black;
}

button[data-action-name="Iniciado"] {
    background-color: lime;
    color: black;
}

button[data-action-name="Pausar"] {
    background-color: whitesmoke;
    color: black;
}

button[data-action-name="Pausado"] {
    background-color: lime;
    color: black;
}

button[data-action-name="Concluir"] {
    background-color: whitesmoke;
    color: black;
}

button[data-action-name="Concluído"] {
    background-color: lime;
    color: black;
}

    button[data-action-name="Concluido"].dxbl-disabled {
        background-color: lime;
        color: black;
    }



div[data-item-name="Tempo Percorrido"] + dxbl-date-time-edit input.dxbl-text-edit-input {
    height: 100px;
    text-align: center;
    font-size: 40pt;
    font-weight: bold;
    width: 100%;
    background-color: whitesmoke;
    color: red;
}

/* Change a header's font color */
.cssOsCommandStatusDiag .dxbl-group .dxbl-group-header .dxbl-text {
    color: white
}

/* Change a header's background color */
.cssOsCommandStatusDiag .dxbl-group .dxbl-group-header {
    text-align: center;
    background-color: #85C226;
    text-align: center;
    align-content: center;
    font-weight: 700;
}


/* Change a header's font color */
.cssOsCommandStatusRep .dxbl-group .dxbl-group-header .dxbl-text {
    color: white
}

/* Change a header's background color */
.cssOsCommandStatusRep .dxbl-group .dxbl-group-header {
    text-align: center;
    background-color: #85C226;
    text-align: center;
    align-content: center;
    font-weight: 700;
}

    /* Change a header's font color */
.cssOsCommandStatusTmp .dxbl-group .dxbl-group-header .dxbl-text {
    color: white
}

/* Change a header's background color */
.cssOsCommandStatusTmp .dxbl-group .dxbl-group-header {
    text-align: center;
    background-color: black;
    text-align: center;
    align-content: center;
    font-weight: 700;
}

    /* Change a header's font color */
/*.cssOsGroups .dxbl-group .dxbl-group-header .dxbl-text {
    color: white
}
*/
/* Change a header's background color */
.cssOsGroups .dxbl-group .dxbl-group-header {
   
    font-weight: 700;
}



.cssGroupOsFuncCommandStatus {
    position: sticky;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: white;
    transition: left 0.3s ease, width 0.3s ease;
}

/*.xaf-navmenu h-100 xaf-accordion dxbl-accordion ~ .cssGroupOsFuncCommandStatus {
    margin-left: 240px;
    width: calc(100% - 240px);
}*/



/*.cssGroupOrdemServFunc {
    margin-top: 135px;*/ /* ou o valor necessário para afastar do fixo */
/*position: relative;*/ /* pode manter se necessário */
/*z-index: 1000;*/
/*}

.cssItemEspClienteServico {
    margin-top: 200px;*/ /* ou o valor necessário para afastar do fixo */
/*position: relative;*/ /* pode manter se necessário */
/*}

.cssItemEquipamento {
    margin-top: 300px;*/ /* ou o valor necessário para afastar do fixo */
/*position: relative;*/ /* pode manter se necessário */
/*}*/