@font-face {
    font-family: 'Kartika Normal';
    src: url(/Content/fonts/Kartika.ttf);
}

:root {
    /*--azul: #3795fd;
    --link-claro: #57bee6;
    --verde: rgb(20, 255, 108);
    --vermelho: #ef4544;
    --amarelo: #ffdb00;
    --cinza-claro: #5e7283;
    --roxo: #5856d6;*/
    --branco: rgb(255, 255, 255);
    --azul: rgb(55, 149, 253);
    --azul-escuro: rgb(7, 62, 126);
    --link-claro: rgb(87, 190, 230);
    --link-claro-hover: rgb(153, 215, 240);
    --verde: rgb(20, 255, 108);
    --vermelho: rgb(239, 69, 68);
    --laranja: rgb(247, 144, 34);
    --amarelo: rgb(255, 219, 0);
    --amarelo-forte: rgb(232, 151, 0);
    --cinza-claro: rgb(94, 114, 131);
    --roxo: rgb(88, 86, 214);
    --laranja: rgb(247, 144, 34);
    --cor-branco: 255, 255, 255;
    --cor-azul: 55, 149, 253;
    --cor-azul-escuro: 7, 62, 126;
    --cor-link-claro: 87, 190, 230;
    --cor-verde: 20, 255, 108;
    --cor-vermelho: 239, 69, 68;
    --cor-laranja: 253, 126, 20;
    --cor-amarelo: 255, 219, 0;
    --cor-amarelo-forte: 232, 151, 0;
    --cor-cinza-claro: 94, 114, 131;
    --cor-roxo: 88, 86, 214;
    --cor-laranja: 247, 144, 34;
}

*, *:focus, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

body {
    margin: 0;
    padding: 0;
}

kbd {
    display: inline-block;
    margin: 0 .1em;
    padding: .1em .6em;
    font-family: monospace;
    /* font-size: 11px; */
    line-height: 1.4;
    color: #fff;
    text-shadow: 0 1px 0 #212736;
    background-color: hsla(223, 24%, 30%, 1);
    border: 1px solid hsla(223, 24%, 17%, 1);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(29, 35, 49, 0.2), 0 0 0 2px hsla(223, 24%, 25%, 1) inset;
    white-space: nowrap;
}

hr.dark {
    border-top: 1px solid rgba(255,255,255,.1)
}

time-ago{
    cursor: help;
}

blockquote.blq-interacao {
    padding-left: 12px;
    border-left: 5px solid #c3c3c3;
    margin: 10px 0 15px;
    opacity: .7;
}

input[type=button][disabled][title], button[disabled][title] {
    cursor: help;
}

i[disabled=true], i[disabled=disabled]{
    opacity: .5;
}

.callout {
    width: 100%;
    border-radius: 3px;
    background: #0000000f;
    padding: 16px 16px 16px 12px;
    color: hsl(217 16% 6% / 1);
    margin-top: 10px;
    margin-bottom: 10px;
}

    .callout:before {
        content: '⚠️';
        text-shadow: 0 0 13px #fff;
        height: 24px;
        width: 24px;
        margin-right: 8px;
    }

.ul-registro-atividades .callout {
    color: inherit;
    background-color: rgba(255, 255, 255, .15);
}

    .ul-registro-atividades .callout:before {
        text-shadow: unset;
    }

.form-control.erro {
    border-color: #ef4544;
    border-color: var(--vermelho);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 67, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 67, 66, 0.6);
}

.link-escuro, .link-escuro-hover:hover {
    color: #3795fd;
    color: var(--azul);
    text-decoration: underline;
    cursor: pointer;
}

.link {
    color: #57bee6;
    color: var(--link-claro);
    border-bottom-color: #57bee6;
    border-bottom: 1px solid var(--link-claro);
    cursor: pointer;
}

.text-azul {
    color: #3795fd;
    color: var(--azul) !important;
}

    .text-azul.link {
        border-bottom: 1px solid var(--azul);
    }

.text-amarelo-forte {
    color: #ef4544;
    color: var(--amarelo-forte) !important;
}

.text-vermelho {
    color: #ef4544;
    color: var(--vermelho) !important;
}

    .text-vermelho.link {
        border-bottom: 1px solid var(--vermelho);
    }

.text-verde {
    color: rgb(20, 255, 108);
    color: var(--verde) !important;
}

    .text-verde.link {
        border-bottom: 1px solid var(--verde);
    }

.text-amarelo {
    color: #ffdb00;
    color: var(--amarelo) !important;
}

    .text-amarelo.link {
        border-bottom: 1px solid var(--amarelo);
    }

.badge-branco {
    color: #16191d;
    background-color: #fff;
}

.badge-azul {
    color: #fff;
    background-color: #3795fd;
    background-color: var(--azul);
}

.badge-vermelho {
    color: #fff;
    background-color: #ef4544;
    background-color: var(--vermelho);
}

.badge-verde {
    color: #16191d;
    background-color: rgb(20, 255, 108);
    background-color: var(--verde);
}

.badge-laranja {
    color: #16191d;
    background-color: rgb(247, 144, 34);
    background-color: var(--laranja);
}

.badge-cinza {
    color: #fff;
    background-color: #4f4f4f;
}

.badge-amarelo {
    color: #16191d;
    background-color: #ffdb00;
    background-color: var(--amarelo);
}

.badge-laranja {
    color: #16191d;
    background-color: #f79022;
    background-color: var(--laranja);
}

.badge-preto {
    color: #fff;
    background-color: #000;
}

.badge-normal {
    font-size: 1em;
}

.badge-ellipsis {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.link:hover {
    color: var(--link-claro-hover);
    text-decoration: none;
}

.modal {
    color: #5e7283;
    color: var(--cinza-claro);
}

.modal-open .modal {
    -webkit-overflow-scrolling: touch;
}

.modal-content {
    background-color: #F2F3F4;
    border-radius: 15px;
}

.modal-header {
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    background-color: #dfdfdf;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
}

    .modal-header > * {
        flex: 1;
    }

    .modal-header, .modal-header * {
        font-size: 18px;
        line-height: 48px;
    }

        .modal-header h2 {
            text-align: center;
            color: #111;
            white-space: nowrap;
        }

        .modal-header p[data-label="Status"] {
            text-align: right;
            color: rgba(17, 17, 17, .8);
        }

            .modal-header p[data-label="Status"] span {
                /*font-size: .95em;*/
                /*font-weight: 300;*/
            }

.modal-cancelar {
    color: #3795fd;
    color: var(--azul);
    cursor: pointer;
}

.modal-body label {
    color: #333;
    font-size: 1.07em;
    font-weight: 700;
}

/*.modal-body {
    overflow: hidden;
}*/

.modal-body p {
    margin-left: 15px;
}

.modal-body hr {
    margin: 10px -15px;
    border: 0;
    border-top: 1px solid #ccc;
}

.modal-body .card-modal {
    border: 1px solid rgba(0,0,0,.2);
    background-color: rgba(255, 255, 255, .8);
    padding: 10px;
    padding-bottom: 0;
    position: relative;
    border-radius: 15px;
}

    .modal-body .card-modal:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-bottom: 10px solid rgba(0,0,0,.2);
        border-left: 10px solid rgba(0,0,0,0);
        border-right: 10px solid rgba(0,0,0,0);
        top: -10px;
        left: 30px;
    }

.modal-body .arrow-md-7 .card-modal:before {
    left: 340px;
}

.modal-body .nav-tabs {
    border-bottom: 1px solid #bdbfc1;
}

    .modal-body .nav-tabs .nav-item:not(.show) .nav-link, .modal-body .nav-tabs .nav-link:not(.active) {
        cursor: pointer;
        color: #3795fd;
        color-interpolation: var(--azul);
    }

    .modal-body .nav-tabs .nav-item .nav-link, .modal-body .nav-tabs .nav-link {
        cursor: pointer;
    }

        .modal-body .nav-tabs .nav-item.show .nav-link, .modal-body .nav-tabs .nav-link.active {
            color: inherit;
            background-color: #F2F3F4;
            border-color: #bdbfc1 #bdbfc1 #F2F3F4;
        }

        .modal-body .nav-tabs .nav-item:not(.show) .nav-link:focus, .modal-body .nav-tabs .nav-link:not(.active):hover {
            border-color: #e9ecef #e9ecef #bdbfc1;
        }
/*.aviso {
    color: #47525e;
    font-weight: 500;
    padding: 3px 10px;
    position: absolute;
    float: left;
    border-radius: 3px;
}

    .aviso:before {
        content: '';
        border-right: 7px solid;
        border-top: 7px solid rgba(0,0,0,0);
        border-bottom: 7px solid rgba(0,0,0,0);
        height: 0;
        padding: 0;
        position: absolute;
        left: -7px;
        top: 50%;
        transform: translate(0, -50%);
    }*/
body > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.popover-header {
    color: #111;
}

[tabindex]:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.btn-link-claro {
    font-weight: 400;
    color: #57bee6;
    color: var(--link-claro);
    background-color: transparent;
}

    .btn-link-claro:hover {
        text-decoration: underline;
    }

    .btn-link-claro:focus {
        box-shadow: none;
        text-decoration: underline;
    }

    .btn-link-claro:active {
        opacity: .7;
        text-decoration: underline;
    }

.btn-azul {
    background-color: #3795fd;
    background-color: var(--azul);
    color: #fff;
}

    .btn-azul:hover {
        background-color: #328bec;
        color: #fff;
    }

    .btn-azul:focus {
        background-color: #2e7acc;
        color: #fff;
    }

.btn-amarelo {
    background-color: var(--amarelo);
    color: #16191d;
}

    .btn-amarelo:hover {
        background-color: #c7ac00;
        color: #16191d;
    }

    .btn-amarelo:focus {
        background-color: #c7ab00;
        color: #16191d;
    }


.btn-verde {
    background-color: #14ff6c;
    background-color: var(--verde);
    border-color: var(--verde);
    color: #3c3c3c;
}

    .btn-verde:hover {
        background-color: #00e052;
        border-color: #00e052;
        color: #3c3c3c;
    }

    .btn-verde:focus {
        background-color: #00ad40;
        box-shadow: 0 0 0 0.2rem rgba(0, 173, 64, .5);
        border-color: #00ad40;
        color: #3c3c3c;
    }


.btn-azul-outline {
    background-color: #fff;
    border-color: #ccc;
    color: #ef4544;
    color: var(--azul);
}

    .btn-azul-outline:not([disabled]):hover {
        background-color: #1c85fd;
        border-color: #1c85fd;
        color: #fff;
    }


.btn-vermelho {
    background-color: #fff;
    border-color: #ccc;
    color: #ef4544;
    color: var(--vermelho);
}

.btn-vermelho-confirmacao {
    background-color: #ef4544;
    background-color: var(--vermelho);
    color: #fff;
}

    .btn-vermelho:not([disabled]):hover, .btn-vermelho-confirmacao:not([disabled]):hover {
        background-color: #da403f;
        border-color: #da403f;
        color: #fff;
    }

    .btn-vermelho:not([disabled]):focus, .btn-vermelho-confirmacao:not([disabled]):focus {
        background-color: #c13b3a;
        box-shadow: 0 0 0 0.2rem rgba(193,59,58,.5);
        border-color: #da403f;
        color: #fff;
    }

.btn-plus {
    position: fixed;
    bottom: 55px;
    right: 15px;
    cursor: pointer;
    background-color: var(--azul);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    z-index: 1;
}

    .btn-plus:after {
        font-family: 'FontAwesome';
        content: '\f067';
        position: absolute;
        line-height: 56px;
        width: 56px;
        text-align: center;
        font-size: 1.4em;
    }


.diff-excluido {
    background: rgba(255, 0, 0, .2);
    color: #950d0d;
    text-decoration: line-through
}

.diff-adicionado {
    background: rgba(0, 255, 0, .2);
    color: #0c4b0c;
}

.diff-antes-depois-excluido {
    background-color: rgba(var(--cor-vermelho), .1);
    color: hsl(0, 84%, 48%);
}

.diff-antes-depois-adicionado {
    background-color: rgba(var(--cor-azul), .15);
    color: hsl(212, 98%, 27%);
}

/*.btn-progresso {
    position: relative;
    background: var(--azul);
    background: #3795fd;
    overflow: hidden;
}

    .btn-progresso::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.2);
        animation: progress ease-in-out forwards;
    }*/

/*#region*/
.skeleton-loading {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.skeleton-box {
    /*background: #e0e0e0;*/
    background: linear-gradient(to right, #e0e0e0 8%, #f5f5f5 18%, #e0e0e0 33%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite linear;
    height: 20px;
    margin: 8px 0;
}

    .skeleton-box:last-child {
        width: 80%;
    }

.skeleton-box::before {
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background-color: #e0e0e0;*/
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}
/*#endregion*/


@keyframes progress {
    0% {
        left: -100%;
    }

    90% {
        left: -35%;
    }

    100% {
        left: 0%;
    }
}

.btn-drop-shadow {
    box-shadow: rgba(0,0,0,.5) 3px 3px 4px -2px;
}

.btn-round {
    border-radius: 50%;
}

/*Inicio DATEPICKER*/
.ui-datepicker {
    font-family: Roboto;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,.5) 5px 5px 50px;
}

    .ui-datepicker table {
        width: calc(100% - 20px);
        margin: 0 10px 20px;
    }

    .ui-datepicker .ui-datepicker-header {
        background: var(--azul);
        color: #fff;
        border-radius: 0;
        padding: 10px 0;
        font-size: 1.2rem;
        font-weight: 400;
    }

    .ui-datepicker.ui-state-default, .ui-widget-content .ui-state-default {
        font-weight: 500;
        text-align: center;
        color: #454545;
        width: 34px;
        height: 34px;
        line-height: 34px;
        padding: 0;
        border: none;
        background: unset;
        border-radius: 50%;
    }

        .ui-datepicker.ui-state-default:hover, .ui-widget-content .ui-state-default:hover {
            border: none;
            background: #ddd;
        }

    .ui-datepicker .ui-state-active {
        border: none;
        background: var(--azul);
        color: #fff !important;
    }

        .ui-datepicker .ui-state-active:hover {
            background: var(--azul);
            opacity: .7;
        }

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    color: var(--azul);
}

.ui-datepicker.ui-widget.ui-widget-content, .ui-datepicker .ui-widget-header {
    border: none;
}

.ui-datepicker.ui-widget-content {
    color: #757575;
}

.ui-datepicker th {
    font-weight: 500;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-weight: normal;
    align-items: center;
    justify-content: center;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 50%;
    transform: translate(0, -50%);
}

.ui-datepicker-prev:before {
    content: "\f053";
}

.ui-datepicker-next:before {
    content: "\f054";
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ui-datepicker .ui-datepicker-header .ui-state-hover {
    border: none;
    background: unset;
    cursor: pointer;
}
/*

.ui-datepicker-title {
    text-align: center;
    font-size: 15px;
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
}*/
/*Fim DATEPICKER*/

/*Custom checkbox inicio*/
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    display: none;
    left: -9999px;
}

    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 1.95em;
        cursor: pointer;
    }

        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 2px solid #ccc;
            background: #fff;
            border-radius: 5px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        }
        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '';
            position: absolute;
            top: 5px;
            left: 5px;
            width: 10px;
            height: 10px;
            border-radius: 2px;
            background-color: #47525e;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #8eb8e5;
}

/* hover style just for information */
label:hover:before {
    border: 2px solid #328bec !important;
}
/*Custom checkbox fim*/

.text-monospace {
    font-family: monospace;
}

.copiar, .cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-default {
    cursor: default !important;
}

.copiar:after {
    content: "\f0ea";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: .5rem;
}

.copiar:hover:after {
    color: #007bff;
}

.zerar-negrito {
    font-weight: 400 !important;
}

.top-buffer {
    margin-top: 20px;
}

.bottom-buffer {
    margin-bottom: 20px;
}

.close:focus {
    outline: none;
}

.clear {
    clear: both;
}

.nowrap {
    white-space: nowrap
}

.alert p {
    margin: 0;
}

.limite-horas {
    border: 5px solid;
}

.erro-dashboard .close {
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 15px;
}

    .erro-dashboard .close:hover {
        opacity: .8;
    }

.erro-dashboard .fa {
    margin: 0 10px 0 0;
}

.alert-dismissable {
    padding-right: 40px;
}

.persistent .erro-dashboard.alert {
    left: 0;
    right: unset;
    z-index: 1051;
}

.erro-dashboard.alert {
    position: fixed;
    bottom: 0;
    right: 0;
    top: unset;
    margin: 61px 68px;
    z-index: 1400;
    transition-duration: .2s;
    transition-property: bottom;
    transition-timing-function: ease-in-out;
}

#alerts-list div:nth-child(1) .erro-dashboard.alert {
    bottom: 0;
}

#alerts-list div:nth-child(2) .erro-dashboard.alert {
    bottom: 68px;
}

#alerts-list div:nth-child(3) .erro-dashboard.alert {
    bottom: calc(68px * 2);
}

#alerts-list div:nth-child(n+4) .erro-dashboard.alert {
    bottom: calc(68px * 3);
    opacity: 0;
    pointer-events: none;
    transition-property: opacity, bottom;
}

.erro-dashboard.alert > .glyphicon {
    position: relative;
    top: unset;
    width: unset;
    margin-right: 15px;
    height: unset;
    border-radius: unset;
    line-height: unset;
}

.erro-dashboard {
    border: none;
    border-radius: 7px;
}

.alert-warning {
    background-color: #ffdb00;
    background-color: var(--amarelo);
    color: #47525e;
}

    .alert-warning .close {
        /*color: #47525e;*/
    }

.alert-warning-forte {
    background-color: #e89700;
    background-color: var(--amarelo-forte);
    border-color: var(--amarelo-forte);
    color: #222;
}

.alert-warning-muted {
    background-color: #36321c;
    background-color: rgba(var(--cor-amarelo), .05);
    color: #d1cdb8;
    border: 1px solid rgba(var(--cor-amarelo), .15);
}

.alert-danger {
    background-color: #ef4544;
    background-color: var(--vermelho);
    color: #fff;
    border: none;
}

.alert-info-escuro {
    background-color: var(--azul-escuro);
    color: #fff;
    border-bottom-left-radius none;
}

.erro-dashboard.alert-danger .close {
    /*color: #fff;*/
}

.alert-success {
    background-color: rgb(20, 255, 108);
    background-color: var(--verde);
    color: #16191d;
}

.erro-dashboard.alert-success .close {
    /*color: #47525e;*/
}

.erro-dashboard.alert-info {
    background-color: var(--azul-escuro);
    color: #fff;
}

    .erro-dashboard.alert-info .close {
        /*color: #47525e;*/
    }

.alert-info {
    color: #01326a;
    background-color: #c2defe;
    border-color: #a9d1fe;
}

.alert-info-dark {
    color: #e1efff;
    background-color: #141d38;
    border-color: #1e2b52;
}

.breadcrumb {
    /*margin-right: -15px;
    margin-left: -15px;*/
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 2rem;
    list-style: none;
    background-color: transparent;
    padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #6c757d;
        content: "/";
    }

.breadcrumb-item.active {
    color: #6c757d;
}

.form-control, .form-control.selectpicker + .dropdown-toggle {
    min-width: 70px;
    border-radius: 6px;
}

.opcao-texto {
    font-size: .8em;
    padding: 0 .7em;
    opacity: .6;
    cursor: pointer;
    color: rgba(var(--cor-cinza-claro), .3);
}

    .opcao-texto:hover {
        opacity: 1;
    }

p:hover .opcao-texto, div.info:hover .opcao-texto {
    color: var(--cinza-claro);
}

.nav-tabs.dark {
    border-color: rgba(255, 255, 255, .15);
}

    .nav-tabs.dark .nav-link.active {
        border-color: rgba(255, 255, 255, .15) rgba(255, 255, 255, .15) rgba(0, 0, 0, .20);
        background-color: transparent;
        border-bottom: 1px solid #181b27;
        color: #fff;
    }

    .nav-tabs.dark .nav-link:not(.active):hover {
        border-color: rgba(255, 255, 255, .1) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1);
        cursor: pointer;
    }

.nav-tabs a:hover {
    color: #3396ff;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

    .modal-backdrop.show {
        opacity: 1;
    }

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.badge {
    vertical-align: text-bottom;
}

.text-decoration-none {
    text-decoration: none;
}

.file-name {
    text-decoration: underline;
}

.file-size {
    white-space: nowrap;
    font-size: .9rem;
    color: rgba(var(--cor-azul), .7);
}

.black-and-white {
    filter: grayscale(100%);
}

.text-underline {
    text-decoration: underline;
}

.link-soft {
    text-decoration: underline;
    cursor: pointer;
}

.delete-file-chamado {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 18px;
    cursor: pointer;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    color: var(--vermelho);
    transition: 0.4s all;
}

    .delete-file-chamado[disabled] {
        color: var(--cinza-claro);
        cursor: not-allowed;
    }

.text-prohibited {
    cursor: not-allowed;
}

.badge.muted {
    opacity: .2;
}

.form-check-label{
    user-select: none;
}

@keyframes move-bar {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 28px 0;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2023-8-4 14:12:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

.vibrate-1 {
    -webkit-animation: vibrate-1 3 .1s linear both;
    animation: vibrate-1 3 .1s linear both
}

@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}


@media screen and (max-width: 991.98px) {
    .erro-dashboard.alert {
        position: fixed;
        width: 100%;
        margin: 0;
    }

    .erro-dashboard {
        border-radius: 0;
    }

    .modal-header, .modal-header * {
        font-size: 16px;
    }
}