/* SOBREPOSIÇÕES DE ESTILO */

/*#region DEFINIÇÕES DE VARIÁVEIS DE ESTILO */

:root {
    --radius: 0.5rem;
}

/*#endregion */

body[data-theme="light-mode"] {
    --bg-ctxmenu-item: #e2e2e2;
    --bg-ctxmenu-item-sel: #d4d3d3;
    --color-ctxmenu-item-sel: #2f2f2f;
    --bg-ctxmenu-sub: #e2e2e2;
    --color-ctxmenu-sub: #2f2f2f;
    --bg-ctxmenu: #d4d3d3;
    --bg-arrow: #e2e2e2;
    --bg-arrow-sel: #333;
}

body[data-theme="dark-mode"] {
    --bg-ctxmenu-item: #2c3b41;
    --bg-ctxmenu-item-sel: #374c53;
    --color-ctxmenu-item-sel: #b8c7ce;
    --bg-ctxmenu-sub: #2c3b41;
    --color-ctxmenu-sub: white;
    --bg-ctxmenu: #374c53;
    --bg-arrow: #2c3b41;
    --bg-arrow-sel: #FFF;
}



/*#region SOBREPOSIÇÕES AO CONTEXTMENU */

.iw-cm-menu li {
    border-bottom: 1px solid var(--bg-ctxmenu-item) !important;
}

.iw-mSelected {
    background-color: var(--bg-ctxmenu-item-sel) !important;
    color: var(--color-ctxmenu-item-sel) !important;
}

.iw-cm-menu {
    background: var(--bg-ctxmenu-sub) !important;
    color: var(--color-ctxmenu-sub) !important;
}

.iw-contextMenu {
    border: 1px solid var(--bg-ctxmenu) !important;
}

.iw-cm-arrow-right {
    border-left: 5px solid var(--bg-arrow);
}

.iw-mSelected > .iw-cm-arrow-right {
    border-left: 5px solid var(--bg-arrow-sel) !important;
}

/*#endregion */

/*#region SOBREPOSIÇÕES AO BOOTSTRAP */

label {
    margin: 0.2rem 0 !important;
}

@media only screen and (max-width: 425px) {
    .fixed-action-btn {
        bottom: 5.5rem !important;
    }
}

.tag {
    padding: 0.1875rem 1.825rem 0.1875rem 0.5875rem !important;
}

.nav-pills .nav-link {
    border-radius: var(--radius) !important;
}

#lstDocumentos .form-control, #lstDocumentosNormal .form-control, textarea.form-control, .dataSearchContainer, .card {
    /*border-radius: calc(var(--radius) / 2 ) !important;*/
    border-radius: var(--radius) !important;
}

.btn, .form-control, .tag, .tags, .tagsOrdenacoes, .tagRemoveComponente, .alert, .cardquadra, .cardtelefone, .carddocument {
    border-radius: var(--radius) !important;
}

.card-header {
    border-bottom: 0 !important;
}

    .card-header:first-child {
        border-radius: calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0 !important;
    }

.btn-action-map {
    border-radius: 2rem !important;
}

/*#endregion */

/*#region SOBREPOSIÇÕES AO JSPANEL */

.jsPanel-hdr.jsPanel-hdr-dark .jsPanel-btn:hover {
    border-radius: var(--radius) !important;
}

/*#endregion */

/*#region SOBREPOSIÇÕES AO OPENLAYERS */

/* OPENLAYERS ("~/lib/ol/css/ol.css") */

/* BARRA DE ESCALA
.ol-scale-singlebar {
    --border: 2px solid black;
    border-top: none !important;
    border-bottom: var(--border) !important;
    border-right: var(--border) !important;
    border-left: var(--border) !important;
    background: rgba(255,255,255,0) !important;
}

.ol-scale-step-marker {
    visibility: hidden !important;
}
*/

.ol-scale-step-marker {
    z-index: 0;
}

.ol-scale-singlebar {
    border: none;
    border-bottom: 1px solid #000;
}

.ol-scale-step-text {
    font-weight: 900;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.ol-scale-text {
    /*text-shadow: none !important;*/
    font-weight: 700;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.ol-scale-line {
    background: rgba(0,0,0,0.5) !important;
    border-radius: 0.5rem !important;
    bottom: 0.25rem !important;
    left: 0.25rem !important;
    padding: 0.125rem 0.475rem !important;
    cursor: pointer;
}

.ol-mouse-position {
    width: unset !important;
    padding: 0 0.5rem !important;
    bottom: 0.25rem !important;
    right: 0.25rem !important;
    border-radius: 0.5rem !important;
    position: absolute !important;
    color: white !important;
    font-weight: 400 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    font-size: 0.7rem !important;
    height: 1.425rem !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer;
}

.ol-control.ol-bar {
    white-space: normal !important;
    min-height: 1rem !important;
    min-width: 1rem !important;
    /*background: none !important;*/
    border-radius: 1.9rem !important;
    padding: 1px 0.3rem !important;
}

.ol-control button {
    display: block !important;
    margin: 1px !important;
    padding: 0 !important;
    color: var(--color-font) !important;
    font-size: 1.14em !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: center !important;
    height: 1.9rem !important; /*ALTERADO 1.375em*/
    width: 1.9rem !important; /*ALTERADO  1.375em*/
    min-width: 1.9rem !important;
    line-height: 1.9rem !important;
    background-color: var(--zoom-button);
    border: none !important;
    border-radius: 1.0625rem !important;
    outline-color: transparent;
}

.ol-control.ol-bar .ol-toggle.ol-active > button {
    background: rgba(0, 0, 0, 0.7) !important; /*ALTERADO*/
}

.ol-control.ol-bar .ol-control.ol-option-bar {
    z-index: 100 !important; /*INCLUÍDO*/
    position: absolute !important;
    top: 100% !important;
    /*left: 0 !important;*/
    margin: 5px 0 !important;
    border-radius: 1.1rem !important;
    background: rgba(26, 34, 38, 0.6) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ol-control.ol-bar .ol-option-bar:before {
    content: "" !important;
    border: 0.5em solid transparent !important;
    border-color: transparent transparent rgba(0, 0, 0, 0.5) !important; /*ALTERADO*/
    position: absolute !important;
    bottom: 100% !important;
}

.ol-zoomslider {
    top: 4.9rem !important;
    left: 0.5rem !important;
    height: 12.5rem !important;
}

.ol-control {
    position: absolute !important;
    background-color: rgba(26, 34, 38, 0.3) !important;
    border-radius: 1.0625rem !important;
    padding: 0.125rem !important;
}

.ol-editbar .ol-button button > i, .ol-editbar .ol-button button > div > i {
    cursor: pointer !important;
}

.ol-editbar .ol-button button[title="Apagar (Del)"] {
    background: none !important
}

.ol-control.ol-bar .ol-control.ol-text-button > div:hover, .ol-control.ol-bar .ol-control.ol-text-button > div {
    background: none !important;
    color: rgb(255, 255, 255) !important;
    width: auto !important;
    min-width: 1.375em !important;
    margin: 0 !important;
}

.ol-control.ol-bar .ol-control.ol-text-button > div {
    padding: 0.21rem 0.6rem !important;
    font-weight: normal !important;
    font-size: 0.95rem !important;
    font-family: Arial,Helvetica,sans-serif !important;
    cursor: pointer !important;
}

    .ol-control.ol-bar .ol-control.ol-text-button > div[title="Desfazer (excluir último ponto)"] {
        border-radius: 1.1rem 0 0 1.1rem;
    }

    .ol-control.ol-bar .ol-control.ol-text-button > div[title="Terminar"] {
        border-radius: 0 1.1rem 1.1rem 0;
    }

.ol-control.ol-bar .ol-control.ol-text-button {
    border-left: none !important; /*1px solid rgb(255, 255, 255)*/
    border-radius: 0 !important;
    background: none !important;
}

    .ol-control.ol-bar .ol-control.ol-text-button div:hover {
        color: rgb(255, 255, 255) !important;
        background: black !important;
    }

.ol-control.ol-bar .ol-control {
    position: relative !important;
}

@media only screen and (max-width: 540px) {
    /*.ol-scale-line {
        bottom: 1.75rem !important;
    }*/
    .ol-mouse-position {
        display: none !important;
    }
}

.searchBox > input.search {
    width: 15.5rem;
}

@media only screen and (max-width: 380px) {
    .searchBox > input.search {
        width: 11rem;
    }
}

.ol-popup {
    position: absolute;
    background-color: rgba(26, 34, 38, 0.4);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}

    .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
    }

    .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
    }

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

    .ol-popup-closer:after {
        content: "✖";
    }

.ol-scale-line {
    z-index: 1;
}
/*.ol-compassctrl.top {
        top: 50%;
        left: 0;
        width: 100px;
        height: 100px;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }*/
.ol-compassctrl {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 150px;
    z-index: 100000;
    visibility: visible;
}
/*.ol-compass {
    content: "<i class='fas fa-location-arrow'></i>";
    transform: rotate(-44.8deg);
}*/

/* OPENLAYERS ("~/lib/ol-ext/ol-ext.css") */
.ol-search input {
    display: inline-block;
    border: 0;
    margin: 0.0625rem 0.0625rem 0.0625rem 0.3125rem;
    font-size: 1.14em;
    padding: 0.3rem 0.7rem;
    height: 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .1s;
    transition: all .1s;
    background: var(--zoom-button);
    color: var(--color-font);
    outline-color: transparent;
    border-radius: 1.1rem;
}

    .ol-search input::placeholder {
        color: var(--color-font);
    }

    .ol-search input:-ms-input-placeholder {
        color: var(--color-font);
    }

    .ol-search input::-ms-input-placeholder {
        color: var(--color-font);
    }

    input:focus, button:focus {
        /*border: solid 0.125rem white; */
        outline: unset !important;
    }
/*.ol-search .ol-unselectable .ol-control {
    width: 20rem !important;
}*/
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div {
    border: none !important;
    cursor: default;
    height: 2.3rem;
    line-height: 2.3rem;
}

.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div {
    padding: 0 !important;
}

    .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:first-child {
        background: rgba(0, 0, 0, 0.4) !important;
        border-radius: 1.1rem;
        cursor: pointer !important;
        border: none;
        width: 100%;
        margin: 0;
        height: 1.8rem;
        line-height: 1.8rem;
    }

    .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:last-child {
        background: rgba(0, 0, 0, 0.4) !important;
        border-radius: 1.1rem;
        cursor: pointer !important;
        border: none;
        width: 100%;
        margin: 0;
        height: 1.8rem;
        line-height: 1.8rem;
    }

    .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:first-child:hover {
        background: rgba(0, 0, 0, 0.7) !important;
    }

    .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:last-child:hover {
        background: rgba(0, 0, 0, 0.7) !important;
    }

    .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div:hover {
        background: none !important;
    }

    .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div:hover {
        background: none !important;
    }

    .ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:hover {
        background: none !important;
    }
/*input[type=search]::-webkit-search-cancel-button i {
    -webkit-appearance: searchfield-cancel-button;
    color: white;
    background-color: white;
}*/
/*input[type="search"] > button {
    -webkit-appearance: searchfield;
    box-sizing: border-box;
    padding: 1px;
}*/
.ol-editbar .ol-button button:after, .ol-editbar .ol-button button:before {
    content: none !important;
}
/*.ol-editbar .ol-offset > button i:before, .ol-editbar .ol-transform > button i:after, .ol-editbar .ol-transform > button i:before {
    content: none !important;
}*/


/*#endregion */

/*#region SOBREPOSIÇÕES AO DEVEXTREME */

tr.dx-row.dx-data-row.dx-row-lines:hover {
    /*background: rgba(0,0,0,0.4) !important;*/
    background-color: rgba(255,255,255,.05) !important;
    cursor: pointer;
}

#panelInfo > div.dx-tabpanel-container > div.dx-multiview-wrapper > div.dx-multiview-item-container {
    height: auto !important;
}

/*#endregion */


/*#region SOBREPOSIÇÕES AO SUMMERNOTE */


.note-popover .popover-content .note-dropdown-menu, .note-toolbar .note-dropdown-menu {
    min-width: 160px !important;
}

/*#endregion */