[data-bs-theme=light] {
    --bs-app-bg-color: '#fff';
}


body {
    background: #f2f2f2 !important;
}
#section-kanban {
    max-height: calc(100vh - 135px);
    /* height: calc(100vh - 135px); */
    overflow-y: hidden !important;
}
.app-header {
    box-shadow: none !important;
}

[data-bs-theme=light] .table-dark-header thead th, 
[data-bs-theme=light] .table-dark-header thead th:nth-child(odd) {
    background: var(--bs-dark);
    color: white;
}

.table-dark-header {
    border-radius: 10px !important;
}

.table-dark-header thead th:first-child {
    border-radius: 10px 0px 0px 0px;
}

.table-dark-header thead th:last-child {
    border-radius: 0px 10px 0px 0px;
}
.table-dark-header tfoot tr:last-child th:first-child {
    border-radius: 0px 0px 0px 10px;
}

.table-dark-header tfoot tr:last-child th:last-child {
    border-radius: 0px 0px 10px 0px;
}

.table-dark-header tr:last-child td:first-child {
    border-radius: 0px 0px 0px 10px;
}

.table-dark-header tr:last-child td:last-child {
    border-radius: 0px 0px 10px 0px;
}

[data-bs-theme=light] .form-control.form-control-solid, 
[data-bs-theme=light] .form-select.form-select-solid, 
[data-bs-theme=light] .form-check.form-check-solid 
[data-bs-theme=light] .form-check-input:not(:checked),
.btn.btn-light {
    background-color: #f6f6f6;
}

.form-control.form-control-solid, .form-select.form-select-solid {
    border-color: #f6f6f6;
}


[data-bs-theme=dark] table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .2);
}

[data-bs-theme=dark] .bg-white {
    background-color: #2c2c41 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: var(--bs-sidebar);
}

.lh-sm {
    line-height: 1.3;
}

.btn-active-primary:hover {
    background-color: var(--bs-primary);
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    overflow-x: hidden;
}

.datatables tr th:last-child {
    text-align: end !important;
    padding-right: 50px !important;
}

.table:not(.table-bordered).table-row-bordered tr {
    border-bottom-color: transparent;
}

.dataTable .form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: #00000015;
}

.input-group-text, .input-group .form-control {
    background-color: #F1F1F1 !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: calc(var(--bs-gutter-x)* .5);
}

.phrase-login {
    border-radius: 7px;
    color: white;
    background-color: #128000bf;
    padding: 10px 15px 10px 15px;
    box-shadow: 2px 2px 10px #0000004a;
}

.form-border2 {
    border: 2px solid;
}

input[type="color"]::-moz-color-swatch {
    border: none;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
}

.phrase-dashboard {
    background-color: #fcd822;
    border-radius: 7px;
}

.form-switch .form-check-input{
    height: 1.9rem;
}

.flatpickr, .flatpickr-birth, .flatpickr-subtasks{
    cursor: pointer;
}

.icons-tasks {
    opacity: 0;
    transition: all 0.3s;
}

.card-task:hover .icons-tasks {
    opacity: 1;
}

.shadow-px {
    box-shadow: 0 15px 20px rgb(0 0 0 / 5%);
    border: dashed 1px #f5f5f5;
}

.text-muted{
    color: #8a8e9f;
}


.aside {
    background: linear-gradient(26deg, #181818, #232323);
}

.aside-dark .menu .menu-item .menu-link .menu-title {
    color: #e5e5e5;
    font-weight: 500;
}

.aside.aside-dark .aside-logo, .aside-dark .menu .menu-item .menu-link.active, .aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    background-color: #191919;
}

.aside-dark .menu .menu-item .menu-section {
    color: #f1f1f1!important;
}

.btn-treinamento-interno {
    background: linear-gradient(360deg, #ff5200, #FF9800);
    transition: all 0.25s;
    font-weight: 600;
    font-size: 12px;
}

.btn-treinamento-interno:hover {
    scale: 1.06;
}

.aside svg * {
    fill: #ffffffa1;
}

.login .form-check.form-check-solid .form-check-input {
    background-color: #00000010;
}

.tasks-green .form-check.form-check-solid .form-check-input:checked {
    background-color: #6cc70b;
}

.login .form-check.form-check-solid .form-check-input:checked {
    background-color: #FF0066;
}

.text-tasks {
    color: #5d6171;
}

.flatpickr, .flatpickr-after, .flatpickr-drawer {
    cursor: pointer;
}

.tasks-content .form-control.form-control-solid.active, .tasks-content .form-control.form-control-solid:focus {
    background: transparent;
    border: none;
}

.tags-input {
    border: none;
}

.input-clean {
    border: none;
    background: transparent;
}

.img-cover {
    object-fit: cover;
    background-position: center center;
    background-size: cover;
}

.icons-edit a {
    margin-left: 5px;
}

.table-pd td {
    padding: 8px 25px;
}
.zoom-05 {
    transition: all 0.2s !important;
    z-index: 0;
}

.zoom-05:hover {
    scale: 1.05;
    z-index: 1;
}

.zoom-1 {
    transition: all 0.2s !important;
    z-index: 0;
}

.zoom-1:hover {
    scale: 1.1;
    z-index: 1;
}

.zoom-in-out-box {
    animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

#tasksChart * {
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px;
    font-weight: 600;
}

.zoom-in-out-box-sm {
    animation: zoom-in-zoom-out-sm 1s ease infinite;
}

@keyframes zoom-in-zoom-out-sm {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes mini-zoom {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.icon-none-projects {
    font-size: 40px;
    color: #ed2966;
}

.icon-none-comments {
    font-size: 25px;
    color: #ed2966;
}

.icon-none-subtasks {
    font-size: 25px;
    color: #6cc70b;
}

:focus-visible {
    outline: none;
}

.elegant-div {
    box-shadow: 5px 5px 15px #36383b08;
    border: dashed 1px #dddddd;
}

#task-dates .flatpickr_hours {
    border-left: dashed 1px #ebebeb;
}

.text-dark {
    color: #4a4a4a!important;
}

.select2-search__field {
    font-family: 'Montserrat', sans-serif;
}

.select2-selection--multiple {
    padding: 0.65rem 1rem;
}

.select2-search__field {
    cursor: pointer;
}

.badge-hover-primary:hover {
    background: #009ef7;
    color: white;
}

.disabled {
    cursor: not-allowed;
}

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

.display-message p {
    color: #b5b5c3;
}

.alert-copy {
    position: fixed;
    bottom: 30px;
    margin-left: 30px;
    border: dashed 1px #94d8ff!important;
    z-index: 99;
}

.modal-dialog {
    max-width: 800px;
}

.alert-custom b {
    color: #009ef7;
}

.text-alert {
    color: red;
    font-weight: 600;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border-radius: 10px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.course-introduction {
    background-color: #93cdd5;
    padding: 20px;
    border-radius: 14px;
}
.course-introduction h1 {
    font-size: 25px;
    color: #242c2d;
    margin-bottom: 10px;
}
.course-introduction p {
    font-size: 17px;
    color: #09313b;
}

.progress {
    height: 20px;
    margin-bottom: 30px;
    background-color: #f2f2f2;
    border-radius: 10px;
    overflow: hidden;
}

.progress .progress-bar {
    height: 100%;
    background-color: #007bff;
}
.list-group-item.completed {
    background-color: #d4edda;
    color: #155724;
}
.mark-completed {
    background-color: gray;
    color: white;
}
.completed {
    background-color: green;
    color: white;
}

.remove-img {
    background: white;
    border: solid 1px #eeeeee;
    width: 25px;
    height: 25px;
    position: absolute;
    display: flex;
    margin-top: -10px;
    margin-left: -10px;
    z-index: 9;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: 800;
    box-shadow: 3px 3px 10px #00000025;
    color: #f1416c;
}

.edit-messages {
    opacity: 0;
    transition: all 0.2s;
}

.message-show:hover .edit-messages {
    opacity: 1;
}

.edit-messages {
    bottom: 10px;
    right: 10px;
}


#div-flatpickr-open .flatpickr-calendar {
    width: 100%;
}

#div-flatpickr-open .flatpickr-day {
    max-width: 60px;
    height: 40px;
}

.flatpickr-open {
    display: none;
}

.small-table td, .small-table th {
    padding: 4px;
}

.form-control-transparent {
    background: transparent;
    border: none;
}

@media(min-width: 768px){
    .a-img {
        margin-left: -100px;
    }
}

.img-login {
    box-shadow: 0px 2px 15px #00000055;
    border: solid 5px white;
    transition: 0.2s;
}

.img-login-hover:hover {
    scale: 1.04;
}

.footer {
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 9;
    box-shadow: 0px 0px 20px #00000015;
}

.footer .menu-item {
    transition: all 0.3s;
}

.footer .menu-item:hover {
    scale: 1.1;
}

.img-gallery-order {
    height: 180px;
    object-fit: cover;
}

@media (min-width: 768px){
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(65px + var(--kt-toolbar-height));
    }
}

.arrow-icon {
    background: whitesmoke;
    height: 40px;
    width: 40px;
    border-radius: 100px;
    box-shadow: 3px 3px 15px #00000015;
    align-items: center;
    justify-content: center;
    right: 0;
    display: flex;
}

.text-boldest {
    font-weight: 600;
}

div#search-users .menu-link {
    padding-left: 17px;
}


@media (min-width: 768px){
    div:hover::-webkit-scrollbar-thumb, ol:hover::-webkit-scrollbar-thumb, pre:hover::-webkit-scrollbar-thumb, span:hover::-webkit-scrollbar-thumb, ul:hover::-webkit-scrollbar-thumb {
        background-color: #ffffff4a;
    }
}

@media (min-width: 768px){
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(35px + var(--kt-toolbar-height));
    }
}

.badge {
    transition: all 0.2s;
}

#kt_header {
    box-shadow: 0px 10px 25px #00000010;
}


.badge-light-orange {
    color: orange;
    background: #ffa5001a;
}

.form-check-sm-custom input{
    height: 15px;
    width: 33px;
}

.form-check-sm-custom {
    height: 25px;
    margin: 0px;
    display: flex;
    align-items: center;
}

#first-collumn .col-lg-1 {
    display: none;
}
/* Works for Chrome, Safari, Edge, Opera */
.remove-arrows::-webkit-outer-spin-button,
.remove-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

.remove-arrows.form-select {
    background-image: none !important;
}

.div-conf span {
    color: #009ef7;
}

.text-hover-danger:hover {
    color: #f1416c!important;
}

.menu-link i {
    transition: transform 0.3s;
}

.rotate {
    transform: rotate(90deg);
}

.rotate-hover {
    transition: transform 0.4s ease-in-out;
}

.rotate-hover:hover {
    transform: rotate(90deg);
}

.rotate-icon-02 {
    transition: transform 0.4s ease-in-out;
}

.rotate-icon-02:hover {
    transform: rotate(180deg);
}

.card .ready-messages {
    width: 100%;
    min-height: 100px;
    max-height: 100px;
}

.modal img, .desc-info img {
    max-width: 100%;
}

.ck-toolbar {
    background: #f4f4f4;
    border: none;
}

.ck-content {
    border: none;
}

.ck-powered-by {
    display: none !important;
}

@keyframes slide {
    0% {
        background-position: center top;
    }
    50% {
        background-position: center bottom;
    }
    100% {
        background-position: center top;
    }
}

.cde-hg-100px .ck-content {
    min-height: 100px;
}

.mirror-icon {
    transform: scaleX(-1);
}

.counters {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    background: linear-gradient(360deg, #ff5200, #FF9800);
    border-radius: 10px;
    color: white;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.10);
}

#countdown {
    box-shadow: 3px 3px 10px #00000030;
    border-radius: 5px;
    padding: 1px 10px;
    background: white;
    color: #373751;
    font-weight: 800;
}

.ck-editor__editable_inline {
    min-height: 100px;
}

.horizontal-line {
    display: flex;
    align-items: center;
    text-align: center;
}
.horizontal-line::before,
.horizontal-line::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    margin: 0 10px;
    border: dashed 1px;
}
.horizontal-line::before {
    margin-left: 0;
}
.horizontal-line::after {
    margin-right: 0;
}

.text-red {
    color: red;
}


.line-tasks {
    border-left: 5px solid;
    border-radius: 10px;
    transition: all 0.2s;
}

.line-tasks:hover {
    margin-left: 5px;
}

.icon-recurrent {
    opacity: 0;
    transition: all 0.3s;
}

.line-tasks:hover .icon-recurrent{
    opacity: 1;
}

#crop-image {
    display: block;
    max-width: 100%;
}

.badge-light-orange i {
    color: orange;
}

.ready-messages * {
    font-size: 11px;
    color: #444;
    background: transparent;
}

.social-logo-svg-threads path {
    fill: black;
}

.comment-div img {
    max-width: 350px;
    border-radius: 5px;
    box-shadow: 5px 5px 20px #00000010;
}

.comment-div table {
    width: 100%;
}

.comment-div tbody{
    border: solid 1px black;
}

.select-user-task {
    transition: all 0.2s;
}

.select-user-task:hover {
    scale: 1.1;
}

.timeline-label:before {
    left: 41px;
}

.opacity-0 {
    opacity: 0;
    transition: all 0.2s;
}

td:hover .opacity-0, .opacity-1:hover .opacity-0 {
    opacity: 1 !important;
}

.last-p p:last-child {
    margin: 0px;
}

/* , .tox-statusbar__branding */
.tox-statusbar__wordcount, .tox-menubar {
    display: none;
}

.tox-toolbar__primary {
    background-color: #ededed;
}

.tox-tinymce, .tox .tox-menubar+.tox-toolbar {
    border: none;
}

.tox-tinymce {
    height: 200px;
}

.tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary {
    border-top: 1px solid #ccc;
    margin-top: -1px;
}

.tox-toolbar__primary, .tox-statusbar {
    background: #ededed;
    border: none;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: none;
}

@media (min-width: 768px) {
    #kt_app_sidebar div, #kt_app_sidebar div:hover {
        scrollbar-color: #323248 transparent;
    }

    .w-10{
        width: 10% !important;
    }

    .w-13{
        width: 13% !important;
    }

    .w-15{
        width: 15% !important;
    }

    .w-20 {
        width: 20% !important;
    }

    .w-80{
        width: 80% !important;
    }

    .w-85{
        width: 85% !important;
    }

    .w-65{
        width: 65% !important;
    }

    .w-70{
        width: 70% !important;
    }

    .w-90{
        width: 90% !important;
    }

    .w-95{
        width: 95% !important;
    }
    
}


.CKE-light .ck-toolbar {
    background: #f1f1f1 !important;
    border: 0px !important;
}

.CKE-light .ck-content {
    border: none !important;
    background: #f9f9f9 !important;
}

.ck-toolbar_grouping {
    border-radius: 30px;
}

.ck-editor {
    border: solid 1px #f1f1f1;
    border-radius: 10px;
}

.ck-toolbar .ck-toolbar_grouping {
    border-radius: 10px 10px 0px 0px !important;
    border-bottom: solid 1px #eaeaea !important;
}

.ck-blurred.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
    border-radius: 0px 0px 10px 10px;
}

.breadcrumb-dot .breadcrumb-item:after {
    content:">"
}

#drawer_tasks .ck-editor__editable {
    background: #ffffffba;
    border: solid 1px #f1f1f1;
}

.tasks-project .form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: #e0e0e0;
}


.tooltip {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #8a8e9f;
}

.raw-html-embed {
    text-align: center;
}

.badge-copy {
    background: #f1faff;
    transition: all 0.3s;
}

.icon-copy {
    color: #009ef7 !important;
}

.badge-copy:hover {
    background: #009ef7;
}

.badge-copy:hover .icon-copy {
    color: white !important;
}

#datatables_wrapper label, .dataTables_info {
    font-weight: 500;
    color: var(--bs-gray-600);
}

#datatables_next a, #datatables_previous a {
    font-size: 13px;
}

.fc-daygrid-event .fc-event-time {
    display: none;
}

.drawer-overlay {
    background-color: rgb(0 0 0 / 60%);
}

.modal-backdrop.fade.show {
    background-color: rgb(45 50 60 / 75%);
    opacity: 1;
    z-index: 1054;
}

.bg-call-selected, .bg-call-selected:hover {
    background-color: #c7ecffb5 !important;
}

.rotate-45 {
    transform: rotate(45deg);
}

.ck-balloon-panel {
    display: none;
}

.menu-feed {
    padding: 0px;
}

.menu-feed li {
    list-style: none;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 10px 15px;
    font-weight: 600;
    color: #69697a;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}

.menu-feed li:hover, li.item-menu-feed.active {
    background: linear-gradient(360deg, #ff5200, #FF9800);
    color: white;
    box-shadow: 10px 10px 10px #ff5e0021;
}

.menu-feed li:hover i, li.item-menu-feed.active i {
    color: white;
}

.btn-add-menu {
    background: linear-gradient(45deg, #e4007f, #ed2d69);
    border-radius: 10px;
    box-shadow: 10px 10px 20px #ed2d6957;
}

li.item-menu-feed i {
    width: 20px;
}

.ql-container {
    border: none;
}

.ql-toolbar {
    border: none;
    padding: 0px;
    padding-top: 10px;
}

.ql-toolbar {
    border: none;
    border-top: 1px solid var(--bs-border-color);
    padding: 0px;
    padding-top: 10px;
    border-radius: 0;
}

.ql-editor {
    padding: 20px 5px;
    font-family: 'Montserrat', sans-serif;
}

.bg-pure-dark {
    background: #121626;
}

.bg-pure-darker {
    background: #0f1422;
}

.bg-hover-pure-darker:hover {
    background: #0f1422;
}

.drawer-active i {
    color: #83d11f !important;
}

.comming-class-course {
    border: dashed 2px;
    background: #ffffff03;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #bcbcbc29;
}

.bg-module-courses {
    background: #1b202d !important;
    border-bottom: 1px dashed #00000040;
}

.plyr, .course-video-youtube {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #bcbcbc29;
}

.tns-slide-active {
    margin-bottom: 15px;
}

.mw-1250px {
    max-width: 1250px;
}

.mw-1150px {
    max-width: 1150px;
}

.bg-slight-success {
    background-color: #00d24e45  !important;
}

.bg-slight-warning {
    background-color: #ffff0045 !important;
}

.bg-slight-danger {
    background-color: #ff00004f !important;
}

.bg-slight-info {
    background-color: #b56bff4f !important;
}

.toast-top-right {
    right: 5px;
    top: 75px;
}

.select2-container--bootstrap5 .select2-selection--multiple {
    justify-content: start;
}

.shadow-light {
    box-shadow: 0px 0px 20px #00000010;
}

.shadow-medium {
    box-shadow: 5px 5px 50px hsl(267deg 0% 25.74% / 9%) !important;
}

.thead-rounded th:first-child{
    border-radius: 5px 0px 0px 0px !important;
}

.thead-rounded th:last-child{
    border-radius: 0px 5px 0px 0px !important;
}

/*
.tfoot-rounded td:first-child{
    border-radius: 0px 0px 0px 5px !important;
    --bs-table-accent-bg: #181C32 !important;
}

.tfoot-rounded td:last-child{
    border-radius: 0px 0px 5px 0px !important;
    --bs-table-accent-bg: #181C32 !important;
} */

.checkbox-gray .form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: #ececec;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ck-toolbar {
    border: solid 1px #f1f1f1 !important;
}

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

.menu-accordion .accordion-button::after {
    opacity: 0.2;
}

.h-575px {
    height: 575px;
}

.mw-1500px {
    max-width: 1500px;
}


.nav-bar-tasks {
    border-radius: 0px 0px 0px 9px;
}

.badge-task-position {
    right: 10px;
    top: 55px;
}

@media(max-width: 768px){
    .nav-bar-tasks {
        border-radius: 10px !important;
        right: 5px;
        bottom: 5px;
    }

    .nav-bar-tasks a {
        border-radius: 10px !important;
    }
    .badge-task-position {
        right: 0px;
        top: 33px;
    }
}


.select2-dropdown {
    z-index: 9999;
}


.image img {
    cursor: pointer;
}

.edit-bloqued-press-time {
    color: var(--bs-gray-500) !important;
    cursor: not-allowed;
}

.selector-user {
    transition: transform 0.3s ease !important; /* Adiciona uma transição suave para a transformação */
}

.selector-user:hover, .selector-user-active {
    transform: scale(1.1);
}

.badge-task-success {
    background: #f1ffe5 !important;
    color: #20ae00 !important;
}

.task-input .form-check-input:not(:checked) {
    background-color: #4e5163 !important;
}

.shake {
    animation: shake 1s ease;
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.checklist-input .form-check-input:not(:checked) {
    background-color: #dfdfdf !important;
}

#drawer-subtasks td {
    padding: 0px 0px 0px 5px !important;
}

.card-task figure {
    max-width: 400px;
    text-align: center;
}

.team-list .form-check-input {
    background-color: #ebebeb;
    border-color: #00000005;
}

.team-list .form-check-input:checked {
    background-color: #009ef7;
}

.clock-runing {
    animation: mini-zoom 1s ease infinite;
    background: -webkit-linear-gradient(35deg, #ffc700, #f1418b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 1px;
    text-shadow: 2px 2px 5px #ffa50038;
}


.fc .fc-col-header-cell .fc-col-header-cell-cushion{
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--bs-text-white)
}
.content-post p {
    margin-bottom: 0px;
}

.feed-feature {
    border: solid 5px white;
    box-shadow: 10px 10px 30px #00000025;
}

.table-striped-custom tr:nth-child(even) {
    background: #00000008;
}

.select-dark-opacity {
    background: hsla(0, 0%, 0%, 0.150) !important;
    border: dashed 1px #00000050 !important;
}

.fc-timegrid-event {
    border-radius: 10px;
    box-shadow: 10px 10px 15px #00000015 !important;
}

.fc-scrollgrid-section-header th {
    border-radius: 10px 10px 0px 0px !important;
}

.fc-col-header-cell {
    border-color: #ffffff20 !important;
}

.lunch-time {
    background: rgb(255 205 0 / 5%);
}

.shadow-list{
    box-shadow: 0px 3px 8px #00000015;
}

.task-icons {
    transition: all 0.2s;
    width: 18px;
}

.task-icons:hover {
    width: 90px;
    border-radius: 15px !important;
}

.separator-vertical{
    display: block;
    height: 50px;
    border-right: 1px dashed #e1e3ea;
}

.btn-transparent-dark {
    background: #00000030;
    color: white;
}

.btn-transparent-dark:hover {
    background: white;
    color: var(--bs-gray-700);
}

.btn-transparent-light {
    background: white;
    color: var(--bs-gray-700);
}

.btn-transparent-light:hover {
    background: #00000030;
    color: white;
}

.header-dark-blur {
    background: rgb(30 30 45 / 75%) !important;
    mix-blend-mode: normal !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
}

.modal-over-modal {
    background: #00000050;
}

/* Estilos para os botões de paginação */
.dataTables_paginate {
    color: var(--bs-gray-700);
    font-weight: 500;
}

.dataTables_paginate .next, .dataTables_paginate .previous {
    padding: 0.375rem 0.575em;
    margin: 0 5px;
    cursor: pointer;
    color: var(--bs-gray-600);
    background-color: transparent;
    border-radius: 0.475rem;
    font-weight: 500;
}

.dataTables_paginate .next:hover, .dataTables_paginate .previous:hover {
    color: var(--bs-primary);
    background-color: #f9f9f9;
}

.dataTables_paginate .paginate_button.disabled {
    cursor: default !important;
    color: #aaa !important;
    background-color: transparent !important;
}

.dataTables_paginate .paginate_input {
    background-color: var(--bs-gray-100);
    border: none;
    color: var(--bs-gray-700);
    border-radius: .425rem;
    text-align: center;
    padding: 3px;
    font-weight: 600;
    width: 70px;
}

/* Corrige o erro de não abrir editor de link em popups cke */
:root {
    --ck-z-default: 10555 !important;
    --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.040);
    --bs-success: #17C653;
    --bs-success-light: #edffe8;
}

.image-input.image-input-outline .image-input-wrapper {
    border: 2px solid var(--bs-body-bg);
}

.fc-timeGridWeek-view .fc-daygrid-event-dot,
.fc-timeGridDay-view .fc-daygrid-event-dot,
.fc-daygrid-day-events .event-time,
.fc-popover .event-time,
.fc-popover .fc-daygrid-event-dot
.fc-popover .fc-event-dragging
{
    display: none;
}

.fc-event {
    cursor: pointer;
}

.fc .fc-timegrid-slot {
    height: 1.2em !important;
}

.fc-timegrid-event-harness {
    overflow: hidden;
}

.plyr:fullscreen video {
    height: 100% !important;
}

.ck-dropdown__button {
    z-index: 0;
}

.nav-active-white .nav-link.active, .nav-active-white .active .text-gray-500 {
    color: white !important;
}

.form-check-input-info:checked {
    background-color: var(--bs-info) !important;
}

.form-check-input-success:checked {
    background-color: var(--bs-success) !important;
}

.select2-dropdown {
    min-width: 150px;
}

.bg-gray-300 {
    background-color: #e7e7e7;
}

thead .fc-scroller {
    background: #323042;
    border-radius: 5px 5px 0px 0px;
}

.card, .nav-shadow {
    box-shadow: 5px 5px 50px hsl(0deg 0% 25.74% / 15%);
}

@keyframes blink {
    0% { background-color: rgba(0, 20, 255, 0.3); }
    50% { background-color: rgba(0, 20, 255, 0.1); }
    100% { background-color: rgba(0, 20, 255, 0.3); }
}

.blink {
    animation: blink 1s ease-in-out 3;
}

.menu-item .menu-link {
    padding: .50rem 1rem;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link:hover {
    transition: color .2s ease;
    background-color: #0303054a;
    color: var(--bs-primary-inverse);
    font-weight: 600;
}

.selected-milestone {
    background: linear-gradient(180deg, #00b2ff, #009af7);
    box-shadow: 5px 5px 15px #0000002e;
}

.selected-milestone p {
    color: white !important;
}

/* .open-lead:hover {
    box-shadow: 0px 0px 20px #26274e17;
    border-radius: 10px;
} */

.timeline-line-vertical {
    position: relative;
}

.timeline-line-vertical:after {
    content: "";
    background: #0000000f;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 124%;
    width: 0.3px;
    z-index: 0;
    margin-top: 10px;
}

.bg-dark-blur {
    background-color: rgb(45 50 60 / 70%);
    opacity: 1;
}

.div-arrow {
    -webkit-clip-path: polygon(calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 2px 100%, 8px 50%, 2px 0);
    clip-path: polygon(calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 2px 100%, 8px 50%, 2px 0);
}

.div-arrow:first-of-type {
    -webkit-clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 0 100%);
    border-radius: 5px;
}

.div-arrow:last-of-type {
    border-radius: 5px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 2px 100%, 8px 50%, 2px 0);
    clip-path: polygon(100% 0, 100% 100%, 2px 100%, 8px 50%, 2px 0);
}

.daterangepicker * {
    font-weight: 700 !important;
}

.table-condensed tbody * {
    font-weight: 400 !important;
}

/* Estado inicial: fora da tela */
.modal.custom-modal-slide-up .modal-dialog {
    transform: translateY(100%);
    transition: transform 0.5s ease-out; /* Duração da animação */
}

/* Estado ativo: dentro da tela */
.modal.custom-modal-slide-up.show .modal-dialog {
    transform: translateY(0);
}

.plyr__poster {
    background-size: cover !important;
}

.fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
}

.fade-up.show {
    opacity: 1;
    transform: translateY(0);
}

.ck-content-shadow .image {
    box-shadow: 10px 10px 30px hsl(0deg 0% 0% / 10%);
    border-radius: 10px;
    border: solid 1px #eeeeee;
}

.div-comment img {
    max-height: 250px;
    box-shadow: 5px 5px 10px #0000000d;
    border-radius: 10px;
}

.ck-content img {
    cursor: pointer;
}

.badge-search {
    background: rgba(0, 0, 0, 0.3);
    color: white;
    border-radius: 7px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
}

.badge-search:hover,
.badge-search.active {
    background: white;
    color: #555a78 !important;
}

.cke-loading {
    visibility: hidden;
}

.active {
    transition: all 0.4s;
}

.fc-daygrid-event {
    overflow: hidden;
}

/* Estilos da Dashboard */
.div-scale:hover {
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: transform 0.1s ease;
    -moz-transition:transform 0.1s ease;
    -ms-transition:transform 0.1s ease;
}


.shadow-hover {
    transition: box-shadow 0.2s ease-in-out;
}

.shadow-hover:hover {
    box-shadow: 0px 5px 20px rgb(37 45 76 / 10%) !important;
}

.shadow-hover-medium {
    transition: box-shadow 0.2s ease-in-out;
}

.shadow-hover-medium:hover {
    box-shadow: 0px 5px 20px rgb(37 45 76 / 5%) !important;
}

.w-210px {
    width: 210px;
}


/** Utilizado no formulário de pagamento da Dashboard. */
.accordion-dark .accordion-button:not(.collapsed) {
    background-color: var(--bs-dark) !important;
}

.accordion-dark .accordion-button {
    background-color: var(--bs-text-gray-900) !important;
    color: white;
}
.accordion-dark .accordion-item {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: solid #000000bd 1px !important;
}
.accordion-dark .accordion-item:last-child {
    border-bottom: none !important;
}

/** Corrige o cursor do background escuro do tema */
.bg-hover-dark {
    cursor: default !important;
}
/** Ajusta aparencia do toaster */
.toastr-error {
    opacity: .9 !important;
}

/** Efeito de carregamento do chat AI */
.loader {
    width: 20px;
    aspect-ratio: 1;
    --_g: no-repeat radial-gradient(circle closest-side, #5E6278 90%, #0000);
    background: 
      var(--_g) 0%   50%,
      var(--_g) 50%  50%,
      var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

/** Permite que tenha um hover ao passar o mouse em tabelas */
.table-responsive {
    overflow: visible;
}


.table-responsive tr:last-child{
border-radius: 0px 0px 10px 10px;
}

.badge-filter {
    color: var(--bs-light-inverse);
    background-color: var(--bs-light);
    border-radius: var(--bs-badge-border-radius);
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
}

/* Hover opcional */
.badge-filter:hover {
    background-color: var(--bs-light) !important;
    border-color: var(--bs-gray-200) !important;
}

/* Ativo: estilo igual ao badge-active-primary */
.badge-filter.active {
    background-color: var(--bs-light) !important;
    color: var(--bs-primary) !important;
    border-color: var(--bs-gray-200) !important;
}

/** Cabeçalho **/
.app-header {
    transition: all 0.3s ease, box-shadow 0.3s ease;
    background: transparent;
}


.header-font {
    color: var(--bs-gray-200) !important;
}


.app-header-fixed .header-font {
    color: var(--bs-gray-700) !important;
}

/** Titulo da entrada grande das páginas **/
@media (min-width: 768px) {
    .menu-itens {
        background: rgba(0, 0, 0, 0.15) !important;
        color: white !important;
        transition: all 0.2s;
    }

    .menu-itens-activate, 
    .menu-itens-activate:hover {
        background: white !important;
        color: var(--bs-gray-700) !important;
    }

    .app-header-fixed .menu-itens {
        background: var(--bs-light) !important;
        color: var(--bs-light-inverse) !important;
    }

    .app-header-fixed .menu-itens-activate, 
    .app-header-fixed .menu-itens-activate:hover {
        background: var(--bs-primary) !important;
        color: white !important;
    }
}

.swal2-actions {
    flex-direction: row-reverse;
}

.swal2-actions {
    flex-direction: row-reverse;
}

/** Transições suaves para o botão */
.transitions {
    transition: width 0.3s ease-in-out;
}

@keyframes bounceIn {
    0% {
      transform: scale(0.5) translateY(100px);
      opacity: 0;
    }
    60% {
      transform: scale(1.1) translateY(-10px);
      opacity: 1;
    }
    80% {
      transform: scale(0.95) translateY(5px);
    }
    100% {
      transform: scale(1) translateY(0);
    }
  }
  
  .bounce-in {
    animation: bounceIn 0.6s ease-out forwards;
  }

.hover-scale {
    transition: all 0.3s ease-in-out;
}

.hover-scale-medium {
    transition: all 0.2s ease-in-out;
}

/** Permite que criemos um cursor move */
.cursor-move {
    cursor: move;
}

.hover-active {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.hover-active-medium {
  transform: scale(1.04);
  transition: transform 0.3s ease;
}

.hover-scale:hover {
  transform: scale(1.1);
}

.hover-scale-medium:hover {
  transform: scale(1.04);
}

/** Ajusta a mensage de carregamento das tabelas */
.dataTables_processing {
    background: hsla(0, 0%, 100%, 0.9) !important;
    font-weight: 600 !important;
}

.fc-daygrid-day-frame i {
    display: none;
}

.min-w-280px{
    min-width:280px!important
}

.notes::placeholder {
    color: #d3ad16;
}

/* no seu CSS */
.slide-out {
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: translateX(-100%);
    opacity: 0;
}

.slide-in {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.CKE-comment .ck * {
    background: transparent !important;
    border: none !important;
}

.CKE-comment .ck.ck-editor__editable > .ck-placeholder::before {
    color: #c1ad60;
}

.zone-message .icon-react-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
  }
  
  .zone-message:hover .icon-react-right {
    transform: translate(100%, -50%) translateX(5px);
  }

.zone-message .icon-react-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(10%, -50%);
    transition: transform 0.3s ease;
}

.react-right {
    position: absolute;
    right: 5px;
    bottom: -17px;
    font-size: 14px;
}
  
.react-left {
    position: absolute;
    left: 5px;
    bottom: -17px;
    font-size: 14px;
}
  
.zone-message:hover .icon-react-left {
transform: translate(-100%, -50%) translateX(-5px);
}
  
@media (min-width: 768px){
    .col-md-25 {
        flex:0 0 auto;
        width:21%;
    }

    .w-md-190px {
        width: 190px;
    }
}

/**
 * Remove a borda do avatar do chat
 */
.card-body .chat-user .image-input, .card-body .chat-user .image-input-wrapper {
    border: none !important;
}

/**
 * Remove o espaço do primeiro avatar
 */
#attendants-zone .chat-user:not(:first-child) {
    margin-left: -15px;
}

.vis-item.vis-range.vis-readonly {
    background: transparent;
}

.vis-timeline .vis-item {
    border: none !important;
}

.vis-item-content {
    padding: 0px !important;
}

/** Esconde o ícone do full calendar durante o popup de quando tem muitas tarefas no mesmo dia */
.fc-popover i {
    display: none;
}

/** Ajusta a cor */
.bg-gray-400 {
    background-color: #cacaca;
}



.scroll-hover {
    overflow-y: hidden;       /* Oculta o scroll inicialmente */
}

.scroll-hover:hover {
    overflow-y: auto;         /* Mostra o scroll ao passar o mouse */
}

.shadow-none {
    box-shadow: none !important;
}

@media (max-width: 991.98px) {
    [data-kt-app-header-fixed=true] .app-wrapper {
        margin-top: var(--bs-app-header-height);
    }
}

.bg-blue-gradient {
    background: linear-gradient(0deg, #0da8ee, #16c0fa);
}

.bg-blue-dark {
    background: linear-gradient(360deg, #2c2a42, #47455e);
}

.custom-bg-message .icon-statuses-white {
    color: white !important
}

.custom-bg-message .icon-statuses-green {
    color: #c7ff00 !important
}

.custom-bg-message .hour {
    color: #ffffffc2 !important
}

.custom-bg-message .audio-whatsapp-icon-play, .custom-bg-message .audio-whatsapp-icon-pause {
    color: white;
}

.custom-bg-message .audio-whatsapp-range {
    background-color:white !important;
}

.custom-bg-message .fa-microphone {
    color:white !important;
}

.custom-bg-message .audio-whatsapp-player {
    --audio-text-color: white !important;
}

/* ===== Audio WhatsApp Player Isolado ===== */
.audio-whatsapp-player {
    --audio-featured-color: #1CAA61;
    --audio-text-color: #c5c6c8;
    --percent-played: 0%;
    --current-time: "00:00";
    --duration-time: "00:00";
    background: var(--audio-background-color);
    border-radius: 0.4rem;
    max-width: 100%;
    font-family: Arial, sans-serif;
}

.audio-whatsapp-controls {
    flex: 1;
}

.audio-whatsapp-btn-play {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.audio-whatsapp-btn-play .material-icons {
    font-size: 30px;
    color: var(--audio-text-color);
    opacity: 0.8;
}

.audio-whatsapp-icon-play,
.audio-whatsapp-icon-pause,
.audio-whatsapp-icon-loop {
    display: none;
}

.audio-whatsapp-player.loading .audio-whatsapp-icon-loop,
.audio-whatsapp-player.playing .audio-whatsapp-icon-pause,
.audio-whatsapp-player:not(.playing):not(.loading) .audio-whatsapp-icon-play {
    display: inline-block;
}

.audio-whatsapp-line {
    --line-height: 0.24rem;
    position: relative;
    height: var(--line-height);
    background: rgba(255, 255, 255, 0.2);
    border-radius: calc(var(--line-height) / 2);
}

.audio-whatsapp-line::before {
    content: '';
    position: absolute;
    height: var(--line-height);
    width: var(--percent-played);
    background: var(--audio-featured-color);
    border-radius: inherit;
    top: 0;
    left: 0;
    z-index: 3;
}

.audio-whatsapp-range {
    background-color:#a1a5b7 !important;
    all: unset;
    appearance: none;
    width: 100%;
    height: var(--line-height);
    position: relative;
    z-index: 2;
}

.audio-whatsapp-range::-webkit-slider-thumb {
    appearance: none;
    background: var(--audio-featured-color);
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    margin-top: -0.1rem;
}

.audio-whatsapp-range::-moz-range-thumb {
    appearance: none;
    background: var(--audio-featured-color);
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    border: none;
}

.audio-whatsapp-time {
    font-size: 0.68rem;
    color: var(--audio-text-color);
}

.audio-whatsapp-current-time::before {
    content: var(--current-time);
}

.audio-whatsapp-time .duration::before {
    content: var(--duration-time);
}

.audio-whatsapp-user {
    width: 30px;
    height: 30px;
}

.audio-whatsapp-user img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.audio-whatsapp-btn-speed {
    border: none;
    color: #a1a5b7;
    font-weight: bold;
    cursor: pointer;
}

@keyframes soft-flash-light {
    0% { background-color: #d8f3a8; }
    100% { background-color: white; }
}

.message-fresh-light {
    animation: soft-flash-light 1.2s ease-out;
}

@keyframes soft-flash-light-blue {
    0% { background-color: rgb(255, 255, 0); }
    100% { background-color: #F1FAFF; }
}

.message-fresh-light-blue {
    animation: soft-flash-light-blue 1.2s ease-out;
}

@keyframes soft-flash-dark {
    0% { background-color: rgb(36, 31, 61); }
    100% { background-color: #13B5F4; }
}

.message-fresh-dark {
    animation: soft-flash-dark 1.2s ease-out;
}

.background-micore {
    background: url('/assets/media/banners/entry-pages.jpg') no-repeat center/cover;
}

.comment-template-message img {
    max-width: 800px;
}

.task-comment img{
    border-radius: 10px;
    transition: all 0.2s;
}

.task-comment img:hover{
    scale: 1.02;
}

.task-comment p:last-child {
    margin: 0;
}

.menu-more-channels {
    max-height:65px;
    overflow:hidden;
    transition:max-height .25s ease, box-shadow .25s ease;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.menu-more-channels.expanded{
    max-height: 400px;
    box-shadow: 5px 5px 50px rgba(0,0,0,.12);
}

.menu-bg-dark-activate {
    background-color: #029ef4 !important;
    color: #f4f4f4 !important;
}

.menu-bg-dark-activate:hover {
    background-color: #029ff4bd !important;
    color: #f4f4f4 !important;
}

.menu-bg-dark-desactive {
    background-color: #f4f4f4 !important;
    color: #7e8299 !important;
}

/* Slide para fora imediatamente (sem delay) */
.slide-out-right {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease;
}

/* Entra da direita */
.slide-in-right {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.6s ease 0.3s, opacity 0.6s ease 0.3s;
}
  

.clamped{
    display:-webkit-box;
    -webkit-line-clamp:3; /* nº de linhas */
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.clamped.expanded{
    -webkit-line-clamp:unset;
    overflow:visible;
}

.rotate-90 {
    transform: rotate(90deg);
    transition: transform 0.3s;
}



/**
 * Estilos a seguir são referentes a 
 * nova versão da Sidebar do sistema.
*/

/* Contêiner principal das sidebars */
#micore-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 99;
}

/* ======================== SIDEBARS ======================== */

/* Sidebar da esquerda (setores/módulos do sistema) */
.sidebar-modules {
    background-color: var(--bs-sidebar);
    width: 60px;
    transition: width 0.3s ease;
}

/* Sidebar da direita (funcionalidades específicas do setor) */
.sidebar-features {
    background-color: #2d2b3c;
    width: 65px;
    transition: width 0.3s ease;
    height: 100vh;
}

/* Expansão da sidebar-features e efeito na modules */
.sidebar-features:hover, .sidebar-features.active {
    width: 235px;
}
.sidebar-features:hover ~ .sidebar-modules, .sidebar-modules.active {
    width: 235px;
}

/* Expansão da sidebar-modules e efeito na features */
.sidebar-modules:hover {
    width: 235px;
}
.sidebar-modules:hover ~ .sidebar-features {
    width: 235px;
}

/* ======================== BACKDROP ======================== */

/* Fundo escuro translúcido atrás da sidebar */
#micore-backdrop {
    width: 100%;
    height: 100vh;
    background: hsla(244, 19%, 15%, 0.35);
    z-index: 8 !important;
    top: 0;
    position: fixed;
    display: none;
}

/* ======================== LOGO ======================== */

/* Container das logos (favicon e logo maior) */
.sidebar-logos {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* As duas imagens de logo (normal e favicon) */
.micore-logo,
.micore-logo-minimize {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .2s ease, visibility .2s ease;
    max-width: none;
}

/* Logo grande (normal) → escondida por padrão */
.micore-logo {
    opacity: 0;
    visibility: hidden;
}

/* Logo pequena (favicon) → visível por padrão */
.micore-logo-minimize {
    opacity: 1;
    visibility: visible;
}

/* Hover da sidebar abre a logo grande e esconde a pequena */
.sidebar-modules:hover .micore-logo, .sidebar-modules.active .micore-logo {
    opacity: 1;
    visibility: visible;
}
.sidebar-modules:hover .micore-logo-minimize, .sidebar-modules.active .micore-logo-minimize {
    opacity: 0;
    visibility: hidden;
}

/* estado padrão: tudo que tem sidebar-hide-minimize fica escondido */
.sidebar-hide-minimize, .sidebar-title {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;           /* evita foco/click quando escondido */
    transition: opacity .2s ease, visibility .2s ease;
    flex-grow: 1;
}

/* 1) Abrindo apenas a FEATURES: mostra só o conteúdo dela */
.sidebar-features:hover .sidebar-hide-minimize, .sidebar-features:hover .sidebar-title, .sidebar-features.active .sidebar-title {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* 2) Abrindo a MODULES: mostra o conteúdo dela E também da FEATURES */
.sidebar-modules:hover .sidebar-hide-minimize,
.sidebar-modules:hover .sidebar-title,
.sidebar-modules:hover ~ .sidebar-features .sidebar-hide-minimize,
.sidebar-modules:hover ~ .sidebar-features .sidebar-title,
.sidebar-modules.active .sidebar-hide-minimize,
.sidebar-modules.active .sidebar-title,
.sidebar-features.active .sidebar-title,
.sidebar-features.active .sidebar-hide-minimize {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-title-link {
    color: var(--bs-text-gray-600);
}


.sidebar-title-link:hover {
    color: var(--bs-primary);
}

.sidebar-item {
    padding: 2px 20px 2px 16px;
    cursor: pointer;
}

.sidebar-item:hover, .sidebar-item.active {
    background: #2e2a3c;
    border-radius: 15px 0px 0px 15px;
}

.sidebar-title {
    white-space: nowrap;
}

.sidebar-inner-item.active .inner-menu, .sidebar-inner-item:hover .inner-menu {
    color: var(--bs-warning) !important;
}

.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: #b2b2b2;
}

@media (min-width: 992px) {
    [data-kt-app-sidebar-minimize=on] {
        --bs-app-sidebar-width: 125px;
    }
	:root {
		--bs-app-sidebar-width: 295px;
	}

    .whatsapp-channel-menu {
        width: 250px !important;
    }

    .channels-client-in-call {
        width: 250px !important;
    }

    .overflow-lg-hidden {
        overflow: hidden !important;
    }
}

@media (max-width: 767.98px) {
  .scroll-mobile {
    overflow: auto !important;
  }
}

/* Em telas maiores (tablet pra cima), remove scroll */
@media (min-width: 768px) {
  .scroll-mobile {
    overflow: hidden !important;
  }
}

/* o wrapper externo da sua sidebar (ajuste o seletor que envolve tudo) */
.aside-wrapper {
    height: 100dvh;                 /* altura total da tela (corrige iOS/Android) */
    display: flex;
    flex-direction: column;
}
  
/* a área que deve rolar */
.sidebar-content-mobile {
    flex: 1 1 auto;                 /* ocupa o espaço disponível */
    overflow-y: auto;               /* ativa o scroll */
    min-height: 0;                  /* IMPORTANTÍSSIMO para o scroll funcionar dentro de flex */
}

body.no-scroll {
    overflow: hidden;
    height: 100%;      /* evita scroll em iOS */
    touch-action: none;
}

/* cor verde padrão */
.checkbox-green {
    border-color: #6CAF01 !important;
}

/* quando marcado */
.checkbox-green:checked {
    background-color: #6CAF01 !important;
    border-color: #6CAF01 !important;
}

.sortable-placeholder {
    border: 1px dashed #ccc;
    background: #f8f9fa;
}

.preview-text {
    white-space: pre-line; /* respeita quebras de linha (\n) */
}

tbody .tr-border-sides {
    border-left: 1px solid var(--bs-gray-300)!important;
    border-right: 1px solid var(--bs-gray-300)!important;
}
.btn-success-micore:hover * {
    color: white !important;
}

.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}


.unread-news img {
    border-radius: 10px;
    box-shadow: 10px 10px 15px #00000025;
}

.language-json {
    margin: 0px !important;
    border-radius: 0px 0px 8px 8px !important;
}


.btn-success-outline {
    color: var(--bs-success) !important;
    border: solid 1px var(--bs-success) !important;
}

.btn-success-outline:hover {
    color: white !important;
    background-color: var(--bs-success) !important;
}


/**
 * Herda a cor do texto do botão
 */
/* button i.bi, 
button i[class*=" fa-"], 
button i[class*=" fonticon-"], 
button i[class*=" la-"], 
button i[class^=fa-], 
button i[class^=fonticon-], 
button i[class^=la-] {
    color: inherit !important;
} */

.call-item {
    min-width: 300px;
    height: 65px;
    border-radius: 30px;
    border: 1px dashed #cfcfcf;
    display: none;
    background-color: rgba(255, 255, 255, 0.7);
    mix-blend-mode: normal;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.zoom-in-out-small {
    animation: zoom-in-zoom-out-small 1s ease infinite;
}

@keyframes zoom-in-zoom-out-small {
    0%   { transform: scale(1, 1); }
    50%  { transform: scale(1.010, 1.010); }
    100% { transform: scale(1, 1); }
}


:root {
    --gradient-shadow: linear-gradient(
        45deg,
        #fb0094,
        #0000ff,
        #00ff00,
        #ffff00,
        #ff0000,
        #fb0094,
        #0000ff,
        #00ff00,
        #ffff00,
        #ff0000
    );
}

.shadow-developers {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 30px;
}
.shadow-developers:before,
.shadow-developers:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    background: var(--gradient-shadow);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: dev-animate 20s linear infinite;
    border-radius: 30px;
}

.shadow-developers:after {
    filter: blur(20px);
}

@keyframes dev-animate {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 300% 0;
    }
    100% {
        background-position: 0 0;
    }
}

.icon-spin-slow {
    display: inline-block;
    animation: spin 4s linear infinite; /* 4s = velocidade lenta */
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.react-flow__attribution {
    display: none !important;
  }

.shadow-hover-strong:hover {
    box-shadow: 0px 5px 20px rgba(57, 61, 77, 0.25) !important;
}

/* Remove a animação de slide do Bootstrap */
.modal.fade .modal-dialog {
    transform: none !important;
    transition: opacity 0.3s ease-out; /* só a opacidade */
  }
  
  /* Estado inicial (invisível) */
  .modal.fade {
    opacity: 0;
  }
  
  /* Estado final (visível) */
  .modal.fade.show {
    opacity: 1;
  }

.btn-success-micore {
    background-color: var(--bs-success-micore) !important;
    color: white !important;
}

.btn-success-micore:hover {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.text-success-micore {
    color: var(--bs-success-micore) !important;
}

.scroll-hidden {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* scroll suave em mobile */
}

/* Esconde scrollbar no Chrome, Safari e Edge */
.scroll-hidden::-webkit-scrollbar {
    display: none;
}

/* Esconde scrollbar no Firefox */
.scroll-hidden {
    scrollbar-width: none;
}

/* Esconde scrollbar no IE/Edge antigo */
.scroll-hidden {
    -ms-overflow-style: none;
}

.form-control-200 {
    color: var(--bs-gray-700);
    background-color: var(--bs-gray-200);
}

.form-control-200:focus {
    color: var(--bs-gray-700);
    background-color: var(--bs-gray-200);
}

.color-inherit {
    color: inherit !important;
}

.btn-underline-success {
    border-top: 2px solid transparent !important;
    border-bottom: 2px solid transparent !important;
}

.btn-underline-success.active, .btn-underline-success:hover {
    border-bottom: 2px solid var(--bs-success) !important;
}

.crm-sections {
    height: calc(100vh - 215px);
    overflow-y: auto;
    overflow-x: hidden;
}

.line-middle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 25px;      /* ajusta para não sobrepor os círculos */
    right: 25px;
    height: 0;       /* altura zero, pois usaremos borda */
    border-top: 1px solid #d1d5db; /* estilo tracejado */
    transform: translateY(-50%);
    z-index: 0;
}

.h-100vh {
    height: 100vh;
}

.h-100vh-app {
    height: calc(100vh - var(--bs-app-header-height));
}

/**
 * Correção tabelas no CKE editor,
 * Sem isso as tabelas ficam sem a
 * borda de baixo por conta do tema.
 */
.cke-editor .table:not(.table-bordered)>:not(:last-child)>:last-child>* {
    border-bottom: 1px double #b3b3b3 !important;
}

/**
 * Corrige o BUG visual para
 * quando o usuário colocar um dia.
 */
.vis-item-overflow {
    min-width: 30px;
}

/**
 * Ajusta o visual do usuário que
 * foi selecionado para filtrar.
 */
.filter-user .image-input-wrapper.active {
    border: solid 2px #6CAF01 !important;
    scale: 1.2 !important;
}

/**
 * Ajusta o tamanho da imagem
 * nos comentários do SAC.
 */
.comment-message figure img {
    width: 100% !important;
}

/**
 * Ajusta fontes nos gráficos apex do sistema.
 */
.apexcharts-canvas span, .apexcharts-text tspan, span.apexcharts-legend-text {
    font-family: 'montserrat' !important;
    font-weight: 600 !important;
    color: #5a6265 !important;
}

/**
 * Remove margin de parágrafos de blockquote
 * para que não haja espaçamento extra no CKE editor.
 */
blockquote p {
    margin: 0;
}

/**
 * Ajusta o visual do ícone do botão de filtro do SAC.
 */
.text-gray-600 i {
    color: var(--bs-text-gray-600);
}

/**
 * Ajusta o visual do ícone do botão de filtro do SAC.
 */
.btn-active-primary:hover i, .btn-active-primary.active i {
    color: white !important;
}

.attendence-row.alredy-in-call {
    position: relative;
    border-left: 4px solid #999;
    background: #eeeeeeb8;
    transition: all 0.2s ease-in-out;
}

.attendence-row.alredy-in-call::before {
    position: absolute;
    inset: 0;
    background: #f9f9f9;
    opacity: 0.7;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;
}

.attendence-row.alredy-in-call > * {
    position: relative;
    z-index: 1;
}

.attendence-row.alredy-in-call:hover {
    cursor: not-allowed;
    border-left-color: #777;
}

.other-channels-attendants {
  display: flex;
  align-items: center;
}

.other-channels-attendants .chat-user {
  margin-left: -6px;
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease, z-index 0.2s ease;
}

.other-channels-attendants .chat-user:first-child {
  margin-left: 0;
}

.other-channels-attendants .chat-user:hover {
  z-index: 10;
  transform: scale(1.1);
}

.attendances-sidebar {
    display: flex;
    align-items: center;
}

.attendances-sidebar .chat-user {
    margin-left: -6px; /* controla o overlap */
    position: relative;
    z-index: 1;
    transition: transform 0.2s ease, z-index 0.2s ease;
}

.attendances-sidebar .chat-user:first-child {
    margin-left: 0; /* o primeiro não sobrepõe */
}

.attendances-sidebar .chat-user:hover {
    z-index: 10;
    transform: scale(1.15);
}

.h-27px {
    height: 27px;
}

.w-115px {
    width: 115px;
}

.btn-nav-sac.active {
    color: white !important;
}

/* todas as bolhas de reação de cliente */
.client-react {
    position: relative;
    margin-right: -10px;
    z-index: 1;
    transition: transform 0.2s ease, z-index 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* a primeira não deve ser deslocada */
.client-react:first-child {
    margin-left: 0;
}

/* aumenta a que está sob o mouse */
.client-react:hover {
    transform: translateY(-4px) scale(1.05);
    z-index: 10;
}

.position-react .client-react {
    z-index: calc(1 + var(--i, 0));
}

/**
 * Cor utilizada em fundos que represetam o Instagram
 */
.bg-instagram {
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
}

.reply-preview-here {
    pointer-events: auto;
}

.border-start-4 {
    border-left-width: 4px !important;
}

.w-12px {
    width: 12px !important;
}

.h-12px {
    height: 12px !important;
}

.w-13px {
    width: 13px !important;
}

.h-13px {
    height: 13px !important;
}

.h-17px {
    height: 17px !important;
}

.w-17px {
    width: 17px !important;
}

.h-18px {
    height: 18px !important;
}

.w-18px {
    width: 18px !important;
}

.h-19px {
    height: 19px !important;
}

.w-19px {
    width: 19px !important;
}

.wizard-step { 
    display: none; 
}
.wizard-step.active { 
    display: block; 
}