html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

#main-content {
}

.content-wrap {
}

.editor {
    min-height: 300px;
}

.alert {
    color: #000000 !important;
}

table thead {
    background-color: #eaecf4 !important;
    font-size: 0.8rem;
    text-transform: uppercase !important;
}

table th {
    font-weight: bold !important;
    color: #3a3b45;
}

table tr {
    font-size: 0.8rem;
}

input[type="date"], .datepicker {
    background: #fff url(/img/calendar.png) right no-repeat;
    padding-right: 17px;
    max-width: 200px;
}

input.hora, input.minuto {
    max-width: 56px;
}

input.hora {
    background: #fff url(/img/hora.png) right no-repeat;
}

input.minuto {
    background: #fff url(/img/minuto.png) right no-repeat;
}

label {
    font-weight: 500 !important;
    color: black;
}

#placeAlerts {
    z-index: 9999;
    position: fixed;
    bottom: 1rem;
    right: 2rem;
    min-width: 300px;
}

    #placeAlerts ul {
        padding: 0;
    }


tr.inativo {
    color: #ff6a00;
}


.modal-body {
    background-color: #f8f9fcb2;
}

 .modal-footer {
    background-color: #bdbdc75e;
}

.modal-dialog.modal-xl {
    display: block;
}


    .modal-dialog.modal-xl .modal-content {
    }


.modal-dialog.modal-xl {
    margin: 30px auto;
    position: relative;
    top: 10px;
    transform: translateY(0) !important;
    width: 95%;
}

.tabela-responsive tbody {
    display: block;
    overflow: auto;
}

    .tabela-responsive thead, .tabela-responsive tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed; /* even columns width , fix width of table too*/
    }

.tabela-responsive thead {
    width: calc( 100% - 1em ) /* scrollbar is average 1em/16px width, remove it from thead width */
}


.hamburger {
    position: fixed;
    width: 50px;
    background-color: #343957;
    border-radius: 20px;
    padding: 5px;
    border: 1px solid #BDBDC7;
    transform: scale(80%);
}

    .hamburger .line {
        background-color: #BDBDC7 !important;
    }

.sidebar ul {
    margin-top: 20px;
}


.sidebar {
    top: 0px !important;
}

.sidebar-hide .sidebar.sidebar-hide-to-small {
    position: absolute;
    width: 0px;
}

    .sidebar-hide .sidebar.sidebar-hide-to-small .nano-content > ul {
        width: 60px;
        margin-left: -60px;
    }

.sidebar-hide .sidebar.sidebar-shrink.sidebar-hide-to-small ~ .header {
    margin-left: 0px;
}

.header {
    padding: 10px;
}

.sidebar-hide .sidebar.sidebar-shrink.sidebar-hide-to-small ~ .content-wrap {
    margin-left: 0px;
}




.error, .alerta {
    color: #5a5c69;
    font-size: 7rem;
    position: relative;
    line-height: 1;
    width: 12.5rem;
}

@-webkit-keyframes noise-anim {
    0% {
        clip: rect(32px, 9999px, 16px, 0);
    }

    5% {
        clip: rect(5px, 9999px, 24px, 0);
    }

    10% {
        clip: rect(77px, 9999px, 87px, 0);
    }

    15% {
        clip: rect(91px, 9999px, 95px, 0);
    }

    20% {
        clip: rect(74px, 9999px, 9px, 0);
    }

    25% {
        clip: rect(37px, 9999px, 32px, 0);
    }

    30% {
        clip: rect(56px, 9999px, 27px, 0);
    }

    35% {
        clip: rect(35px, 9999px, 33px, 0);
    }

    40% {
        clip: rect(89px, 9999px, 6px, 0);
    }

    45% {
        clip: rect(81px, 9999px, 77px, 0);
    }

    50% {
        clip: rect(64px, 9999px, 69px, 0);
    }

    55% {
        clip: rect(12px, 9999px, 11px, 0);
    }

    60% {
        clip: rect(59px, 9999px, 11px, 0);
    }

    65% {
        clip: rect(69px, 9999px, 59px, 0);
    }

    70% {
        clip: rect(74px, 9999px, 65px, 0);
    }

    75% {
        clip: rect(56px, 9999px, 79px, 0);
    }

    80% {
        clip: rect(80px, 9999px, 64px, 0);
    }

    85% {
        clip: rect(87px, 9999px, 29px, 0);
    }

    90% {
        clip: rect(16px, 9999px, 21px, 0);
    }

    95% {
        clip: rect(69px, 9999px, 43px, 0);
    }

    100% {
        clip: rect(75px, 9999px, 63px, 0);
    }
}

@keyframes noise-anim {
    0% {
        clip: rect(32px, 9999px, 16px, 0);
    }

    5% {
        clip: rect(5px, 9999px, 24px, 0);
    }

    10% {
        clip: rect(77px, 9999px, 87px, 0);
    }

    15% {
        clip: rect(91px, 9999px, 95px, 0);
    }

    20% {
        clip: rect(74px, 9999px, 9px, 0);
    }

    25% {
        clip: rect(37px, 9999px, 32px, 0);
    }

    30% {
        clip: rect(56px, 9999px, 27px, 0);
    }

    35% {
        clip: rect(35px, 9999px, 33px, 0);
    }

    40% {
        clip: rect(89px, 9999px, 6px, 0);
    }

    45% {
        clip: rect(81px, 9999px, 77px, 0);
    }

    50% {
        clip: rect(64px, 9999px, 69px, 0);
    }

    55% {
        clip: rect(12px, 9999px, 11px, 0);
    }

    60% {
        clip: rect(59px, 9999px, 11px, 0);
    }

    65% {
        clip: rect(69px, 9999px, 59px, 0);
    }

    70% {
        clip: rect(74px, 9999px, 65px, 0);
    }

    75% {
        clip: rect(56px, 9999px, 79px, 0);
    }

    80% {
        clip: rect(80px, 9999px, 64px, 0);
    }

    85% {
        clip: rect(87px, 9999px, 29px, 0);
    }

    90% {
        clip: rect(16px, 9999px, 21px, 0);
    }

    95% {
        clip: rect(69px, 9999px, 43px, 0);
    }

    100% {
        clip: rect(75px, 9999px, 63px, 0);
    }
}

.error:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #e74a3b;
    top: 0;
    color: #5a5c69;
    background: #f8f9fc;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse;
}


.alerta:after {
    font-family: "Font Awesome 5 Free";
    content: '\f071';
    position: absolute;
    left: 44px;
    text-shadow: -1px 0 #e74a3b;
    top: 2px;
    color: #5a5c69;
    background: #f8f9fc;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse;
}

@-webkit-keyframes noise-anim-2 {
    0% {
        clip: rect(12px, 9999px, 52px, 0);
    }

    5% {
        clip: rect(42px, 9999px, 39px, 0);
    }

    10% {
        clip: rect(64px, 9999px, 36px, 0);
    }

    15% {
        clip: rect(52px, 9999px, 15px, 0);
    }

    20% {
        clip: rect(79px, 9999px, 7px, 0);
    }

    25% {
        clip: rect(17px, 9999px, 41px, 0);
    }

    30% {
        clip: rect(15px, 9999px, 20px, 0);
    }

    35% {
        clip: rect(62px, 9999px, 87px, 0);
    }

    40% {
        clip: rect(94px, 9999px, 11px, 0);
    }

    45% {
        clip: rect(49px, 9999px, 10px, 0);
    }

    50% {
        clip: rect(82px, 9999px, 4px, 0);
    }

    55% {
        clip: rect(70px, 9999px, 100px, 0);
    }

    60% {
        clip: rect(62px, 9999px, 23px, 0);
    }

    65% {
        clip: rect(51px, 9999px, 56px, 0);
    }

    70% {
        clip: rect(41px, 9999px, 24px, 0);
    }

    75% {
        clip: rect(6px, 9999px, 85px, 0);
    }

    80% {
        clip: rect(96px, 9999px, 58px, 0);
    }

    85% {
        clip: rect(16px, 9999px, 24px, 0);
    }

    90% {
        clip: rect(40px, 9999px, 31px, 0);
    }

    95% {
        clip: rect(91px, 9999px, 34px, 0);
    }

    100% {
        clip: rect(87px, 9999px, 26px, 0);
    }
}

@keyframes noise-anim-2 {
    0% {
        clip: rect(12px, 9999px, 52px, 0);
    }

    5% {
        clip: rect(42px, 9999px, 39px, 0);
    }

    10% {
        clip: rect(64px, 9999px, 36px, 0);
    }

    15% {
        clip: rect(52px, 9999px, 15px, 0);
    }

    20% {
        clip: rect(79px, 9999px, 7px, 0);
    }

    25% {
        clip: rect(17px, 9999px, 41px, 0);
    }

    30% {
        clip: rect(15px, 9999px, 20px, 0);
    }

    35% {
        clip: rect(62px, 9999px, 87px, 0);
    }

    40% {
        clip: rect(94px, 9999px, 11px, 0);
    }

    45% {
        clip: rect(49px, 9999px, 10px, 0);
    }

    50% {
        clip: rect(82px, 9999px, 4px, 0);
    }

    55% {
        clip: rect(70px, 9999px, 100px, 0);
    }

    60% {
        clip: rect(62px, 9999px, 23px, 0);
    }

    65% {
        clip: rect(51px, 9999px, 56px, 0);
    }

    70% {
        clip: rect(41px, 9999px, 24px, 0);
    }

    75% {
        clip: rect(6px, 9999px, 85px, 0);
    }

    80% {
        clip: rect(96px, 9999px, 58px, 0);
    }

    85% {
        clip: rect(16px, 9999px, 24px, 0);
    }

    90% {
        clip: rect(40px, 9999px, 31px, 0);
    }

    95% {
        clip: rect(91px, 9999px, 34px, 0);
    }

    100% {
        clip: rect(87px, 9999px, 26px, 0);
    }
}

.error:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 #4e73df;
    top: 0;
    color: #5a5c69;
    background: #f8f9fc;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}



#loadingstart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loadingcircle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 6px solid #ddd;
    border-top-color: #5772FE;
    animation: loadingcircle 1s linear infinite;
}

@keyframes loadingcircle {
    to {
        transform: rotate(360deg);
    }
}

input, textarea, select {
    margin-top: 10px;
}

textarea {
    margin-bottom: 10px;
}

label {
    margin-top: 0.5em;
    margin-bottom: 0 !important;
}

.card-body {
    border-left: 1px solid rgba(0, 0, 0, .125);
    border-right: 1px solid rgba(0, 0, 0, .125);
    padding: .75rem 1.25rem;
}

.card-footer, .card-header {
    border: 1px solid rgba(0, 0, 0, .125);
}

.card-title h4 {
    font-weight: 500;
}

.dataTables_info {
    font-size: 14px;
}


.input-group-append, .input-group-prepend {
    margin-top: 10px !important;
}

.card-round {
    border-radius: 10px;
}

.modal-content {
    border-radius: 6px;
}

.modal-header {
    background-color: #1e21aa;
    color: #f8f9fc;
    background-blend-mode: multiply,multiply;
    line-height:0.8em !important;
}


.modal-title {
    color: #f8f9fc;
    line-height: 0.8em !important;
}

    h5.modal-title {
        font-size:1em;
        text-transform:uppercase;
    }

    thead tr th:last-child, tbody tr td:last-child {
        text-align: left;
    }

.row {
    margin-left: -1px;
    margin-right: -1px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 6px;
    padding-left: 6px;
}

#fichaSepultura {
    margin: -1em;
}

    #fichaSepultura .detalhes {
        padding: 0em !important;
    }

        #fichaSepultura .detalhes .card-header {
            background-color: #343957;
            color: #f8f9fc;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            text-transform: uppercase;
        }

        #fichaSepultura .detalhes .card-body {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border-left: 1px solid #343957;
            border-right: 1px solid #343957;
            border-bottom: 1px solid #343957;

        }

    #fichaSepultura label {
        margin-top: 0px;
        margin-bottom: 0 !important;
    }



    #fichaSepultura .editar {
        cursor: pointer;
    }

        #fichaSepultura .editar:hover {
            background-image: url(/img/edit_white.png);
            background-position: right 10px center;
            background-repeat: no-repeat;
            background-size: 20px;
        }

#ficha_foto_thumb, #ficha_foto {
    max-height: 100%;
    max-width: 100%;
}

#fichaSepultura #estado_sep {
    height: 2.6em;
    padding: 10px;
    margin: 0 -1.5em -1em -1.5em;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: 1px solid #343957;
    border-right: 1px solid #343957;
    border-bottom: 1px solid #343957;
}

#fichaSepultura #ficha_estado {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}

#fichaSepultura #podeenterrar {
    height: 0.4em;
    background-color: #05c16f;
    margin: -1em -1.5em 10px -1.5em;
}

    #fichaSepultura #podeenterrar.active, #fichaSepultura #txt_ultimoEnterro.active {
        background-color: #e74a3b;
    }

#fichaSepultura #txt_ultimoEnterro {
    background-color: #05c16f;
    padding: 0.3em;
}


.averbamento-top td, .averbamento-plus td,
.inumacao-top td, .inumacao-plus td,
.exumacao-top td, .exumacao-plus td,
.anexo-top td, .anexo-top td
{
    border: none;
}

.averbamento-top,
.inumacao-top,
.exumacao-top,
.anexo-top
{
    background: #fff url(/img/down.png) right no-repeat;
}

    .averbamento-top.show,
    .inumacao-top.show,
    .exumacao-top.show,
    .anexo-top.show
    {
        background: #fff url(/img/up.png) right no-repeat;
    }

.averbamento-plus a,
.inumacao-plus a,
.exumacao-plus a,
.anexo-plus a
{
    color: #258cfb;
}

.averbamento-bottom td,
.inumacao-bottom td,
.exumacao-bottom td,
.anexo-bottom td {
    border: 0;
    border-bottom: 1px solid #eaecf4 !important;
}

#imprimir-averbamento iframe {
    border: 0;
    width: 100%;
    min-height: 400px;
}


.btn-120 {
    width: 120px !important;
}

.btn-100 {
    width: 100px !important;
}

    #dataTable_length select {
        margin-right: 0.5em !important;
    }

    #dataTable_length label {
        display: flex;
        align-items: baseline;
        margin: 0;
        font-size: 14px;
        font-weight: 400 !important;
        line-height: 1em;
    }

#dataTable_filter label {
    margin: 0!important;
}


#editar-requerimento .card-header, #novo-requerimento .card-header {
    background-color: #5a5c69;
    color: #f8f9fc;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-transform: uppercase;
    padding: 0.5em;
    font-size: 1em !important;
    font-weight: 400 !important;
}

#editar-requerimento .card-body {
    border-radius: 0px;
    border-left: 1px solid #343957;
    border-right: 1px solid #343957;
    border-bottom: 1px solid #343957;
    background-color: #f8f9fcb2;
}



#editar-requerimento label {
    margin-top: 0px;
    margin-bottom: 0 !important;
}

#editar-requerimento .nav-link.active {
    background-color: #03a9f4;
    color: #f8f9fc;
    border-bottom:0;
}

#editar-requerimento .tab-content {
    background-color: #f8f9fcb2;
}




/*Recibos*/

#editar-recibo .card-header {
    background-color: #5a5c69;
    color: #f8f9fc;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-transform: uppercase;
    padding: 0.5em;
    font-size: 1em !important;
    font-weight: 400 !important;
}

#editar-recibo .card-body {
    border-radius: 0px;
    border-left: 1px solid #343957;
    border-right: 1px solid #343957;
    border-bottom: 1px solid #343957;
    background-color: #f8f9fcb2;
}



#editar-recibo label {
    margin-top: 0px;
    margin-bottom: 0 !important;
}

.bg-sistema {
    background-color: #343957;
}


.pisca {
    animation: blink 1s infinite;
}