/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/* ALGUNS STYLES INLINE MANTIDOS: display; height; width - POIS SÃO UTILIZADOS PARA CONTROLE */

/*#region DEFINIÇÕES DE VARIÁVEIS DE ESTILO */
:root {
    /* CORES */

    .dx-customize-popover-layer .dx-popup-content {
        background-color: var(--bg-tooltip-layer);
        padding: 4px;
        overflow: auto;
    }

    .dx-customize-popover-layer .dx-popup-content .image-layer-hover {
        display: block;
    }

    .dx-customize-popover-layer .dx-popup-content::-webkit-scrollbar {
        width: 11px;
    }

    .dx-customize-popover-layer .dx-popup-title {
        max-height: 29px;
        padding-right: 0;
        background-color: var(--bg-menu-item);
    }

    .dx-customize-popover-layer .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
        height: 29px;
        width: 100%;
        position: relative;
        justify-content: flex-end;
        display: flex;
    }

    .dx-customize-popover-layer .dx-button-has-icon .dx-button-content {
        padding: 5px;
    }

    .dx-customize-popover-layer .dx-popup-title.dx-toolbar .dx-toolbar-after {
        padding-left: 0px;
        position: relative;
        padding-right: 0px;
        transform: scale(0.7);
    }

    .dx-customize-popover-layer .dx-popover-wrapper .dx-popup-title.dx-toolbar {
        background: var(--bg-menu-item);
        background-color: var(--bg-menu-item);
        padding-left: 0;
        padding-right: 0;
    }

    .dx-customize-popover-layer .dx-button-has-icon .dx-icon {
        width: 19px;
        height: 19px;
    }

    .solicitacoes_anexar_fase {
        margin-right: 5px;
        background-color: #5F798A;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-color: #95A6B1;
    }

    .btn.disabled,
    .btn:disabled {
        opacity: .45;
    }

}

body[data-theme="light-mode"] {
    --border-frame: lightgrey;
    /* SUBSTITUIR */
    --selected-item-light: rgb(255 255 255 / 0, 10);
    --selected-item-dark: rgb(0 0 0 / 0, 45);
    --label-color: black;
    --icon-color: white;
    --bg-general: #ececec;
    /* #1a2226 */
    --bg-general-hover: #5d5d5d;
    /* #374c53b3 */
    --color-font: #2f2f2f;
    /* white */
    --color-act-layers: #2f2f2f;
    /*#b8c7ce*/
    --bg-panel-cookies: #ececec;
    --bg-preview-rastreador-text: #121212B2;
    --color-panel-cookies: #2f2f2f;
    --bg-frame-panel-cookies: #cecece;
    --color-frame-panel-cookies: #2f2f2f;
    --zoom-button: rgb(255 255 255 / 60%);
    --item-hover: rgba(255, 255, 255, 0.5);
    --blackorwhite: black;
    --whiteorblack: white;
    --toast-success: green;
    --toast-warning: goldenrod;
    --toast-info: dodgerblue;
    --toast-error: orangered;
    --toast-welcome: 2f2f2f;
    --toast-loading: royalblue;
    --toast-download: green;
}

body[data-theme="dark-mode"] {
    --border-frame: lightgrey;
    /* SUBSTITUIR */
    --selected-item-light: rgb(255 255 255 / 0, 10);
    --selected-item-dark: rgb(0 0 0 / 0, 45);
    --label-color: black;
    --icon-color: white;
    --bg-general: #1a2226;
    --bg-general-hover: #374c53b3;
    --color-font: white;
    --color-act-layers: #b8c7ce;
    --bg-panel-cookies: #1a2226;
    --color-panel-cookies: white;
    --bg-frame-panel-cookies: #222d32;
    --bg-frame-panel-termosUso: #FFFFFF;
    --bg-panel-termosUso: #00000099;
    --bg-preview-rastreador-text: #B7B7B7;
    --color-frame-panel-termosUso: rgb(0, 0, 0);
    --color-frame-panel-cookies: white;
    --zoom-button: rgba(26, 34, 38, 0.6) !important;
    --item-hover: rgba(0, 0, 0, 0.5);
    --blackorwhite: white;
    --whiteorblack: black;
    --toast-success: #88ff74;
    --toast-warning: #fffc74;
    --toast-info: #74ebff;
    --toast-error: #ff7474;
    --toast-welcome: #ffffff;
    --toast-loading: #74b7ff;
    --toast-download: #88ff74;
}

/*#endregion */

/*#region ATRIBUÍDOS POR ELEMENTO */

html {
    /* Sticky footer styles */
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
    overflow: hidden;
}

input[type="file"] {
    display: none !important;
}

/*#endregion */

.btn-dark {
    color: var(--color-font);
    background-color: var(--bg-menu-item-hover);
    border-color: var(--bg-menu-item-hover);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: var(--color-font);
    background-color: var(--bg-layer-hover);
    border-color: var(--bg-layer-hover);
}

.btn-dark:hover {
    background-color: var(--whiteorblack);
    border-color: var(--whiteorblack);
    color: var(--blackorwhite);
}

.btn-secondary {
    color: var(--color-font);
}

.bg-dark {
    background-color: var(--bg-arrow) !important;
}

.text-white {
    color: var(--blackorwhite) !important;
}

/*#region ATRIBUÍDOS POR ID */
#grpPosicoes button {
    margin: 0.125rem;
    height: 1.5rem;
}


/*#region SearchResult */
@media only screen and (max-height: 438px) {
    #footerSlideContainer {
        max-height: calc(100% - 4.35rem) !important;
    }

    #searchResults {
        height: calc(100vh - 8.45rem) !important;
        /*7.7rem elements + 3.75rem mob browsers navbar*/
        overflow: auto;
    }
}

#footerSlideContainer {
    position: fixed;
    height: 1.6rem
        /*2.4rem*/
    ;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
    text-align: center;
    background: var(--bg-main-menu);
}

#footerSlideButton {
    border: none;
    cursor: pointer;
    margin: 0px !important;
    border-radius: 50px;
    background-color: #343a40;
    color: white;
}

#footerSlideButton-circle {
    color: white;
}

#footerSlideButton-arrow {
    cursor: pointer;
}

#footerSlideButton-arrow>i {
    font-size: 0.8rem !important;
    color: var(--color-font);
    transition: ease .5s;
}

#footerSlideContent {
    width: 100%;
    height: 0px;
    color: #333;
    font-size: 0.8em;
}

#footerSlideText {
    padding: 5px 15px 0 15px;
    width: 100%;
    height: 40px;
}

.btn-search-result-button {
    color: #fff;
    background-color: #255782 !important;
    border: 0px;
}

.btn-search-result-button:hover {
    color: #fff;
}

#dadosTabelaQtdLinhas {
    font-weight: 600;
    font-size: 0.8rem;
    padding-left: 1rem;
    color: white;
    text-align: left;
}

/*#endregion */

#DadosGenericos>tbody>tr>td {
    min-width: min-content;
}

#statusMsg {
    font-size: 14px;
}

#compass {
    -webkit-filter: drop-shadow(2px 2px 2px white) drop-shadow(-2px -2px 2px white);
    filter: drop-shadow(2px 2px 2px white) drop-shadow(-2px -2px 2px white);
}

#tableStatus {
    margin: 5px;
}

#tableStatus thead td {
    padding: 5px;
    border: solid 1px rgba(0, 0, 0, 0.7) !important;
}

#tableStatus tbody td {
    border: solid 1px rgba(0, 0, 0, 0.3) !important;
    padding: 3px;
}

#dadosTabela {
    white-space: nowrap;
    height: inherit !important;
}

#dashboardPanelContainer h1 {
    font-size: 20pt;
}

/*#endregion */

/*#region ATRIBUÍDOS POR CLASSE */
.link-cookies {
    cursor: pointer;
    color: #007bff !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

.panel-cookies {
    transition: all 0.4s ease;
    bottom: 0;
    position: absolute;
    width: 100%;
    background: var(--bg-panel-cookies);
    z-index: 9999;
    color: var(--color-panel-cookies);
}

.panel-cookies-content {
    overflow: auto;
    height: 125px;
}

.cookies-policy {
    min-height: 10rem;
    background: var(--bg-frame-panel-cookies);
    padding: 1rem;
    color: var(--color-frame-panel-cookies);
}

.title-page-web {
    font-size: 1rem;
    color: var(--color-font);
    top: 50%;
    font-variant: small-caps;
}

/*#region INFO */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #343a40;
    border: 1px solid #454d55;
}

a {
    color: #707982;
    text-decoration: none;
    background-color: transparent;
}

.photo-frame {
    height: 19.4rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #2c3b41;
}

.no-image {
    color: rgba(255, 255, 255, 0.3);
    /* text-align: center; */
    position: absolute;
    font-size: 5rem;
}

#improveImg {
    bottom: 0.2rem;
    left: 0.2rem !important;
}

.filterImproveImg {
    filter: brightness(1.8) contrast(1.8);
}

.info-content {
    width: calc(100% - 1rem);
    height: 100%;
    background: var(--bg-main-menu);
}

.info-fechar-div {
    width: 1rem;
    text-align: center;
    display: inline-flex;
    align-items: center;
}

.info-fechar {
    line-height: 3rem;
    color: var(--color-font);
    /*top: 0.6rem;*/
    position: relative;
    background: var(--bg-main-menu);
    border-radius: 1rem 0 0 1rem;
    cursor: pointer;
    width: 1rem;
    height: 5rem;
    display: none;
    align-items: center;
    justify-content: center;
}

.info-fechar::after {
    content: "";
    position: absolute;
    background-color: #00000000;
    bottom: -32px;
    height: 33px;
    width: 9px;
    border-top-right-radius: 25px;
    box-shadow: 0 -25px 0 0 var(--bg-main-menu);
    right: 0;
}

.info-fechar::before {
    content: "";
    position: absolute;
    background-color: #00000000;
    bottom: 78px;
    height: 33px;
    width: 9px;
    border-bottom-right-radius: 25px;
    box-shadow: 0 25px 0 0 var(--bg-main-menu);
    right: 0;
}

#fecharInfo i {
    font-size: 0.8rem;
    vertical-align: middle;
}

.buttons-img-aerea-info {
    position: absolute;
    z-index: 5;
    margin: 0.5rem;
    color: white;
    right: 0px;
    bottom: 0px;
    display: flex;
}

.btns-info {
    color: #e6e6e6;
    border-radius: 1.1rem;
    background-color: rgba(0, 0, 0, 0.5);
    width: 2rem;
    height: 2rem;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 2rem;
}

.btns-info:hover {
    background-color: rgba(55, 76, 83, 1);
    cursor: pointer
}

.hidden-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.label-ano-carrousel {
    z-index: 2;
    position: absolute;
    top: 0.2rem;
    right: 0.5rem;
    -webkit-text-stroke: 1px black;
    color: #FFFFFF;
    font-size: 1.3rem;
    /*2rem;*/
    font-weight: bolder;
    text-shadow: 0px 0px 3px black;
}

.item-foto-360 {
    z-index: 2;
    position: absolute;
    background-color: #00000090;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    color: #FFFFFF;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
}

.item-foto-360 i {
    padding: 0.5rem;
    cursor: pointer;
}

.label-angulo {
    top: 0.5rem;
    right: 0.5rem;
}

#timeline {
    width: fit-content;
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

#btnCompararFotos {
    cursor: pointer;
    color: #FFFFFF;
    border-radius: 50%;
}

#AcoesFoto360 {
    top: 0.5rem;
    left: .5rem;
    padding: 0.25rem 0.35rem;
}

#btnFotosLateraisAutomaticamente {
    border-radius: 5rem;
}

#btnFotosLateraisAutomaticamente.active {
    background: #00000090;
}

.botao-foto-lateral-esquerda,
.botao-foto-lateral-direita {
    padding: 4px 16px;
    background-color: #00000090;
    border-radius: 1rem;
}

.foto-lateral-texto {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16.8px;
    line-height: 20px;
    color: #FFFFFF;
}

.foto-lateral-navegacao {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: 0;
}

.foto-lateral-navegacao i {
    position: absolute;
    cursor: pointer;
    font-size: 5rem;
    margin: 0 1rem;
    color: #FFFFFF;
    text-shadow: 0px 0px 3px black;
    -webkit-text-stroke: 1px black;
}

.foto-lateral-navegacao #btnDownloadImg {
    font-size: 1rem;
    left: -5px;
    top: 5px;
    background: #00000090;
    padding: 0.4rem;
    border-radius: 0.9rem;
    -webkit-text-stroke: 0;
    text-shadow: none;
}

.foto-lateral-navegacao i[data-value="esquerda"] {
    left: 0;
}

.foto-lateral-navegacao i[data-value="direita"] {
    right: 0;
}

.fotos-proximas {
    position: absolute;
    display: flex;
    justify-content: center;

    width: 100%;
    bottom: 0;
    gap: .5rem;
    height: 5.5rem;
    margin-bottom: 1rem;
}

.fotos-proximas img {
    height: 100%;
    border: 2px solid #FFFFFF;
    z-index: 9;
    opacity: .7;

    cursor: pointer;
}

/*#endregion */
.div-options {
    line-height: 1.7rem !important;
}

.control-label {
    font-weight: bold;
}

.temporaryHightlight {
    border: 2px solid #ff0000e8;
    background-color: #870505ba !important;
}

.guide_removeLine {
    cursor: pointer;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.HR {
    background: #2c3b41 !important;
    cursor: default;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px;
    /* Vertically center the text there */
}

.hide-element {
    display: none !important;
}


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.contextmenulayer,
.contextmenuTematiclayer {
    cursor: pointer;
}

.btn-close-comparison {
    font-size: 12px;
    top: .5rem;
    position: absolute;
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: .5rem;
    color: var(--icon-color);
    z-index: 2;
    cursor: pointer;
    background-color: #00000090;
    padding: .5rem;
    border-radius: 50%;
}

.photoContainer {
    background: #222d32;
    padding-top: 0px;
}

.activate-all-layers {
    color: var(--color-act-layers);
}

.lista-acessos-usuario {
    border-radius: 7px;
    border: solid 1px;
    border-color: lightgrey;
    height: 16.8rem;
    margin: 5px;
    padding: 5px;
    overflow: auto;
}

/*#region Consultar Documentos - Plano Diretor */
.formulario-linha {
    margin: .6rem .5rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
}

.formulario-label {
    min-width: max-content;
    font-size: 1rem;
}

.selected-item-list {
    background: var(--selected-item-light);
}

/*#endregion */


/*#region JSPanel */

.btn-color-hcontrols {
    color: var(--icon-color);
}

/*#endregion */

/*#region Grupos de Camadas */

.colors,
.icons {
    height: 1.7rem;
    width: 1.7rem;
    border: 0.0625rem solid var(--border-frame);
    margin: 0.1rem 0;
    padding: 0;
}

.color-div,
.icon-div {
    /*margin: 0.3rem;*/
    display: inline-grid;
    justify-items: center;
}

.color-component,
.icon-component {
    border: 0.0625rem solid var(--border-frame);
    display: flow-root;
    border-radius: 1rem;
    padding: 0.6rem;
    height: 7.4rem;
    overflow: hidden auto;
}

.nome-grupo {
    white-space: nowrap;
    width: 127px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*#endregion */


/*#region Aplicativos */

@media only screen and (max-width: 700px) {
    .main-container-app {
        display: inline-grid !important;
        height: auto !important;
    }

    .toolbox-propriedades-app {
        min-height: 8rem !important;
        margin-right: 0 !important;
        margin-bottom: 0.3125rem !important;
    }

    .propriedades-componentes {
        display: block !important;
    }
}

.title-card-app {
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #1a2226;
    background: #1a2226;
    padding: 0.1em;
    text-align: center;
}

.container-preview-app {
    padding: 5px;
    width: 100%;
    margin: auto;
    overflow-y: auto;
    overflow-x: hidden;
    background: repeating-linear-gradient(45deg, #f3f3f3, #f3f3f3 11px, #e6e6e6 11px, #e6e6e6 22px);
    height: 100%;
    min-height: 6rem;
}

.hlight {
    background-color: #222d32 !important;
    color: #fff !important;
    border: unset;
}

.componente-app {
    /*margin-bottom: 0.3em;*/
}

.componente-app>i {
    font-size: 1rem;
}

.atributocomponente {}


.toolbox-propriedades-app {
    border: 1px solid #000;
    min-width: 22.75rem;
    display: table-cell;
    border-radius: 5px;
    margin-right: 5px;
}

/* Box de cada tag */
.tagApp {
    display: inline-flex;
    min-height: 2rem;
    height: auto;
    border: solid rgba(0, 0, 0, 0.1) 1px;
    background-color: rgba(0, 0, 0, 0.1);
    color: black;
    padding: 3px;
    border-radius: 5px;
    width: 100%;
    word-break: break-all;
    vertical-align: middle;
}

.tagComponente {
    align-items: center;
    display: inline-flex;
    margin: 2px 0px 2px 0px;
    width: 100%;
    padding: 3px;
    border-radius: 5px;
    border: 1px solid lightgray;
}

.tagNameApp {
    width: 100%;
    display: inline-flex;
}


.tagMove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    cursor: grab;
    color: gray;
}

.tagMove:active {
    cursor: grabbing;
}

.tagMove:hover {
    color: black;
}

/* Botão de fechar */
.tagRemStyle {
    width: 2rem;
    border-radius: 35%;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
}

.custom-btn svg {
    margin-right: 8px;
    flex-direction: row-reverse;
}


.custom-btn {
    height: 45px;
    border-radius: 3px;
    border: 1px solid #EBEBEB;
    background: #F6F6F6;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.tagRemoveComponente:hover {
    color: black;
}

.componente-inativo {
    filter: opacity(0.5);
}

.div-labels {
    text-align: right;
    padding: 0px 3px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.div-labels>label {
    margin-bottom: 0 !important;
    word-break: break-word;
}

.div-components {
    text-align: left;
    padding: 0px 3px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.div-components>input {
    overflow: hidden;
    width: inherit !important;
}

.div-components>input[type=checkbox] {
    width: auto !important;
}


/*TAGS INSERIDAS*/
.componentes-app {
    display: inline-flex !important;
}


.toolbox-app {
    margin: 5px;
    border: solid 1px;
    border-radius: 5px;
    /*min-width: 890px;*/
}

.main-container-app {
    /*ALTERADO PARCIALMENTE*/
    display: inline-flex;
    /*padding: 0px 15px 0px 15px; <-- REMOVIDO*/
    width: 100%;
    padding: 0px 5px 5px 5px;
    height: calc(73%);
    min-height: 8rem;
}

.preview-app {
    /*height: 75%;*/
    margin: 0;
    border: 1px solid;
    overflow: hidden;
    border-radius: 5px;
    /*min-width: 585px;*/
    /*min-height: 18.75rem;*/
    /*display: table-cell; <-- REMOVIDO*/
    width: 100%;
    /*ADICIONADO*/
}

.label-properties-app {
    width: 30%;
    margin: 3px;
    text-align: right;
}

.properties-app {
    width: 70%;
    margin: 3px;
    text-align: left;
    display: inline-flex;
}

.properties-app>input[type=text],
select {
    width: 100%;
}

.row-properties-app {
    display: inline-flex;
    align-items: center;
}

.container-propriedades-componentes-app {
    display: inline-grid;
    text-align: left;
    width: 100%;
    padding: 3px;
    max-height: calc(100% - 3.4rem);
    overflow: auto;
    height: fit-content;
}

.container-name-app {
    display: inline-grid;
    width: 100%;
    margin: 10px;
}

.app-header {
    display: inline-flex;
    vertical-align: middle;
    line-height: 25px !important;
    margin-bottom: 0.5rem;
}

.app-header>label {
    width: 140px;
    text-align: right;
    line-height: unset;
    margin-right: 3px !important;
}

.app-header>input,
select {
    /*width: 70%;*/
}

.app-data {
    margin: 5px;
    border: solid 1px;
    border-radius: 5px;
    /*min-width: 890px;*/
}

.app-data .card {
    border: none;
    margin: unset !important;
    border-radius: unset !important;
}

.btn-carregar-app {
    background: lightgray;
    border: solid 1px darkgray;
}

.btn-carregar-app:hover {
    background: #f5f5f5;
    border: solid 1px lightgray;
}

.btn-carregar-app:focus {
    background: lightgray;
    border: solid 2px darkgray;
}

.btn-add-componente-app {
    /* position: unset !important;*/
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #dedede;
    border-radius: 0px 0px 4px 4px;
}

.propriedades-componentes-app {
    position: relative;
    height: 100%;
    display: flex;
}

.table-container-app {
    border-radius: 0.4375rem;
    border: solid 0.0625rem;
    border-color: lightgrey;
    margin: 0.3125rem;
    padding: 0.3125rem 20.125rem 0.3125rem 0.3125rem;
    overflow: auto;
    height: 12.5rem;
}

.dados-tabela-app {
    table-layout: auto !important;
    white-space: nowrap !important;
    border: 0.0625rem solid #c5c5c5;
}

#dadosTabelaAppSolicitacoes tbody tr.selected,
#ResultadoRegs tbody tr.selected {
    background: #0f1317 !important;
}

.dados-tabela-app>tbody>tr:hover {
    background: #0f1317 !important;
}

.dados-tabela-app>tbody>tr {
    cursor: pointer;
}

.dados-tabela-app th,
.dados-tabela-app td {
    padding: 0.125rem 0.25rem 0.125rem 0.25rem;
    border: 0.0625rem solid #c5c5c5;
}

.dados-tabela-app th {
    text-align: center;
    background-color: #ececec;
}

.dados-tabela-app td {
    text-align: left;
}

.data-search-container {
    overflow: auto;
}

.content-tools {
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 6px;
    height: auto;
    width: auto;
    background-color: #ececea;
    margin: 5px;
    overflow: auto hidden;
}


.componenteapp,
.componente-app {
    display: inline-grid !important;
    align-items: center !important;
    text-align: center;
}

.componenteapp:hover,
.componente-app:hover {
    border-color: #1a2226;
    background: rgb(226, 239, 255);
}

[role="toolbar"] a:visited {
    text-decoration: none !important;
    color: black;
}

[role="toolbar"].focus {
    border-color: #005a9c;
    border-width: 3px;
    padding: 5px;
}

[role="toolbar"] .group {
    padding: 0.25em;
    display: block;
    float: left;
}

[role="toolbar"] .group:not(:first-child) {
    margin-left: 0.75em;
}

/*[role="toolbar"] button,
[role="toolbar"] [role="radio"],
[role="toolbar"] label,
[role="toolbar"] .spinbutton,
[role="toolbar"] a,
[role="toolbar"] .input {
    border: 1px solid rgb(255, 255, 255);
    outline: none;
    display: flow-root;
    padding: 6px 12px;
    border-radius: 5px;*/
/*text-align: center;*/
/*background: rgb(255, 255, 255);
    color: #222428;
    font-size: 14px;
    line-height: 1.5em;
    margin-right: 0.25em;
}*/

[role="toolbar"] .componenteapp {
    border: 1px solid rgb(255, 255, 255);
    outline: none;
    display: flow-root;
    padding: 6px 12px;
    border-radius: 5px;
    /*text-align: center;*/
    background: rgb(255, 255, 255);
    color: #222428;
    font-size: 14px;
    line-height: 1.5em;
    margin-right: 0.25em;
}

[role="toolbar"] button[aria-pressed="true"],
[role="toolbar"] [role="radio"][aria-checked="true"] {
    border-color: #555;
    font-weight: bold;
    background-color: #f4f4f4;
}

[role="toolbar"] button[aria-disabled="true"] {
    color: #889;
    cursor: not-allowed;
}

[role="toolbar"] button[aria-disabled="true"]:focus {
    border-color: #005a9c;
}

[role="toolbar"] button::-moz-focus-inner {
    border: 0;
}

[role="toolbar"] button:focus,
[role="toolbar"] [role="radio"]:focus,
[role="toolbar"] .spinbutton:focus,
[role="toolbar"] .focus,
[role="toolbar"] a:focus {
    border-width: 2px;
    border-color: #1a2226;
    background: rgb(226, 239, 255);
    padding: 5px 11px;
}

[role="toolbar"] button:hover,
[role="toolbar"] [role="radio"]:hover,
[role="toolbar"] .spinbutton:hover,
[role="toolbar"] label.input:hover,
[role="toolbar"] a:hover {
    border-color: #ffffff00;
    background: rgb(226 226 226);
    color: black;
    /*        border-color: #1a2226;
        background: rgb(226, 239, 255);*/
}

[role="toolbar"] [role="spinbutton"] .value,
[role="toolbar"] [role="spinbutton"] .increase,
[role="toolbar"] [role="spinbutton"] .decrease {
    width: 60px;
    display: inline-block;
    padding: 0;
    margin: 0;
}

[role="toolbar"] button[aria-haspopup] span {
    float: right;
}

[role="toolbar"] button[aria-haspopup] span::after {
    content: url(../images/pulldown-icon.svg);
}

[role="toolbar"] button[aria-haspopup]:focus span::after {
    content: url(../images/pulldown-icon-focus.svg);
}

[role="toolbar"] [role="spinbutton"] .increase,
[role="toolbar"] [role="spinbutton"] .decrease {
    width: 20px;
    border: 1px solid #ececea;
    border-radius: 3px;
    background-color: #ececea;
}

[role="toolbar"] [role="spinbutton"] .increase:hover,
[role="toolbar"] [role="spinbutton"] .decrease:hover,
[role="toolbar"] [role="spinbutton"]:focus .increase,
[role="toolbar"] [role="spinbutton"]:focus .decrease {
    fill: #005a9c;
    border-color: #005a9c;
}

textarea {
    width: 990px;
    padding: 0.25em;
    border: 2px solid black;
    height: 400px;
    font-size: 14pt;
    font-family: sans-serif;
    border-radius: 5px;
}


/*#endregion */

/*#region ACCOUNT.JS */

.confirm-email {
    text-align: center;
    padding: 3rem;
}

/*#endregion */
.cursor-pointer {
    cursor: pointer;
}

/*#region CNAE */

.data-search-container-audit {
    overflow: auto;
    /*height: 35rem;*/
    margin-top: 1rem;
}

.data-search-container-cnae {
    overflow: auto;
    height: auto;
    margin-top: 1rem;
    width: 100%;
}

.dados-tabela-cnae {
    height: auto
}

.dados-tabela-cnae tbody tr:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    .data-search-container-cnae {
        height: 7rem;
    }

    /*Relatório de chamadas*/

    #relatorio-chamadas .impressao #tabela thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    #relatorio-chamadas .impressao #tabela tr {
        display: block;
        margin-bottom: .625em;
    }

    #relatorio-chamadas .impressao #tabela td {
        display: block;
        font-size: .9rem;
        text-align: right !important;
    }

    #relatorio-chamadas .impressao #tabela td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    #relatorio-chamadas .impressao #tabela td:last-child {
        border-bottom: 0;
    }

    #relatorio-chamadas .impressao #tabela td:empty {
        display: none;
    }
}

.select-cnae {
    display: grid;
    max-height: calc(100% - 8rem);
    overflow-y: scroll;
    border-radius: 0.25rem;
    border: 0.0625rem solid;
}

.select-cnae td:first-child {
    white-space: nowrap;
}

.init-vincular-filtro {
    height: calc(100% - 9rem);
    min-height: 14rem;
}

/*#endregion */

.table-new-item-light {
    color: blue;
}

.auditoria-geometria {
    border: 1px solid #ddd;
    background-color: #324a5e;
    color: white;
}

.btn-clear-buffer {
    background-color: rgba(255, 255, 255, 0.3);
    height: 1px !important;
    margin-right: 10px;
}

.edicao-reg-excluir {
    font-size: 14px;
    font-weight: 600;
    padding: 2rem;
}

.editor-reg-checkbox {
    width: 17px;
    height: 17px;
    margin-top: 9px;
    margin-left: -20px;
}

.editor-reg-others {
    min-width: 100px;
    max-width: 300px;
}

.video-qrcode {
    width: 98%;
    height: 95%;
    background: #98929242;
    border: solid 2px #98929285;
    margin: 5px;
}

.lbl-progresso {
    color: var(--label-color);
}



/*#endregion */


/*#region Alterar Cor de Fundo*/
#divAltCor {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divAltCor .sp-dd {
    content-visibility: hidden;
}

#divAltCor .sp-replacer {
    border: none;
    height: 30px;
    width: 30px;
    background: none;
}

#divAltCor .sp-preview {
    margin-right: 0px !important;
    height: 100%;
    width: 100%;
}

#divAltCor .sp-preview,
#divAltCor .sp-preview-inner {
    border-radius: 50%
}

/*#endregion*/

.img-magnifier-container {
    position: relative;
}

.img-magnifier-glass {
    position: absolute;
    border: 3px solid #000;
    border-radius: 50%;
    cursor: none;
    /*Set the size of the magnifier glass:*/
    width: 100px;
    height: 100px;
}

.note-editor.note-frame .note-editing-area .note-editable {
    overflow: unset;
}

.note-editor.note-frame .note-editing-area {
    overflow: auto;
}

.indicator {
    position: absolute;
}

.indicator__dot {
    position: absolute;
    z-index: 2;
    width: 1rem;
    height: 1rem;
    transform: translate(-0.5rem, 0);
    background-color: #005eb8;
    border-radius: 50%;
    border: 1px solid #FFF;
}

.indicator__visionRange {
    position: absolute;
    z-index: 1;
    top: -42px;
    left: -50px;
    width: 100px;
    height: 50px;
    background: radial-gradient(farthest-side at bottom, #005eb8, #0000);
    -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 90deg, #0000 91deg);
    transform-origin: center bottom;
}

#carouselApp {
    height: 100% !important;
}

#carouselApp .carousel-inner,
#carouselApp .carousel-inner .carousel-item,
#carouselApp .carousel-inner .carousel-item img {
    height: inherit !important;
}

#carouselApp .carousel-inner .carousel-item img {
    object-fit: contain !important;
}

#carouselApp #btnPrev,
#carouselApp #btnNext {
    background-color: #000;
    opacity: .7;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    top: 48%;
}

#carouselApp #btnPrev:hover,
#carouselApp #btnNext:hover {
    opacity: .9;
}

#img-lateral {
    width: auto;
    height: 100%
}


.cadastros-cnae-permitida {
    color: #ffffff;
    background-color: #364d58;
}

.dx-popup-content {
    overflow-y: scroll;
}

.btnPublicoMapaTematicos {
    border-radius: 20px;
    height: 150px;
    width: 150px;
    background-color: #0e2570;
    color: #FFF;
    border-color: #0079ff;
}

.dx-menu-item-content span {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.dx-menu-item .dx-icon-spinright {
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
}

.dx-template-menu {
    display: flex;
    align-items: center;
    font-family: var(--font-family-sans-serif);
    line-height: 20px;
}

.dx-menu-items-container {
    padding: 7px 4px !important;
}

.dx-widget {
    height: initial;
}

.dx-icon-template {
    min-width: 1.2rem;
    display: flex;
    justify-content: center;
    position: relative;
    top: 1px;
}

.dx-datatable-actions {
    display: flex;
    gap: 11px;
    justify-content: center;
}

.image-layer-hover {
    -webkit-user-select: none;
    display: none;
    padding: 4px;
}

.estilosDiv {
    height: 95% !important;
    margin: 5px;
}

.dataGridEstilos {
    max-width: 100% !important;
}

.solicitacoes_titulo_fase {
    font-size: 16px;
}

.solicitacoes_btn_fase {
    width: 16rem;
}

.solicitacoes_btn_color {
    height: 36px;
    background-color: #5F798A;
}

.solicitacoes_btn_download {
    background-color: #ffff;
    display: flex;
    align-items: center;
    border-color: #95A6B1;
    position: relative;
}

.solicitacoes_uploadSuccessMessage-arquivo {
    color: #28A745;
    font-size: 10px;
    display: block;
}

.solicitacoes_fileName-arquivo {
    color: #5F798A;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;

}

.solicitacoes_fileDetails-arquivo {
    height: 57px;
    background-color: #ffffff;
    border-radius: 0px 0px 8px 8px;
    border-width: 0px 1px 1px 1px;
    display: none;
    padding: 10px;
    overflow: hidden;
    margin: 0;
}

.solicitacoes_labeltexto-arquivo {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #4e4c4c;
    text-align: center;
}

.solicitacoes_icon-download-style {
    color: #5F798A;
}

.solicitacoes_icon-visualizar-style {
    color: #5F798A;
    font-size: 18px;
}

.solicitacoes_btn_download_div_icon {
    font-size: 16px;
    position: absolute;
    background: #ffff;
    width: 36px;
    height: 36px;
    border-radius: 0.5rem;
}

.solicitacoes_uploud_info_fase {
    display: none;
    margin: 0;
}

.solicitacoes_uploud_label_fase {
    visibility: visible;
    max-width: 8rem;
    font-size: 13px;
    cursor: pointer;
    color: #009FE3;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solicitacoes_download_label_btn {
    visibility: visible;
    max-width: 8rem;
    color: #5F798A;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solicitacoes_multiuploud_label_fase {
    visibility: visible;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solicitacoes_multiuploud_label {
    visibility: visible;
    font-size: 12px;
    color: #A6A6A6;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: normal;
}

.solicitacoes_uploud_icon_fase {
    width: auto;
    height: 22px;
}

.solicitacoes_uploud_icon_close_fase {
    font-size: 16px;
    color: red;
    position: absolute;
    right: 10px;
    cursor: pointer;
    color: #5F798A;
}

.solicitacoes_uploud_icon_eye_fase {
    font-size: 16px;
    color: #B0B0B0;
    position: absolute;
    right: 25px;
}

.solicitacoes_download_icon_fase {
    font-size: 16px;
    margin-right: 3px;
}

.bootstrap-autocomplete.dropdown-menu {
    max-height: 300px;
    min-width: 250px;
    overflow-y: scroll;
}

.searchBox.open {
    min-width: 300px;
}

#searchBoxSolicitacao>.bootstrap-autocomplete.dropdown-menu {
    width: 50rem !important;
    overflow: auto;
}

.dropdown-item.active {
    color: white !important;
}

#multiFinalitarioAutoComplete .bootstrap-autocomplete.dropdown-menu {
    position: fixed;
}

[id^="ativarTudo_"] {
    cursor: pointer;
}

[id^="ativarTudo_"]:hover {
    text-decoration: underline;
}

.dx-toolbar-before {
    padding-right: 0px !important;
}

@media (min-width: 768px) {
    .dx-datagrid-search-panel {
        display: inline-block;
    }

    .large-hide {
        display: none;
    }

    .small-hide {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .dx-datagrid-search-panel {
        display: none;
    }

    .large-hide {
        display: inline-block;
    }

    .small-hide {
        display: none;
    }

    .dx-toolbar-button .btn {
        background-color: transparent;
        border-color: transparent;
    }
}

@media (max-width: 430px) {
    .dx-datagrid-search-resume {
        display: none;
    }
}

.tableForSearch.hide {
    display: none !important;
}


.z-1 {
    z-index: 2;
}

.z-2 {
    z-index: 3;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-Modal {
    z-index: 20000;
}

.nav-link {
    padding: .4rem 0.7rem;
    font-size: 12px;
}

.obsSolicitacaoOverflow {
    display: block;
    max-height: 55px;
    overflow: hidden;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255 0 0 / 0%) 70%, rgb(0 0 0 / 25%) 100%);
    padding-left: 5px;
    border-radius: 5px;
}

.verMaisObservacaoSolicitacao,
.verMaisObservacaoFase {
    display: flex;
    justify-content: center;
    align-items: center;
    color: blue;
}

.verMaisObservacaoSolicitacao:hover,
.verMaisObservacaoFase:hover {
    cursor: pointer;
}

#ObservacaoFase {
    margin-bottom: 0;
}

.b24-widget-button-block {
    width: 58px;
    height: 58px;
}

.b24-widget-button-inner-mask {
    height: 74px;
    min-width: 58px;
}

.b24-widget-button-position-top-right {
    right: 10px;
}

.b24-widget-button-position-bottom-right {
    right: 70px;
    bottom: 56px;
}

.b24-widget-button-wrapper.b24-widget-button-position-bottom-right.b24-widget-button-visible,
.b24-widget-button-wrapper.b24-widget-button-position-top-right.b24-widget-button-visible {
    z-index: 1000;
}

.b24-widget-button-wrapper.b24-widget-button-position-bottom-right.b24-widget-button-visible.b24-widget-button-bottom,
.b24-widget-button-wrapper.b24-widget-button-position-top-right.b24-widget-button-visible.b24-widget-button-top {
    z-index: 10150;
}

#IdPessoaMotorista.dx-state-hover {
    border-bottom: 1px solid #ced4da !important
}

#IdPessoaMotorista.dx-state-focused:before {
    border-bottom: 1px solid rgba(0, 123, 255, .25) !important;
    transition: none !important;
}

.confirmOs-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.confirmOs-title {
    font-weight: bold;
    font-size: 1.2rem;
}

.confirmOs-subtitle {
    margin-top: 10px;
}

.confirmOs-details {
    background-color: #007bff26;
    padding: 8px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.confirmOs-id {
    font-weight: bold;
    color: #007BFF;
}

.confirmOs-name {
    margin-left: 5px;
}

.confirmOs-button {
    width: 100%;
    margin-top: 10px;
}

.dx-autocomplete input {
    color: #000 !important;
    border: 1px solid #ced4da !important;
    border-radius: 1px !important;
}

.dx-autocomplete input:focus {
    box-shadow: none !important;
    border-color: #005a9c !important;
}

.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-autocomplete-popup-wrapper {
    z-index: 12100 !important;
}

.dx-autocomplete-popup-wrapper .dx-item-content.dx-list-item-content {
    color: #000;
    background-color: transparent;
    font-family: Roboto, "Open Sans", Lato, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1rem;
}

.dx-autocomplete-popup-wrapper .dx-item-content:hover.dx-list-item-content:hover {
    background-color: #007bff;
    color: #FFF;
}

.dx-autocomplete-popup-wrapper .dx-list.dx-widget.dx-collection {
    background-color: #FFF;
}

.iconeVeiculos:hover {
    border-color: #007bff !important;
}

.iconeVeiculos.active {
    border-color: #007bff !important;
}

.bolinhas {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-block: 1rem;
}

.bolinha {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: lightgray;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}

.bolinha.ativo {
    background-color: black;
    transform: scale(1.2);
}

.titulo-tutorial {
    font-weight: bold;
    font-size: 1.3rem;
    text-align: center;
    padding: 1rem;
}

.texto-tutorial {
    padding-inline: 3rem;
    text-align: center;
}

.content-tutorial {
    height: 9rem;
    align-content: center;
}

@media(min-width: 740px) {
    .texto-tutorial {
        padding-bottom: 2rem;
        padding-top: 1rem;
    }

    .content-tutorial {
        height: 12rem;
    }
}

#helpPublico {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    z-index: 10;
    top: 72%;
    left: .75rem;
    border-radius: 100%;
    align-content: center;
    display: flex;
}

#svgTutorialContainer {
    padding: .35rem;
}

#txtTutorialContainer {
    display: none;
}

#helpPublico:hover,
#helpPublico.active {
    width: 275px;
    height: 55px;
    border-radius: 15px;
    cursor: pointer;
}

#helpPublico:hover #svgTutorialContainer,
#helpPublico.active #svgTutorialContainer {
    align-self: center;
}

#helpPublico:hover #txtTutorialContainer,
#helpPublico.active #txtTutorialContainer {
    display: block;
}

.p-tutorialTitle {
    margin: 0;
    padding-top: .5rem;
    color: #063F72;
    font-weight: bold;
}

.p-tutorialDesc {
    font-size: small;
}

.p-tutorialDesc:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 95%;
    width: 20px;
    height: 20px;
    background-image: url('/images/publico/icone-seta-baixo.png');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%) rotate(-90deg);
    filter: grayscale(1);
}

.chbContainer {
    justify-items: center;
    padding-top: .5rem;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #ced4da;
    background-image: none;
    box-shadow: none;
    padding: .25rem .5rem;
}

#componentePesquisaPendente {
    position: absolute;
    right: 7px;
    top: -9px;
    background-color: yellow;
    padding: 5px;
    border-radius: 100%;
    font-size: 12px;
    border: 1px solid white;
    color: black;
}

.template-fieldset {
    border: solid 1px;
    border-radius: 5px;
}

.template-fieldset legend {
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #1a2226;
    background: #1a2226;
    padding: 0.1em;
    text-align: center;
}

#btnBuscarUsuariosAplicativos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    font-size: 0.875rem;
    width: 100%;
    max-width: 11rem;
}

#btnBuscarAplicativos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    font-size: 0.875rem;
    width: 100%;
    max-width: 11rem;
}

.choices {
    font-size: 1rem !important;
    font-weight: 400 !important;
    min-height: 5rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
    border-radius: var(--radius) !important;
    display: flex !important;
    flex-direction: column !important;
}

.choices__input {
    margin: 0px !important;
}

.choices__list--multiple .choices__item {
    background-color: #1a2226 !important;
}

.choices__button {
    border-color: white !important;
    opacity: 1 !important;
}

.choices__inner {
    background-color: transparent !important;
    border: none !important;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    top: 100% !important; /* Sempre abre para baixo */
    bottom: auto !important; /* Remove a opção de abrir para cima */
}

.tab-container-subapp .btn-group {
    display: flex;
    align-items: center;
}

.tab-container-subapp .btnSubApp {
    min-height: 3rem;
    min-width: 2.5rem;
}

.tab-container-subapp .new-tab-button {
    font-size: 1rem;
    padding: 0.3rem;
    border-radius: 4px;
    margin-left: 5px;
    min-width: 11rem;
    height: 39px;
}