﻿html, body {
    overflow-y: visible !important;
    
}

.df-grid.table.table-row-dashed tr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d8dee3;
}
.df-grid.table th{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.df-grid.table th.sorteable {
    position: relative;
    padding-right: 2rem;
}

    .df-grid.table th.sorteable:after {
        position: absolute;
        right: 1rem;
        content: '\f0dc';
        color: #aaaaaa;
        font-family: 'Font Awesome 5 Free';
    }

    .df-grid.table th.sorteable.desc:after {
        content: '\f0dd';
    }

    .df-grid.table th.sorteable.asc:after {
        content: '\f0de';
    }

span.form-info,
span.field-validation-error {
    position: relative;
    float: right;
    cursor: help;
}

    span.form-info:before,
    span.field-validation-error:before {
        font-family: 'Font Awesome 5 Free';
        color: #b92820;
        content: "\f071";
        font-size: 1.3rem;
        font-weight: 900;
        position: absolute;
        right: 0rem;
        top: -.1rem;
    }

    span.form-info span,
    span.field-validation-error span {
        position: absolute;
        top: -2.6rem;
        right: -1.2rem;
        /* margin-top: -4rem; */
        white-space: nowrap;
        background: #b92820;
        padding: .4rem .7rem;
        color: white;
        font-size: .8rem;
        font-weight: 600;
        border-radius: .4rem;
        z-index: 10000000;
        box-shadow: 0 0 0.3rem #0006;
        opacity: 0;
        transition: all 200ms ease;
    }

        span.form-info span:before,
        span.field-validation-error span:before {
            width: .8rem;
            height: .8rem;
            background: #b92820;
            position: absolute;
            content: '';
            bottom: -.4rem;
            right: 1.5rem;
            transform: rotate( 45deg);
        }

    span.form-info:hover span,
    span.field-validation-error:hover span {
        opacity: 1;
        position: absolute;
        top: -2.6rem;
        right: -1.2rem;
        /* margin-top: -4rem; */
        white-space: nowrap;
        background: #b92820;
        padding: .4rem .7rem;
        color: white;
        font-size: .8rem;
        font-weight: 600;
        border-radius: .4rem;
        z-index: 10000000;
        box-shadow: 0 0 0.3rem #0006;
    }


.input-validation-error {
    background: #f1d7d5;
    border-color: #E7AEA9;
    color: #b92820;
}

    .input-validation-error:focus {
        background: #f1d7d5;
        border-color: #E7AEA9;
        color: #b92820;
    }




/*COMPONENTES*/

div[data-lookup=true].validation-error {
}

    div[data-lookup=true].validation-error input.tx-codigo {
        background: #ffedf0;
        border-color: #ffa8ba;
    }

    div[data-lookup=true].validation-error input.tx-texto {
        background: #ffedf0;
        border-color: #ffa8ba;
    }

    div[data-lookup=true].validation-error input.tx-texto {
        color: #ff1445 !important;
    }

    div[data-lookup=true].validation-error button.btn-light-primary {
        background: #ffedf0 !important;
        border: solid 1px #FFA8BA !important;
    }

        div[data-lookup=true].validation-error button.btn-light-primary i.fas {
            color: #ff1445 !important;
        }

        div[data-lookup=true].validation-error button.btn-light-primary:hover,
        div[data-lookup=true].validation-error button.btn-light-primary:focus,
        div[data-lookup=true].validation-error button.btn-light-primary:active {
            background: #FFA8BA !important;
            border: solid 1px #FFA8BA !important;
        }

            div[data-lookup=true].validation-error button.btn-light-primary:hover i.fas {
                color: #FCFCFC !important;
            }






div[data-select-box=true].validation-error {
}

    div[data-select-box=true].validation-error input.tx-codigo {
        background: #ffedf0;
        border-color: #ffa8ba;
    }

    div[data-select-box=true].validation-error input.tx-texto {
        background: #ffedf0;
        border-color: #ffa8ba;
    }

    div[data-select-box=true].validation-error input.tx-texto {
        color: #ff1445 !important;
    }

    div[data-select-box=true].validation-error button.btn-light-primary {
        background: #ffedf0 !important;
        border: solid 1px #FFA8BA !important;
    }

        div[data-select-box=true].validation-error button.btn-light-primary i.fas {
            color: #ff1445 !important;
        }

        div[data-select-box=true].validation-error button.btn-light-primary:hover,
        div[data-select-box=true].validation-error button.btn-light-primary:focus,
        div[data-select-box=true].validation-error button.btn-light-primary:active {
            background: #FFA8BA !important;
            border: solid 1px #FFA8BA !important;
        }

            div[data-select-box=true].validation-error button.btn-light-primary:hover i.fas {
                color: #FCFCFC !important;
            }






.card {
    border: 0;
    box-shadow: 0px 0px 20px 0px rgb(76 87 125 / 25%);
}

.bg-form-header {
    background-color: #d4deeb !important;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: inherit;
    border-right-width: 1px;
}

.table tr:first-child, .table th:first-child, .table td:first-child {
    padding-left: 0.75rem!important;
}

.table tr:last-child, .table th:last-child, .table td:last-child {
    padding-right: 0.75rem!important;
}

div.form-control {
    border-color: #bbb!important;
}
input.form-control, .form-control:disabled, select.form-select {
    border-color: #bbb !important;
    color: var(--bs-gray-700);
}


    div.form-control.disabled {
        background: #EFF2F5 !important;
        border-color: #bbb !important;
    }

.validation-summary-errors {
}

    .validation-summary-errors ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

}

table tbody tr[data-action] {
    cursor: pointer !important;
}

.form-control.disabled {
    background-color: #EFF2F5 !important;
}

.flex-90px {
    flex: 0 1 90px !important;
}

body {
    font-size: 13px !important;
}



.paginacao-itens-por-pagina {
    width: 9rem;
}

.df-grid thead tr th:last-child {
    width: 10px !important;
    min-width: 10px !important;
}


.df-grid tbody tr td:last-child {
    white-space: nowrap !important;
    overflow: visible !important;
}
.df-grid tbody tr[data-action].bg-light-danger:hover {
    background-color: #eccecb !important;
}

.df-grid tbody tr[data-action]:hover {
    background-color: #DBDFE9;

}
.df-grid tbody tr[data-action] td {
    cursor: pointer !important;
}
.df-grid tbody tr:not([data-action]) td {
    cursor: default !important;
}

.df-grid.table-hover > tbody > tr.bg-light-danger:hover > * {
    --bs-table-accent-bg: #e1bcba !important;
}

.twitter-typeahead {
    display: block !important
}

.df-grid .sub-table-item {
    display: none;
}
.df-grid tbody tr[data-sub-id] {
    cursor: pointer!important;
}

.df-grid tbody tr[data-sub-id]:hover {
    background-color: #F1F1F4;
    
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
    min-width: 350px;
}

.note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {
    min-width: 230px;
    padding: 5px;
}

.bootstrap-select .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
    border: 0;
    padding: 0.775rem 1.5rem;
}
.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
    min-width: 350px!important;
}
.note-icon-caret{
    display: none!important;
}
.note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle
{
    width: 28px!important;
}

.note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {
    width: 240px !important;
}

.form-check-input {
    border-color:#b4bbcf;
}
.df-grid tr th:not(:last-child) {
    border-bottom-color: inherit;
    border-right: solid 1px #d8dee3;
}
.form-check-input {
    float: none!important;
}
#map {
    height: 600px;
    width: 100%;
}

.custom-marker {
    background-color: white;
    border: 2px solid black;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.bg-fundo-100 {
    background-color: #f1e8e2;
}