html, body {
    min-height: 100%;
    height: 100%;
    background-color: #F1F1F1;
    font-size: 0.9rem;
    color: #9E9E9E;
}

.header-sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 999;
}

.body-container {
    min-height: 100%;
    position: relative;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.body-content {
    /*padding-top: 35px;*/
    padding-bottom: 60px;
}

    .body-content .card {
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
        border: none;
    }

.body-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.desk-header {
    background-color: #6D26C2;
    padding: 20px 36px;
}

.HundredPercent {
    width: 100% !important;
}

.desk-header-content {
    height: 40px;
}

.desk-header-user, .desk-header-logo {
    height: 100%;
}

.desk-header-user {
    float: right;
}

    .desk-header-user img {
        height: 100%;
        border-radius: 50%;
    }

/* Remove caret apos menu dropdown */
.dropdown-toggle::after {
    border: 0;
}

.form-vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
}

h3 {
    line-height: 30px;
    font-size: 1.1rem;
    color: #4F515E;
    font-weight: 500;
}

a, .btn-link, .btn-link:not([href]):not([tabindex]) {
    color: #2664C2;
}

.wrap {
    clear: both;
}
/*------------------------------------------------------*/
.btn {
    border-width: 1px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0.4em;
    font-size: 0.8rem;
}

    .btn:not(:disabled):hover, .btn.disabled:hover,
    .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .show > .btn.dropdown-toggle,
    .btn.active.focus, .btn.active:focus, .btn.active:hover, .btn.focus:active, .btn:active:focus, .btn:active:hover, .open > .dropdown-toggle.btn.focus, .open > .dropdown-toggle.btn:focus, .open > .dropdown-toggle.btn:hover, .btn.focus, .btn:focus,
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #18AF66;
        border-color: #18AF66;
    }

.btn-primary {
    background: #0CBB73;
    border-color: #0CBB73;
    color: white !important;
}

.btn:disabled {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #a5a0ac !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-secondary, .btn-secondary:disabled {
    background: none;
    border-color: #a5a0ac;
    color: #a5a0ac !important;
}

    .btn-secondary:disabled {
        border-color: #E0E0E0 !important;
    }

.btn-link, .btn-link:hover {
    background: none !important;
    border: none;
    font-size: inherit;
    font-weight: inherit;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: #2664C2;
}

.btn i.btn-icone::after {
    content: "";
    padding-right: 5px;
}

/*------------------------------------------------------*/

.btn-navigate {
    display: inline-flex;
}

    .btn-navigate a {
        display: inline;
    }

    .btn-navigate button:first-of-type {
        margin-right: 0;
        border-radius: 0.4em 0 0 0.4em;
    }

    .btn-navigate button:last-of-type {
        margin-left: 0;
        border-left: 0;
        border-radius: 0 0.4em 0.4em 0;
    }

/*------------------------------------------------------*/

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus,
span.select2-selection.auvo-select-container {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6D26C2), to(#6D26C2)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
    background-image: -webkit-linear-gradient(#6D26C2, #6D26C2), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: -o-linear-gradient(#6D26C2, #6D26C2), -o-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: linear-gradient(#6D26C2, #6D26C2), linear-gradient(#d9d9d9, #d9d9d9);
}

    .form-material .form-control[readonly].focus, .form-material .form-control[readonly]:focus {
        background-size: 0 2px, 100% 1px;
    }

/*------------------------------------------------------*/
.input-validation-error {
    border-color: #E04744;
}

    .input-validation-error:focus {
        border-color: #E04744;
    }

.valid {
    border-color: #28CC89;
}

    .valid:focus {
        border-color: #28CC89;
    }

.field-validation-valid, .field-validation-error {
    font-size: 80%;
    font-weight: 400;
    float: left;
    margin-top: 2px;
}

.field-validation-error {
    color: #E04744;
}

.form-material .form-control.input-validation-error,
.form-material .form-control.input-validation-error.focus,
.form-material .form-control.input-validation-error:focus,
.form-material select.form-control.input-validation-error + .select2 .auvo-select-container {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E04744), to(#E04744)), -webkit-gradient(linear, left top, left bottom, from(#f3c8c7), to(#f3c8c7));
    background-image: -webkit-linear-gradient(#E04744, #E04744), -webkit-linear-gradient(#f3c8c7, #f3c8c7);
    background-image: -o-linear-gradient(#E04744, #E04744), -o-linear-gradient(#f3c8c7, #f3c8c7);
    background-image: linear-gradient(#E04744, #E04744), linear-gradient(#f3c8c7, #f3c8c7);
}

.form-control, select.form-control option {
    color: #424242;
    font-size: 0.9rem;
}

/* Placeholders */

select.form-control:invalid {
    color: #99abb4;
}

.form-control::-webkit-input-placeholder,
.auvo-select-container .select2-search__field::-webkit-input-placeholder {
    color: #99abb4;
    opacity: 1
}

.form-control::-moz-placeholder,
.auvo-select-container .select2-search__field::-moz-placeholder {
    color: #99abb4;
    opacity: 1
}

.form-control:-ms-input-placeholder,
.auvo-select-container .select2-search__field:-ms-input-placeholder {
    color: #99abb4;
    opacity: 1
}

.form-control::-ms-input-placeholder,
.auvo-select-container .select2-search__field::-ms-input-placeholder {
    color: #99abb4;
    opacity: 1
}

.form-control::placeholder {
    color: #99abb4;
    opacity: 1
}

span#loading {
    padding: 0 4px;
    display: none;
}

span#loadingSSO {
    padding: 0 4px;
    display: none;
}


/*--------------------------------------------------------------------*/

.topbar {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 999;
}

@media (max-width: 767px) {
    .topbar {
        position: relative;
    }
}

.topbar .navbar-toggler {
    border: 0;
    font-size: 22px;
    padding: 5px;
}

.topbar .top-navbar {
    min-height: 60px;
    padding-left: 0px;
    padding-right: 0px;
}

.topbar .perfil-usuario-link span {
    font-size: 1.1rem;
    margin-right: 10px;
}

.topbar .profile-pic {
    max-height: 30px;
}

.navbar-brand img {
    max-height: 32px;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding-bottom: 0;
    padding-top: 0;
}

/*--------------------------------------------------------------------*/

.navbar-principal {
    border-radius: 0;
    background-color: white;
    -webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.21);
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.21);
    z-index: 900;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.1em;
}

    .navbar-principal .navbar-nav .nav-link {
        color: #a5a0ac;
        padding: 0.75rem 1rem;
        padding-right: 1.5rem;
    }

    .navbar-principal .nav-link:first-of-type {
        padding-left: 0;
    }

    .navbar-principal .nav-link i {
        margin-right: 7px;
    }

    .navbar-principal .navbar-nav .nav-link:hover, .navbar-principal .navbar-nav .nav-link:focus {
        color: #6D26C2;
    }

.dropdown-item {
    padding: 10px 1rem;
}

.btn-noborder {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.p-l-25 {
    padding-left: 25px !important;
}

.auvo-content-title {
    font-size: 1.5rem;
    font-weight: 400;
    float: left;
}

.dataTables_wrapper {
    padding-top: 0;
}

.auvo-table {
    color: #424242;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 2px;
}

    .auvo-table[data-select="true"] td:first-child, .auvo-table[data-select="true"] th:first-child {
        width: 1%;
        text-align: center;
    }

    .auvo-table thead th {
        color: #a5a0ac;
        font-size: 0.8rem;
    }

        .auvo-table thead th:first-child {
            border-radius: 4px 0 0 0;
        }

        .auvo-table thead th:last-child {
            border-radius: 0 4px 0 0;
        }

    .auvo-table tr {
        background: white;
    }

        .auvo-table tr.selected {
            background-color: #fbfbfb;
        }

    .auvo-table td {
        padding-top: 1.1rem;
        padding-bottom: 1.1rem;
        vertical-align: middle;
    }

.dataTables_wrapper .dataTables_filter {
    display: none;
}

/*--------------------------------------------------------------------*/

.auvo-table [type="checkbox"] + label {
    display: inline;
    line-height: normal;
}

.auvo-table tr th[data-column-type="checkbox"] {
    width: 1%;
    white-space: nowrap;
}

.auvo-table [type="checkbox"].filled-in:not(:checked) + label:after {
    border-color: #CACACA;
}

.auvo-table th:first-child, .auvo-table td:first-child {
    padding-left: 2rem;
}

.auvo-table th:last-child, .auvo-table td:last-child {
    padding-right: 2rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: 2px;
    border-color: #a5a0ac;
}


.dataTables_wrapper .dataTables_info {
    line-height: 35px;
    font-size: 0.8rem;
}

/*. {
    padding-bottom: 35px;
    }*/


/*--------------------------------------------------------------------*/

.auvo-filtro {
    padding-bottom: 37px;
}

    .auvo-filtro .card {
        height: 100%;
    }

    .auvo-filtro label {
        font-size: 11px;
        margin-bottom: 0;
    }

/*--------------------------------------------------------------------*/

.find-control {
    font-family: Poppins, FontAwesome;
}

/*--------------------------------------------------------------------*/

.hide {
    display: none;
}

/*--------------------------------------------------------------------*/

.form-material .control-label {
    margin-bottom: 0;
    font-size: 0.8rem;
}

.form-material textarea, .form-material textarea.form-control {
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px !important;
    padding: 5px;
}
    /*--------------------------------------------------------------------*/


    /*.form-material .select2-container--default .select2-selection--single {
    border-radius: 0;
    background: initial;
    border-width: 0 0 1px 0;
}*/

    .form-material textarea.form-control:focus {
        border: 1px solid #d9d9d9;
    }

/*--------------------------------------------------------------------*/

span.select2-selection.auvo-select-container,
span.select2-selection.select2-selection--single,
span.select2-selection.select2-selection--multiple {
    border: none;
    background-color: transparent;
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    width: 100%;
}

span.select2-container--focus span.select2-selection.auvo-select-container,
span.select2-container--focus span.select2-selection.select2-selection--single,
span.select2-container--focus span.select2-selection.select2-selection--multiple {
    border: none;
    background-size: 100% 2px, 100% 1px;
    outline: 0 none;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

span.select2-container--focus span.select2-selection.auvo-select-container {
    background-size: 0 2px, 100% 1px;
}

.form-material .auvo-select-container {
    border-radius: 0;
    background: initial;
    border-width: 0 0 1px 0;
    min-height: 38px;
}

.select2-container .auvo-select-container .select2-selection__rendered {
    padding-left: 0;
    line-height: 38px;
}

.select2-container .auvo-select-container.select2-selection--multiple .select2-selection__rendered {
    line-height: 26px;
}

.select2-container .auvo-select-container .select2-selection__arrow {
    height: 36px;
}

.select2-container .auvo-select-container span.select2-selection__clear {
    color: #9E9E9E;
}

.auvo-select-dropdown {
    border-color: #d9d9d9;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
}

    .auvo-select-dropdown .select2-results__option--highlighted[aria-selected] {
        background-color: #fbfbfb;
        color: #4F515E;
    }

    .auvo-select-dropdown .select2-results > .select2-results__options {
        max-height: 220px;
    }

    .auvo-select-dropdown .select2-results__option {
        font-weight: normal;
        color: #99abb4;
    }

        .auvo-select-dropdown .select2-results__option[aria-selected=true],
        .auvo-select-dropdown .select2-results__option[aria-selected=true] .option-titulo {
            background-color: initial;
            color: #6D26C2;
        }

        .auvo-select-dropdown .select2-results__option .option-titulo {
            color: #38474f;
        }

        .auvo-select-dropdown .select2-results__option[aria-disabled*='true'] .option-titulo {
            color: #99abb4;
        }

        .auvo-select-dropdown .select2-results__option .option-descricao {
            color: #99abb4;
            font-size: 0.85rem;
            font-weight: 300;
            padding-left: 10px;
        }

/*--------------------------------------------------------------------*/

.auvo-editor {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px 0px 0px 20px;
}

    .auvo-editor textarea.form-control, .auvo-editor textarea.form-control:focus {
        background: none !important;
        margin-bottom: -5px !important;
        border: none;
    }

    .auvo-editor .editor-toolbar {
        margin-left: -10px;
        margin-bottom: 8px;
    }

        .auvo-editor .editor-toolbar a {
            color: #a5a0ac;
            margin-right: 5px;
            padding: 5px 10px;
        }

        .auvo-editor .editor-toolbar .wysihtml5-command-active,
        .auvo-editor .editor-toolbar .wysihtml5-action-active {
            color: #6d26c2;
        }

    .auvo-editor .wysihtml5-sandbox {
        margin-bottom: -5px !important;
    }

/*--------------------------------------------------------------------*/

.select2-selection__choice {
    background: #EEEEEE !important;
    font-size: 14px !important;
    border: 1px solid transparent !important;
}

.cardbodynopadding {
    padding: 0px !important;
    /*padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;*/
}

.btn-semborda {
    border: none;
    box-shadow: none;
}

.m-a-0 {
    margin: 0px;
}


/*--------------------------------------------------------------------*/


.p-b-0 {
    padding-bottom: 0px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

/*.form-control[readonly] {
    background-color: #fff;
    background: #fff;
    outline: none;
}

    .form-control[readonly] input:focus {
        outline: none;
    }*/

input.NoOutLine:focus {
    outline: none !important;
}

[type="radio"]:checked + label:after {
    width: 13px !important;
    height: 13px !important;
    border-width: 1px !important;
}

[type="radio"].radio-col-purple:checked + label:after {
    background-color: #6D26C2 !important;
    border-color: #6D26C2 !important;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
    width: 13px !important;
    height: 13px !important;
    border-width: 1px !important;
    border-color: #a5a0ac !important;
}

[type="checkbox"] + label {
    height: 18px;
    line-height: 15px;
    padding-left: 20px;
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"].filled-in:not(:checked) + label:after {
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-color: #a5a0ac;
}

[type="checkbox"]:checked + label:after,
[type="checkbox"].filled-in:checked + label:after {
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-color: #6D26C2;
    background-color: #6D26C2;
}

[type="checkbox"]:checked + label:before,
[type="checkbox"].filled-in:checked + label:before {
    width: 6px;
    height: 9px;
}

.hidden {
    display: none !important;
}

/*--------------------------------------------------------------------*/

.auvo-files {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 0.8rem;
    /*margin-left: 10px;
    margin-right: 10px;*/
}

    .auvo-files a.btn-incluir-anexo, .auvo-files a.btn-incluir-anexo:hover {
        font-size: 0.9rem;
    }

        .auvo-files a.btn-incluir-anexo i {
            font-size: 0.7rem;
        }

    .auvo-files ul.auvo-files-lista,
    .arquivosBanco,
    .auvo-files ul.auvo-files-erros {
        margin: 0;
        padding: 0;
    }

    .auvo-files .auvo-files-mensagem .auvo-files-limite {
        font-weight: 500;
    }

    .auvo-files ul.auvo-files-lista li,
    ul.arquivosBanco li,
    .auvo-files ul.auvo-files-erros li {
        list-style: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 10px 0;
        padding-right: 20px;
        border-bottom: 1px solid #d9d9d9;
        position: relative;
        color: #4F515E;
        font-weight: normal;
    }

        .auvo-files ul.auvo-files-lista li .auvo-files-remover,
        ul.arquivosBanco li .auvo-files-remover,
        .auvo-files ul.auvo-files-erros li .auvo-files-remover {
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #9E9E9E;
            font-size: 1rem;
        }

            .auvo-files ul.auvo-files-lista li .auvo-files-remover:hover,
            ul.arquivosBanco li .auvo-files-remover:hover,
            .auvo-files ul.auvo-files-erros li .auvo-files-remover:hover {
                color: #8328f1;
            }

        .auvo-files ul.auvo-files-erros li,
        .auvo-files ul.auvo-files-erros li .auvo-files-erro,
        .auvo-files ul.auvo-files-erros li .auvo-files-remover {
            color: red;
        }

            .auvo-files ul.auvo-files-erros li .auvo-files-erro {
                margin-right: 5px;
            }

    .auvo-files .auvo-files-droparea {
        display: table-row
    }

    .auvo-files.no-droparea .auvo-files-droparea {
        display: none;
    }


    .auvo-files .auvo-dropzone {
        position: relative;
        border: 1px dashed #dedede;
        border-radius: 3px;
        display: table-cell;
        height: 100%;
    }

        .auvo-files .auvo-dropzone:hover {
            background: rgba(216, 216, 216, 0.18);
        }

        .auvo-files .auvo-dropzone .auvo-files-mensagem {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center;
            color: #CCCCCC;
        }

        .auvo-files .auvo-dropzone .icone {
            font-size: 3.5rem;
            margin-bottom: 15px;
        }

        .auvo-files .auvo-dropzone span {
            display: block;
            text-align: center;
            color: #9E9E9E;
        }

        .auvo-files .auvo-dropzone input {
            position: relative;
            height: 100%;
            min-height: 230px;
            width: 100%;
            opacity: 0;
        }



.switchery.switchery-small {
    width: 16px;
    height: 8px;
}

    .switchery.switchery-small small {
        width: 8px;
        height: 8px;
    }

/*--------------------------------------------------------------------*/


.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.medium {
    font-weight: 400 !important;
}

.semi-bold {
    font-weight: 600 !important;
}

.font-26 {
    font-size: 26px;
}

.shw-rside {
    width: 350px;
}

.select2.select2-container.select2-container--default.select2-container--below {
    width: 100%;
}

.cor-cinza-padrao {
    color: #9E9E9E;
}

.cor-preto-padrao {
    color: #4F515E;
}

/*----------------------------------------------------------*/

#ticketDetalhes #btn-salvar-detalhes, #ticketDetalhes #btn-editar-detalhes {
    position: absolute;
    top: -27px;
    right: 0;
}

.ticket-titulo input[name=Titulo] {
    font-size: 1.1rem;
    color: #4F515E;
    font-weight: normal;
    margin-bottom: 15px;
    opacity: 1;
}

.ticket-mensagem {
    color: #4F515E;
    font-weight: normal;
}

    .ticket-mensagem pre {
        white-space: pre-wrap;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: inherit;
        /*font-family: unset;*/
        /*font-size: inherit;*/
    }

        .ticket-mensagem pre table {
            white-space: normal;
        }

        .ticket-mensagem img {
            max-width: 100%;
        }

    .ticket-mensagem .ticket-mensagem-leitura pre {
        font-family: unset;
        font-size: inherit;
        margin: 0;
    }

#ticket-form-interacao .interacao-rotulo {
    font-size: 0.8rem;
    margin-bottom: 10px;
    display: block;
}

.interacao-header, .ticket-solicitante, #ticketDetalhes .ticket-data {
    font-size: 0.8rem;
    /*font-weight: normal;*/
}

.interacao-ticket .interacao-header:after {
    content: "";
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.card.interacao-alteracao {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: rgba(255, 255, 255, 0.75);
    margin: 0 5px;
}

    .card.interacao-alteracao .interacao-header {
        margin-bottom: 0.2rem;
    }

    .card.interacao-alteracao .ticket-mensagem {
        font-size: 0.8rem;
    }

    .card.interacao-alteracao .card-body strong {
        font-weight: 500;
        color: #4F515E;
    }

.padding-5 {
    padding: 5px !important;
}

.ticket-mensagem + .ticket-anexos {
    margin-top: 30px;
}

.tabela_anexos, .tabela-tarefas {
    width: 100%;
    color: #4F515E;
    font-size: .8rem;
    font-weight: normal;
}

    .tabela_anexos tr, .tabela-tarefas tr {
        border-bottom: 1px solid #DCDCDC;
    }

    .tabela_anexos th, .tabela-tarefas th {
        color: #9E9E9E;
    }

        .tabela_anexos th:last-child, .tabela_anexos td:last-child {
            text-align: center;
        }

    .tabela_anexos td, .tabela_anexos th,
    .tabela-tarefas td, .tabela-tarefas th {
        padding: 8px 2px;
    }

        .tabela_anexos td a {
            color: #9E9E9E;
        }

    .tabela-tarefas .tarefa-status {
        height: 7px;
        width: 7px;
        margin-top: -1px;
        border-radius: 50%;
    }

.body-content .ticket-card-principal {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    border: none;
    min-height: 180px;
}

.ticket-card-principal .empty-state {
    text-align: center;
    line-height: 75px;
}

.cardLateral {
    color: #424242;
    padding: 1.4rem;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding-right: 5px !important
}
/*-------------------------------------------------------------*/
tr.sla-vermelho td:first-child, tr.sla-verde td:first-child, tr.sla-laranja td:first-child, tr.sla-cinza td:first-child {
    background-size: 5px 100%;
    background-repeat: no-repeat;
    background-position: left;
}

.card.sla-vermelho, .card.sla-verde, .card.sla-laranja, .card.sla-cinza {
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: top;
}

tr.sla-vermelho td:first-child, .card.sla-vermelho {
    background-image: linear-gradient(#fb0000, #fb0000);
}

tr.sla-verde td:first-child, .card.sla-verde {
    background-image: linear-gradient(#28CC89, #28CC89);
}

tr.sla-laranja td:first-child, .card.sla-laranja {
    background-image: linear-gradient(#FFBB00, #FFBB00);
}

tr.sla-cinza td:first-child, .card.sla-cinza {
    background-image: linear-gradient(#99abb4, #99abb4);
}

/*-----------------------------------------------------------------------*/

#SideBarFiltros {
    overflow: auto;
    direction: rtl;
    max-width: 380px;
    padding-bottom: 0;
}

    #SideBarFiltros .rpanel-header {
        position: sticky;
        top: 0;
        z-index: inherit;
        background: #fff;
    }

    #SideBarFiltros .r-panel-body {
        direction: ltr;
    }

    #SideBarFiltros .slimScrollDiv {
        height: auto !important;
    }

.slim-scrollbar::-webkit-scrollbar-track {
    background-color: #E4E4E4;
    border-radius: 10px;
}

.slim-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    /*background-color: #F1F1F1;*/
}

.slim-scrollbar::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 10px;
}

    .slim-scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: #A8A8A8;
    }

table#ListagemTickets th {
    white-space: nowrap;
}
#btnTutorial {
    background-color: #6725c5;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 5px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    padding: 5px 10px; /* Menor espaçamento interno */
    font-size: 0.9rem; /* Ajusta o tamanho da fonte */
    line-height: 1.2; /* Controla a altura da linha */
}

    #btnTutorial:hover {
        background-color: #540a91; /* Tom mais escuro no hover */
    }

    #btnTutorial i {
        font-size: 22px;
    }

/*-----------------------------------------------------------------------*/

@media (max-width: 767px) {
    .octadesk-octachat-app {
        display: none;
    }
}

/*******************
Notify Styles
*******************/
.notify {
    position: relative;
    top: -4px;
}

    /* Tooltip Container */
    .notify[data-tooltip]:hover::after {
        content: attr(data-tooltip);
        position: absolute;
        top: -90px;
        left: 33px;
        transform: translateX(0);
        background-color: #333;
        color: #fff;
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 8px;
        width: 200px;
        line-height: 1.5;
        white-space: normal;
        text-align: center;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s, visibility 0.2s;
    }

    /* Tooltip Arrow (Ponta do Balão) */
    .notify[data-tooltip]:hover::before {
        content: '';
        position: absolute;
        top: -17.5px;
        left: 53px;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-width: 6px;
        border-style: solid;
        border-color: #333 transparent transparent transparent;
        z-index: 99;
        transition: opacity 0.2s, visibility 0.2s;
    }

    /* Mostrar Tooltip ao Passar o Mouse */
    .notify[data-tooltip]:hover::after,
    .notify[data-tooltip]:hover::before {
        opacity: 1;
        visibility: visible;
    }

    /* Heartbit Animation */
    .notify .heartbit {
        position: absolute;
        top: -20px;
        right: -4px;
        height: 25px;
        width: 25px;
        z-index: 10;
        border: 5px solid #fc4b6c;
        border-radius: 70px;
        animation: heartbit 1s ease-out infinite;
    }

    .notify .point {
        width: 6px;
        height: 6px;
        border-radius: 30px;
        background-color: #fc4b6c;
        position: absolute;
        right: 6px;
        top: -10px;
    }

@keyframes heartbit {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.1);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.5);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}