@import url('../vendors/libs/fonts/GoogleFonts/Rubik/rubik.min.css');
@import url('../vendors/libs/fonts/GoogleFonts/Oswald/oswald.min.css');
@import url('../vendors/libs/fonts/GoogleFonts/Quicksand/quicksand.min.css');
@import url('../vendors/libs/fonts/GoogleFonts/Muli/muli.min.css');
@import url('../vendors/libs/fonts/GoogleFonts/Nunito/nunito.css');
@import url('../vendors/libs/fonts/GoogleFonts/PassionOne/passionone.css');

/**
  * GENERAL
  *
  **/
:root {

    --font-family-quicksand:    Quicksand,sans-serif;
    --font-family-rubik:        'Rubik', sans-serif;
    --font-family-awesome:      'Font Awesome 5 Pro';

    --faq-text-family:          'Nunito', sans-serif;
    --faq-text-family-title:    'Red Hat Display', sans-serif;;
    --faq-text-color:           #101010;

    --faq-border-color:         rgba(0 0 0 / 10%);

    --inpt-checkbox-bootstrap-table-top-align:  7px;
    --inpt-checkbox-bootstrap-table-left-align: 8px;

    --default-border-radius:    var(--border-radius-default);

}

::-webkit-scrollbar,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track,
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-track:hover,
textarea::-webkit-scrollbar:hover,
textarea::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-track:hover {
    cursor: pointer!important;
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

    ::-webkit-scrollbar-track:hover {
        background-color: #E2E2E2;
        box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.15);
    }

::-webkit-scrollbar:horizontal {
    height: 8px;
}

::-webkit-scrollbar {
    background-color: #F5F5F5;
    width: 8px!important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    -webkit-box-shadow: inset 1px 1px 0px rgb(0 0 0 / 10%), inset 0px -1px 0px rgb(0 0 0 / 7%);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #6B6B6B;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: #555;
    }

.form-control::placeholder {
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    filter: opacity(0.8);
    letter-spacing: .025rem;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: var(--font-family-quicksand);
}

::-moz-placeholder { /* Firefox 19+ */
    font-family: var(--font-family-quicksand);
}

:-ms-input-placeholder { /* IE 10+ */
    font-family: var(--font-family-quicksand);
}

:-moz-placeholder { /* Firefox 18- */
    font-family: var(--font-family-quicksand);
}

body {
    font-family: var(--font-family-quicksand);
    font-weight: 500;
}

.h-100-full-content {
    height: calc(100vh - 182px);
}

code {
    font-size: 91%;
    font-weight: 400;
}

html body.bg-full-screen-image {
    background: #545454 url('../img/backgrounds/bg-login.jpg') center center no-repeat;
}

html body.bg-full-screen-image {
    background: var(--bg-body-color) url('../../app-assets/images/pages/auth-bg.jpg') center center no-repeat;
    background-size: cover;
}

html .navbar-static .app-content .content-wrapper {
    padding: 1rem 2.2rem 0;
    min-height: calc(100vh - 185px);
    margin-top: 3px;
}

.horizontal-menu.navbar-static .content > .content-wrapper {
    min-height: auto;
}

.fnt-Rubik {
    font-family: var(--font-family-rubik);
}

.blockUI.blockMsg.blockElement .text-primary {
    color: var(--default-text)!important;
    font-size: 5rem!important;
}

        .blockUI.blockMsg.blockElement .bx.bx-sync.icon-spin {
            font-family: var(--font-family-awesome)!important;
        }

        .blockUI.blockMsg.blockElement .bx.bx-sync.icon-spin:before {
            content: "\f021";
        }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
.form-control,
.header-navbar,
.card .card-footer {
    font-family: var(--font-family-quicksand);
}

    .apexcharts-canvas svg > text {
        font-family: var(--font-family-quicksand)!important;
        font-size: 1.36rem!important;
        font-weight: 700!important;
        color: var(--default-text)!important;
    }

    .apexcharts-canvas svg,
    .apexcharts-canvas svg g,
    .apexcharts-canvas svg foreignObject {
        height: 100%!important;
    }

    #chart3 .apexcharts-legend {
        display: none;
    }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.list-title,
h4.media-heading,
.card-dashboard-disc-indicador .card-body h3,
.card-header .heading-elements a:not([href]):not([tabindex]) {
    font-weight: 600;
}

a,
small.dialer-info,
.box-error-message-content a.link-comercial,
.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-toggle:after {
    transition: var(--transition-animation);
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding: .9rem 1.25rem .65rem 1rem;
}

.text-secondary {
    color: var(--text-secondary)!important;
}

.pointer {
    cursor: pointer;
}

small,
.small {
    font-weight: 500;
}

small:has(abbr) {
    filter: opacity(1);
}

.text-letter-spacing-0 {
    letter-spacing: 0!important;
}

.checkbox label,
.custom-radio label,
.custom-checkbox label {
    font-size: .9rem;
}

    .checkbox.ckb-auto-scroll label {
        display: block;
        cursor: pointer;
    }

.checkbox label:before {
    border-radius: 0.25rem;
}

.required-field {
    color: #FF0000;
}

    .required-field i {
        font-size: .5rem;
        vertical-align: top;
        margin-top: 2px;
    }

.form-control:focus {
    box-shadow: none;
}

.card-body.p-1 {
    padding: 1.25rem!important;
}

.datatables-view tr:hover,
.datatables-view > tbody > tr:hover.odd,
.table tbody tr td[class*="actions"] a i,
.table-sm.table-sm-hsna > tbody > tr:hover,
.datatables-view > tbody > tr:nth-child(odd):hover,
.datatables-viewlist table.dataTable.nowrap tr:hover td[class^="sorting"] {
    transition: all .2s ease-in-out;
}

    .hsna-global-alert-body { margin-top: 45px; }

    body.hsna-global-alert-body footer { margin-top: -45px; }

    html body.hsna-global-alert-body { height: calc(100% - 45px); }

    .horizontal-menu.hsna-global-alert-body .header-navbar.navbar-horizontal { top: 45px; }

.hsna-global-alert-message {
    background-color: #181818;
    color: #FFF;
    font-weight: 600;
    padding: .75rem 1.25rem;
    position: fixed;
    text-align: center;
    text-shadow: 1px 1px rgba(0 0 0 / 50%);
    top: 0;
    width: 100%;
    z-index: 99999;
}

    .hsna-global-alert-message p {
        margin-bottom: 0;
    }

    .hsna-global-alert-message.hsna-global-alert-danger { background-color: #FF4700; }
    .hsna-global-alert-message.hsna-global-alert-warning { background-color: #FFAE00; }

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: var(--primary-color);
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}

.apexcharts-canvas,
.apexcharts-canvas svg,
.apexcharts-canvas svg foreignObject {
	height: 100%!important;
}

.btn[disabled] {
	pointer-events: none;
}

.btn-info,
.btn-danger,
.btn-info:focus,
.btn-info.active,
.btn-info:active {
	font-weight: 600;
}

.bx,
.radio-inputs i,
.dropdown-item i[class^="fa"] {
	font-size: 1.2rem;
}

.dropdown-item {
	font-weight: 500
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: #F5F5F5;
    }

    .dropdown-menu { box-shadow: -7px 8px 16px 0 rgba(55, 55, 55, .1); }

	.dropleft .dropdown-toggle::before {
		font-size: 1.20rem;
		vertical-align: bottom;
	}

    .dropleft .dropdown-menu::before {
        --dropdown-dropleft-color-arrow: #C3C3C3;
        --dropdown-dropleft-transform:  rotate(133deg) translate3d(-10px, 1px, 0);
        background-color: #FFF;
        border-top: 1px solid var(--dropdown-dropleft-color-arrow);
        border-left: 1px solid var(--dropdown-dropleft-color-arrow);
        -webkit-transform: var(--dropdown-dropleft-transform);
        -ms-transform: var(--dropdown-dropleft-transform);
        transform: var(--dropdown-dropleft-transform);
    }

.text-muted {
	font-weight: 500;
	opacity: 0.6;
}

.top-0 {
	top: 0!important;
}

.text-pt-3 {
	padding-top: 3px!important;
}

.nowrap {
	white-space: nowrap;
}

.bx-rotate-135 {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}

.sidenav-overlay {
	z-index: 1000;
}

.new { color: #DEDEDE }

.m-height-450 {
	min-height: 450px;
}

.border-left-none {
	border-left: none!important;
}

.btn-group.btn-group-custom-hsna .btn-primary {
    --btn-group-color: #E9E9E9;
    background-color: var(--btn-group-color)!important;
    border-color: var(--btn-group-color)!important;
    color: #A3A3A3!important;
    font-weight: 700;
}

.datatables-viewlist .dataTables_wrapper .top .btn-group button.btn.btn-secondary.dtBtnExp[data-css-controller="disableButton"] {
	filter: opacity(0.35);
}

    .datatables-viewlist .dataTables_wrapper .top .btn-group button.btn.btn-secondary.dtBtnExp.disabled,
    .datatables-viewlist .dataTables_wrapper .top .btn-group button.btn.btn-secondary.dtBtnExp[data-css-controller="disableButton"] {
		pointer-events: none;
    }

.ml-5px { margin-left: 5px; }
.ml-32px { margin-left: 32px; }
.ml-35px { margin-left: 35px; }
.ml-41px { margin-left: 41px; }

.mt-5px { margin-top: 5px; }

.p-100 { padding-bottom: 100px; }

.top-0  { top: 0!important; }
.top-19 { top: 19px!important; }
.top-20 { top: 20px!important; }

.line-height-0 { line-height: 0; }
.line-height-8px { line-height: 8px; }

.group-area h4 i {
	position: relative;
	top: 2px;
}

.bullet.bullet-md {
	position: relative;
	top: 2px;
}

.cursor-help {
	cursor: help;
}

.top-step-indicator {
	margin-left: 20px;
}

    .top-step-indicator:first-child {
		margin-left: 0;
    }

.indicator {
	background-color: #EFEFEF;
	border-radius: 50%;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	margin-right: 3px;
	margin-top: 10px;
	width: 18px;
}

    .indicator:last-child {
        margin-right: 0;
    }

.indicator-danger {
	background-color: var(--deny-color);
	box-shadow: 0 2px 4px 0 rgba(255,91,92,.5)!important;
}

.indicator-success {
    background-color: var(--active-color);
    box-shadow: 0 2px 4px 0 rgba(57,218,138,.5)!important;
}

.helpLink {
    margin: 2px 0 0 3px;
    position: absolute;
}

    .helpLink i.bx {
        font-size: 14px;
    }

.vertical-center {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .vertical-overlay-menu .main-menu .navigation > li ul li > a > i,
    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown-menu li a i[class*="circle"],
    .main-menu.menu-light .navigation > li ul li[data-menu="dropdown-submenu"] > ul li a i,
    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item i {
        font-size: var(--menu-size-icon-dropdown-menu)!important;
    }

.box-term {
    background-color: var(--term-bg-color);
    border: 1px solid var(--term-bg-color);
    padding: 15px;
}

    .box-term .checkbox {
        background-color: var(--term-bg-color);
        padding: 8px 20px;
        border-radius: var(--default-border-radius);
    }

    .box-term .checkbox input:checked~label:before {
        border: 0;
    }

    .box-term .checkbox,
    .checkbox label:after,
    .checkbox label:before,
    .box-term .checkbox label {
        cursor: pointer;
    }

        .box-term .checkbox label {
            color: #FFF;
            font-size: 1.0rem;
            font-weight: 600!important;
            letter-spacing: .05rem;
        }

        .box-term .checkbox.checkbox-sm label::before {
            top: 6px;
            left: 9px;
        }

            .box-term .checkbox.checkbox-sm label::after,
            .box-term .checkbox.checkbox-sm label::before {
                left: 15px;
                top: 9px;
            }

        .box-term .checkbox.checkbox-sm input:checked~label:after {
            top: 12px;
            left: 14px;
        }

            .box-term .checkbox.checkbox-sm input:checked~label:after {
                top: 14px;
                left: 20px;
            }

    .box-term legend {
        display: contents;
        font-size: 1.25rem;
        font-weight: 700;
        margin: 0;
        padding: 0 10px;
        width: auto;
    }

        .box-term .field-term-content {
            font-weight: 600;
            letter-spacing: .02rem;
            margin: 10px 0 25px;
        }

section h4 { font-weight: 600; }

.content-header-extras {
    position: absolute;
    right: 50px;
    top: 23px;
}

.badge.badge-light-primary {
    font-weight: 600;
}

.badge.badge-light-secondary {
    color: var(--default-text)!important;
}

section h4,
.content-header-title,
.breadcrumb-wrapper .breadcrumb-item {
    font-family: var(--font-family-quicksand);
}

    .content-header-title,
    .breadcrumb-item.active { font-weight: 700; }

        .breadcrumb-item.active:before { font-weight: 400; }

#btn-contract-menu {
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 999;
    display: block;
    width: 285px;
}

    #btn-contract-menu i {
        background-color: #DEDEDE;
        border-radius: 3px;
        color: #475f7b;
        float: right;
        margin-right: 11px;
    }

    #btn-contract-menu i.bx-chevrons-right { display: none; }

    #btn-contract-menu.btn-contract-menu i.bx-chevrons-left { display: none; }
    #btn-contract-menu.btn-contract-menu i.bx-chevrons-right { display: initial; }

    #flow-right-content .menu ul { width: calc(100% - 304px)!important; }

    #flow-right-content.expand-content .menu ul { width: calc(100% - 84px)!important; }

.contract-menu { flex: inherit!important; width: 80px!important; }
.btn-contract-menu { width: 70px!important; }

    #flow-left-sidemenu.contract-menu .drag-drawflow span { display: none; }

    #flow-right-content.expand-content #drawflow { width: calc(100vw - 80px)!important; }

    #flow-right-content .menu ul { background-color: #F3F3F3; }

    #flow-right-content .menu .form-group .form-control {
        border-radius: 0.2rem;
        font-size: 13px;
        height: 25px;
    }

.row-conf-btn {
    margin-top: -5.25rem!important;
    position: absolute;
    right: 45px;
    z-index: 1000;
}

    .row-conf-btn .dropdown-menu a i {
        margin-right: 8px;
    }

.header-navbar .navbar-container { transition: 0s ease all; }

.kanban-wrapper-dda .kanban-item label,
.header-navbar .navbar-container ul.nav li>a.nav-link { font-weight: 500; }

.checkbox.checkbox-sm label::after,
.checkbox.checkbox-sm label::before {
    width: 19px;
    height: 19px;
    top: 1px;
}

    .checkbox.checkbox-sm input:checked~label:after {
        height: 6px;
        width: 9px;
        top: 7px;
    }

#corporate-access thead th label {
    color: inherit;
    font-size: inherit;
    margin: 0;
    font-weight: inherit;
    letter-spacing: inherit;
}

.card .card-title.card-title-menu {
    font-size: 1.36rem;
    font-weight: 700;
    text-transform: none;
    margin: 20px 0 10px 12px;
}

    .card-info-acoes .btn-group-canais-atendimento:not(:first-child) {
        margin-top: 3px;
    }

.btn-group-canais-atendimento .btn {
    padding: 0.467rem 1.5rem;
}

    .btn-group-canais-atendimento .btn.active {
        background-color: #C1C1C1!important;
        border-color: #C1C1C1!important;
        box-shadow: inset 0px 0px 5px 0px rgba(0 0 0 / 30%)!important;
        color: #FFDDBE!important;
        text-shadow: 0px 0px 5px rgb(255 130 16);
    }

.navigation.navigation-main [data-icon="pen"] path,
.navigation.navigation-main [data-icon="users"] path,
.navigation.navigation-main [data-icon="pen"] polygon,
.navigation.navigation-main [data-icon="wrench"] path,
.navigation.navigation-main [data-icon="desktop"] line,
.navigation.navigation-main [data-icon="desktop"] path,
.navigation.navigation-main [data-icon="building"] rec,
.navigation.navigation-main [data-icon="notebook"] line,
.navigation.navigation-main [data-icon="pie-chart"] path,
.navigation.navigation-main [data-icon="check"] polyline,
.navigation.navigation-main [data-icon="desktop"] polygon,
.navigation.navigation-main [data-icon="headphones"] path,
.navigation.navigation-main [data-icon="building"] polyline,
.navigation.navigation-main [data-icon="notebook"] polyline,
.navigation.navigation-main [data-icon="question-alt"] path,
.navigation.navigation-main [data-icon="question-alt"] circle {
    stroke: var(--default-text);
}

.nav.navbar-nav path,
.nav.navbar-nav [data-icon="pen"] path,
.nav.navbar-nav [data-icon="users"] path,
.nav.navbar-nav [data-icon="pen"] polygon,
.nav.navbar-nav [data-icon="wrench"] path,
.nav.navbar-nav [data-icon="desktop"] line,
.nav.navbar-nav [data-icon="desktop"] path,
.nav.navbar-nav [data-icon="building"] rec,
.nav.navbar-nav [data-icon="notebook"] line,
.nav.navbar-nav [data-icon="pie-chart"] path,
.nav.navbar-nav [data-icon="check"] polyline,
.nav.navbar-nav [data-icon="desktop"] polygon,
.nav.navbar-nav [data-icon="headphones"] path,
.nav.navbar-nav [data-icon="morph-clock"] line,
.nav.navbar-nav [data-icon="building"] polyline,
.nav.navbar-nav [data-icon="notebook"] polyline,
.nav.navbar-nav [data-icon="question-alt"] path,
.nav.navbar-nav [data-icon="envelope-put"] line,
.nav.navbar-nav [data-icon="morph-clock"] circle,
.nav.navbar-nav [data-icon="question-alt"] circle {
    stroke: var(--default-text);
}

.navigation.navigation-main [data-icon="pen"] polygon,
.navigation.navigation-main [data-icon="wrench"] path,
.navigation.navigation-main [data-icon="desktop"] path,
.navigation.navigation-main [data-icon="building"] path,
.navigation.navigation-main [data-icon="pie-chart"] path,
.navigation.navigation-main [data-icon="desktop"] circle,
.navigation.navigation-main [data-icon="headphones"] path,
.navigation.navigation-main [data-icon="building"] polyline,
.navigation.navigation-main [data-icon="notebook"] polyline,
.navigation.navigation-main [data-icon="question-alt"] circle,
.navigation.navigation-main [data-icon="users"] .lievo-filledicon path:nth-child(2) {
    fill: var(--menu-color-background);
}

.nav.navbar-nav [data-icon="pen"] polygon,
.nav.navbar-nav [data-icon="wrench"] path,
.nav.navbar-nav [data-icon="desktop"] path,
.nav.navbar-nav [data-icon="building"] path,
.nav.navbar-nav [data-icon="pie-chart"] path,
.nav.navbar-nav [data-icon="desktop"] circle,
.nav.navbar-nav [data-icon="headphones"] path,
.nav.navbar-nav [data-icon="building"] polyline,
.nav.navbar-nav [data-icon="notebook"] polyline,
.nav.navbar-nav [data-icon="morph-clock"] circle,
.nav.navbar-nav [data-icon="question-alt"] circle,
.nav.navbar-nav [data-icon="envelope-put"] path.lievo-savelinecap,
.nav.navbar-nav [data-icon="users"] .lievo-filledicon path:nth-child(2),
.nav.navbar-nav [data-icon="envelope-put"] g g g g g g path:first-child {
    fill: var(--menu-color-background);
}

.nav.navbar-nav [data-icon="desktop"] [clip-path="url(#livicon_desktop_f_9)"] rect.lievo-donotdraw.lievo-likestroke {
    fill: var(--menu-color-background);
}

.btn-group-radio-bool {
    margin: 7px 0 0
}

    .btn-group-radio-bool .btn {
        font-weight: 700;
    }

        .btn-group-radio-bool .btn:not(.active) {
            filter: grayscale(0.5) brightness(1.5) saturate(0);
            color: var(--default-text);
        }

        .btn-group-radio-bool .btn.btn-danger:not(.active) {
            border-color: #6A6A6A!important;
            color: #323232;
            filter: grayscale(0.5) brightness(2.125) saturate(0);
        }

        .btn-group-radio-bool.btn-group:not(.dropdown)>.btn:focus,
        .btn-group-radio-bool.btn-group:not(.dropdown)>.btn:active,
        .btn-group-radio-bool.btn-group:not(.dropdown)>.btn:not(.active):hover {
            color: var(--default-text)!important;
        }

.radio-inputs-numbers {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.25rem;
    font-size: 14px;
}

    .radio-inputs-numbers .radio {
        -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
        text-align: center;
        width: 35px;
    }

        .radio-inputs-numbers.radio-quality-form .radio {
            width: 40px;
        }

    .radio-inputs-numbers .radio input {
        display: none;
    }

    .radio-inputs-numbers .radio .name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
        -webkit-box-pack: center;
           -ms-flex-pack: center;
         justify-content: center;
        border-radius: var(--default-border-radius);
        border: none;
        padding: .5rem 0;
        color: #FFF;
        -webkit-transition: all .15s ease-in-out;
                transition: all .15s ease-in-out;
        font-weight: 600;
        font-size: 1.0rem;
    }

            .radio-inputs-numbers.radio-quality-form .radio .name {
                background-color: #F3F3F3;
                border-radius: 0;
                color: var(--default-text);
                font-size: 0.85rem;
            }

                .radio-inputs-numbers.radio-quality-form .radio:first-child .name {
                    border-top-left-radius: var(--default-border-radius);
                    border-bottom-left-radius: var(--default-border-radius);
                }

        .radio-inputs-numbers .radio:last-child .name {
            border-top-right-radius: var(--default-border-radius);
            border-bottom-right-radius: var(--default-border-radius);
        }

    .radio-inputs-numbers .radio input:checked + .name:after {
        --arrow-radio-input-size: 7px;
        width: 0;
        height: 0;
        border-left: var(--arrow-radio-input-size) solid transparent;
        border-right: var(--arrow-radio-input-size) solid transparent;
        border-bottom: calc(var(--arrow-radio-input-size) + 5px) solid #FFF;
        content: " ";
        position: absolute;
        bottom: 0;
        border-radius: 0 0 3px 3px;
    }

        .radio-inputs-numbers.radio-quality-form .radio input:checked + .name {
            background-color: #484848;
            color: #FFF;
        }

        .radio-inputs-numbers label {
            margin-bottom: 0;
        }

        .radio-inputs-numbers .radio input:checked + .name:after {
            border: 0;
            display: none;
        }

        .radio-inputs-numbers input + span abbr {
            background-color: var(--light-secondary-text-color);
            border: 2px solid var(--light-secondary-text-color);
            border-radius: 0.2rem;
            color: var(--light-secondary-bg-color);
            padding: 3px 0;
            width: 35px;
        }

            .radio-inputs-numbers input:hover + span abbr,
            .radio-inputs-numbers input:focus + span abbr,
            .radio-inputs-numbers input:checked + span abbr {
                background-color: red;
                box-shadow: none;
                color: #FFF;
            }

            .radio-inputs-numbers input:checked + span abbr {
                position: relative;
                top: 1px;
            }



/**
  * TABS
  *
  **/
.nav.nav-tabs.nav-tab-flat {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0 15px;
}

.nav.nav-tabs .nav-item,
.nav.nav-pills .nav-item {
    margin-right: 0;
}

.nav.nav-tabs.nav-tab-flat .nav-item .nav-link.active {
    box-shadow: none;
    border-bottom: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.nav.nav-tabs.nav-tab-flat .nav-item {
    padding-bottom: 0;
}

    .nav.nav-tabs.nav-tab-flat .nav-item:last-child {
        margin-right: 0;
    }

.nav.nav-tabs.nav-tab-flat .nav-item,
.nav.nav-tabs.nav-tab-flat .nav-item .nav-link {
    border-radius: 0;
    color: #CDCDCD;
}

    .nav.nav-tabs.nav-tab-flat .nav-item .nav-link {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
        padding: .5rem .5rem;
    }

        .nav.nav-tabs.nav-tab-flat .nav-item .nav-link span {
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
        }

.nav-tabs.nav-tab-flat .nav-link.active {
    color: var(--default-text);
}

.nav-link.nav-tabs.nav-tab-flat:hover,
.nav-link.nav-tabs.nav-tab-flat.active:hover,
.nav.nav-tabs.nav-tabs.nav-tab-flat .nav-item .nav-link:hover,
.nav.nav-tabs.nav-tabs.nav-tab-flat .nav-item .nav-link.active:hover {
    color: var(--primary-color);
}

.nav-tabs.nav-tab-flat .nav-link,
.nav-tabs.nav-tab-flat .nav-link.hover,
.nav-tabs.nav-tab-flat .nav-link:hover,
.nav-tabs.nav-tab-flat .nav-link.active,
.nav-tabs.nav-tab-flat .nav-link:active,
.nav-tabs.nav-tab-flat .nav-link.active:hover {
    background-color: transparent;
}

.nav.nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 6px;
}

.nav.nav-tabs .nav-item:last-child .nav-link {
    border-top-right-radius: 6px;
}

.chat-profile {
    --chat-profile-transformX-value: translateX(136%);
	-ms-transform: var(--chat-profile-transformX-value)!important;
	transform: var(--chat-profile-transformX-value)!important;
}

.chat-profile.show {
	-webkit-transform: translateX(9.3%)!important;
	-ms-transform: translateX(9.3%)!important;
	transform: translateX(9.3%)!important;
}


/**
  * TOP PROGRESSBAR
  *
  **/
.ui-tooltip {
    background-color: #18191c!important;
    border: none!important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.24)!important;
    color: #FFF!important;
    font-family: var(--font-family-quicksand)!important;
    font-size: 12px!important;
    font-weight: 600!important;
    padding: 5px 15px!important;
    max-width: 800px!important;
    white-space: pre-line;
}




/**
  * TOP PROGRESSBAR
  *
  **/
html .pace .pace-progress {
    background: var(--primary-color);
    border-bottom: 1px solid var(--primary-color-hover);
    box-shadow: 0px 0px 5px 0px var(--default-light-rgba-color);
}



/**
  * BLURRED AREA
  *
  **/
.supreme-container {
    min-height: calc(100% - 55px);
}

/*html[style*="overflow: hidden"] .supreme-container,
html.swal2-shown .supreme-container,*/
body.modal-open .supreme-container {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}



/**
  * KANBAN
  *
  **/
.kanban-overlay.kanban-overlay-dda.show {
    background: rgba(0, 0, 0, 0.65);
    z-index: 1000;
}

.kanban-wrapper-dda .kanban-sidebar {
    box-shadow: -8px 0 18px 0 rgb(0 0 0 / 25%);
}

#ddaItens .tab-content .tab-pane .row {
    margin-left: 0;
}

    #ddaItens .tab-content .tab-pane .row,
    #ddaItens .nav.nav-tabs .nav-item:last-child {
        margin-right: 0;
    }

body.horizontal-layout-no-header .app-content.content {
    padding: 0!important;
}

[id="kanban-wrapper"].kanban-wrapper-dda {
    min-height: 100vh;
}

[data-id="board-add"],
[data-id="board-del"] {
    overflow-y: auto;
}

[data-id="board-add"] { height: 53vh; }

[data-id="board-del"] { height: 45vh; }

[data-id="board-add"]::-webkit-scrollbar {
    height: var(--scrollbar-scrollbar-height);
    width: var(--scrollbar-scrollbar-width);
}

[data-id="board-del"]::-webkit-scrollbar {
    height: var(--scrollbar-scrollbar-height);
    width: var(--scrollbar-scrollbar-width);
}

[data-id="board-add"]::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-bg);
    border-radius: var(--scrollbar-radius);
}

[data-id="board-del"]::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-bg);
    border-radius: var(--scrollbar-radius);
}

    [data-id="board-add"]::-webkit-scrollbar-thumb:hover {
        background: var(--scrollbar-thumb-bg-hover);
    }

    [data-id="board-del"]::-webkit-scrollbar-thumb:hover {
        background: var(--scrollbar-thumb-bg-hover);
    }

[data-id="board-add"]::-webkit-scrollbar-track {
    background: var(--scrollbar-track-bg);
    border-radius: var(--scrollbar-radius);
}

[data-id="board-del"]::-webkit-scrollbar-track {
    background: var(--scrollbar-track-bg);
    border-radius: var(--scrollbar-radius);
}

[data-id="board-add"] {
    background-color: #ABC;
}

[data-id="board-del"] {
    background-color: #678;
}

.kanban-wrapper-dda .kanban-container .kanban-board {
    margin: 0!important;
}

#kanban-wrapper.kanban-wrapper-dda {
    margin-bottom: 0!important;
    margin-top: 0!important;
}

.kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header {
    margin: -1rem 0 0!important;
    background-color: #F9F9F9;
}

    .kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
        margin: 10px 0;
    }

.kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-del"] {
    top: 3vh;
}

    .kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-del"] .kanban-board-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-add"] .kanban-board-header,
.kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-del"] .kanban-board-header {
    box-shadow: 0px 4px 10px -7px #9E9E9E;
    position: fixed;
    width: 98.5%;
    z-index: 1;
}

.kanban-wrapper-dda .kanban-container .kanban-board .kanban-drag {
    height: calc(100% - 18.5%);
    margin-top: 40px!important;
}

.kanban-wrapper-dda .kanban-item label {
    display: initial;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}


@media (min-width: 1024px) {

    .kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-add"] .kanban-board-header,
    .kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-del"] .kanban-board-header {
        width: 99.2%;
    }

}


.list-add-itens {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 23px;
}


/**
  * BUTTON
  *
  **/
.btn,
.ql-html-overlayContainer .ql-html-popupContainer .ql-html-buttonGroup {
    font-weight: 600;
    letter-spacing: 0.35px;
}

.btn.btn-icon,
.radio-inputs .radio-icon {
    padding: 0.35rem 0.6rem;
}

.btn-add-itens {
    color: var(--default-text)!important;
    padding: 0.25rem 0.7rem;
    font-size: .875rem;
    border-radius: 0.2rem;
}

    .btn-add-itens span.bx-dots-vertical-rounded {
        vertical-align: sub;
    }

    .btn-add-itens:hover {
        background-color: var(--dark-grey-color);
        color: #FFF!important;
    }

.ql-snow .ql-tooltip input[type="text"] {
    outline: none;
}

.btn-outline-light:hover:not(.scroll-top),
.btn-primary:not(:disabled):not(.disabled):active {
    position: relative;
}

.btn-primary:not(:disabled):not(.disabled):not(.scroll-top):active {
    box-shadow: none!important;
    top: 1px;
}

.btn-outline-light:not(.scroll-top):hover {
    top: -1px;
}

.btn-outline-light:not(.scroll-top):active {
    top: 1px;
}

.btn-sm i.bx {
    font-size: 15px;
    top: 2px;
}

.btn,
.table-actions a {
    cursor: pointer;
}

.bootstrap-touchspin.input-group input.touchspin-vertical~.input-group-btn-vertical .bootstrap-touchspin-up {
    border-bottom: 1px solid;
    border-bottom-color: #CC6303!important;
}

.input-group-append i.bx {
    vertical-align: sub;
}

/*.form-radio-image [type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

    .form-radio-image [type="radio"]:checked~img {
        border: 1px solid red;
    }*/

.form-radio-image [type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

    .form-radio-image .col-3 {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

        .form-radio-image label h6 {
            text-align: center;
        }

    .form-radio-image .form-check-image {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        height: 45px;
        opacity: 0.5;
        width: 45px;
    }

        .form-radio-image [type="radio"]:checked~.form-check-sad,
        .form-radio-image [type="radio"]:checked~.form-check-happy,
        .form-radio-image [type="radio"]:checked~.form-check-natural,
        .form-radio-image [type="radio"]:checked~.form-check-awesome,
        .form-radio-image [type="radio"]:checked~.form-check-unsatisfied {
            opacity: 1;
        }

        .form-radio-image .form-check-unsatisfied {
            background-image: url('../img/survey/1-a.png');
        }
            .form-radio-image [type="radio"]:checked~.form-check-unsatisfied { background-image: url('../img/survey/1.png'); }

        .form-radio-image .form-check-sad {
            background-image: url('../img/survey/2-a.png');
        }
            .form-radio-image [type="radio"]:checked~.form-check-sad { background-image: url('../img/survey/2.png'); }

        .form-radio-image .form-check-natural {
            background-image: url('../img/survey/3-a.png');
        }
            .form-radio-image [type="radio"]:checked~.form-check-natural { background-image: url('../img/survey/3.png'); }

        .form-radio-image .form-check-happy {
            background-image: url('../img/survey/4-a.png');
        }
            .form-radio-image [type="radio"]:checked~.form-check-happy { background-image: url('../img/survey/4.png'); }

        .form-radio-image .form-check-awesome {
            background-image: url('../img/survey/5-a.png');
        }
            .form-radio-image [type="radio"]:checked~.form-check-awesome { background-image: url('../img/survey/5.png'); }

.scroll-top {
    bottom: 2.5%;
}

.btn-outline-light.scroll-top,
.btn-outline-light.scroll-top:hover,
.btn-outline-light.scroll-top:not(:disabled):not(.disabled):active {
    color: #FFF!important;
}

.btn-outline-light.scroll-top {
    background-color: rgba(0,0,0,.8);
    border-color: rgba(0,0,0,.8);
    box-shadow: 0 4px 20px rgba(0,0,0,0.24);
    z-index: 9999;
}

    .btn-outline-light.scroll-top:hover,
    .btn-outline-light.scroll-top:not(:disabled):not(.disabled):active {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }



/**
  * LOADING OVERLAY
  *
  **/
#overlay {
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99999;
}

    #overlay h2 {
        cursor: default;
        font-size: 22px;
        font-weight: 400;
        margin-left: 43.5%;
        pointer-events: none;
        position: inherit;
    }

    #overlay h2,
    #overlay .loading-bars-pulse {
        top: 50%;
    }

    #overlay .loading-bars-pulse {
        margin-left: 48%;
        margin-top: -100px;
        position: inherit;
    }

.loading-bars div {
    position: absolute;
    width: 14px
}

    .loading-bars div:nth-child(1) {
        left: 18px;
        background: var(--primary-color);
        animation: loading-bars-1 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.2s;
    }

    .loading-bars div:nth-child(2) {
        left: 43px;
        background: #FF9C00;
        animation: loading-bars-2 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.1s;
    }

    .loading-bars div:nth-child(3) {
        left: 68px;
        background: #FFB32A;
        animation: loading-bars-3 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: undefined;
    }

.loading-bars-pulse {
    width: 100px;
    height: 100px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.loading-bars {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
}

    .loading-bars div {
        box-sizing: content-box;
    }

@keyframes loading-bars-1 {
    0% { top: 0px; height: 100px }
    50% { top: 25px; height: 50px }
    100% { top: 25px; height: 50px }
}

@keyframes loading-bars-2 {
    0% { top: 6.25px; height: 87.5px }
    50% { top: 25px; height: 50px }
    100% { top: 25px; height: 50px }
}

@keyframes loading-bars-3 {
    0% { top: 12.5px; height: 75px }
    50% { top: 25px; height: 50px }
    100% { top: 25px; height: 50px }
}



/**
  * TOP HEADER
  *
  **/
.users-edit .media a.user-avatar.user-avatar-shadow,
.card-header-edit .media a.user-avatar.user-avatar-shadow {
    display: none;
    visibility: hidden;
}

.user-avatar,
.users-edit .media a.user-avatar,
.header-navbar[class*="bg-"] .navbar-nav .nav-item > a.dropdown-user-link>span {
    border-radius: 50%;
    font-size: 25px;
    font-family: Muli,sans-serif;
    font-weight: 600;
    height: 38px;
    line-height: 37px;
    text-align: center;
    width: 38px;
}

.horizontal-menu .header-navbar.navbar-horizontal {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999 !important;
}

    .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo {
        position: relative;
        top: -2px;
        width: 35px;
    }

    .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
        font-size: 1.7rem;
        font-weight: 500;
    }

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
        font-size: 1.15rem;
        font-weight: 600;
    }

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-status {
        font-weight: lighter;
    }

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-item {
    font-size: 14px;
    padding: 0.65rem 0.75rem;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0.25px;
}

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
        top: 9px;
    }

    .horizontal-menu .navbar-expand-sm .navbar-nav .dropdown-menu li:hover > a {
        padding-left: 18px;
    }

    html body .content .content-wrapper .content-header-title.float-left.pr-1.mb-0 {
        padding-right: 1.0rem!important;
    }

.main-menu .navbar-header .navbar-brand .brand-text {
    font-size: 1.15rem;
}

.main-menu.menu-light .navigation li.has-sub.open ul {
    margin: 0;
    padding: 0;
}

.dropdown-menu-third-level-main-drop > li.dropdown-submenu-first>a:first-child,
.dropdown.dropdown-submenu .dropdown-menu-third-level .dropdown-menu-third-level-main-drop>a:first-child,
.dropdown.dropdown-submenu .dropdown-menu-fourth-level .dropdown-menu-fourth-level-main-drop>a:first-child {
    display: none!important;
    visibility: hidden!important;
}

.main-menu.menu-light .dropdown-menu-fourth-level-main-drop li:first-of-type,
.main-menu.menu-light .navigation li.has-sub.open ul.dropdown-menu-third-level-main-drop .dropdown-submenu-first {
    margin: -20px 0 0;
}

.pills-stacked .flex-column .nav-item {
    margin-bottom: 5px;
}

.custom-tab-pill .nav.nav-tabs .nav-item, .nav.nav-pills .nav-item {
    margin-right: 0;
    margin-left: 0.8rem;
}

/*.nav.nav-pills .nav-item:last-child, */
.custom-tab-pill .nav.nav-tabs .nav-item:last-child {
    margin-right: 0.8rem;
}

.nav.nav-tabs.no-pill {
    border-bottom: none;
}

    .nav.nav-tabs.no-pill .nav-item {
        padding-bottom: 0;
    }

    .nav.nav-tabs.no-pill .nav-link {
        padding: 5px 15px;
        font-size: 12px;
        font-weight: 500;
        border-radius: 3px;
    }

.horizontal-menu .navbar-expand-lg .navbar-nav .dropdown-menu {
    z-index: 99999;
}

.custom-tab-pill.custom-tab-pill-color {
    box-shadow: inset rgb(0 0 0 / 3%) 0px -1px 2px;
    margin: -16px 0 1rem;
    padding: 3px 3px 0!important;
}

    .custom-tab-pill.custom-tab-pill-color .nav.nav-tabs {
        margin-bottom: 0;
        border-bottom: none;
    }

        .custom-tab-pill.custom-tab-pill-color .nav.nav-tabs .nav-item {
            margin-left: 0;
            margin-right: 0;
            padding-bottom: 0;
        }

            .custom-tab-pill.custom-tab-pill-color .nav.nav-tabs .nav-item .nav-link {
                border-radius: 5px 5px 0 0;
                margin-right: 3px;
            }

            .custom-tab-pill.custom-tab-pill-color .nav.nav-tabs .nav-item .nav-link.active {
                background: #FFF;
                color: var(--default-text) !important;
                font-weight: bold;
                border-top: 2px solid var(--default-text);
                box-shadow: none;
            }

            .custom-tab-pill.custom-tab-pill-color .nav.nav-tabs .nav-item .nav-link:not(.active) {
                color: inherit;
                background: transparent;
                border-top: 2px solid transparent;
                font-weight: 500;
            }




/**
  * DROPDOWN MENU
  *
  **/
.heading-elements .dropdown-menu {
    margin-top: 0;
}

.dropdown-menu::before {
    border-top: none;
    border-left: none;
    background: transparent;
}

.dropdown-menu-fourth-level-main-drop > li.dropdown-submenu-first>a:first-child {
    padding: 0!important;
}

.dropdown-menu-fourth-level-main-drop [class*="bx-right-arrow-alt"] {
    font-size: 15px!important;
}

.horizontal-menu .navbar-expand-sm .navbar-nav .dropdown .dropdown-menu.dropdown-menu-third-level-main-drop .dropdown-submenu .dropdown-toggle:after {
    content: ""!important;
}



/**
  * BREADCRUMBS
  *
  **/
html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item,
html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
    cursor: default;
}

    html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a[href] {
        cursor: pointer;
    }



/**
  * HEADLING
  *
  **/
/** REPORT/DASHBOARDS /------------------------------------------------------ */
.loading-spin-container {
    align-items: center;
    justify-content: center;
    height: 100vh;
    position: absolute;
    width: 100%;
}

.loading-spin {
    border: 12px solid #F3F3F3;
    border-top: 12px solid var(--primary-color)!important;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1.75s linear infinite;
    position: fixed;
    margin-top: -10%;
    z-index: 1;
}

.loading-spin-box-blur {
    filter: blur(3px);
}

.dash-title {
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.9rem;
    letter-spacing: 0.5px;
    padding-bottom: 22px;
    padding-left: 60px;
    text-transform: uppercase;
}

    .dash-title-with-date-time h2.dash-title {
        border-bottom: none;
    }

    .dash-title-time {
        margin: -22px 0 0 53px;
    }

        .dash-title-time abbr i {
            margin-right: 5px;
        }

        .dash-title-time .curdateText {
            align-items: center;
            color: #00A714;
            margin: 0;
        }


    .dash-title i {
        bottom: 14px;
        float: left;
        font-size: 45px;
        left: 15px;
        position: absolute;
        top: 22px;
    }

        .dash-title i[class*="fa"] {
            font-size: 36px;
            left: 20px;
            top: 25px;
        }

        .dash-title i[class*="fa-address-card"] {
            font-size: 36px;
            top: 27px;
        }

    .dash-title span {
        display: block;
        font-size: 14px;
        font-weight: 400;
    }

    .dash-title .btn-top-header {
        height: 42px;
        margin: -7px 0 0;
        width: 42px;
    }

    .dash-title .btn-top-header i.bx,
    .dash-title-with-date-time .btn-top-header i.bx,
    .content-header .card-header .btn-top-header i.bx {
        bottom: initial;
        font-size: 22px;
        float: none;
        left: initial;
        position: relative;
        top: 3px;
    }

        .dash-btn .btn-top-header.btn-top-filter,
        .dash-title .btn-top-header.btn-top-filter {
            border: none;
            filter: opacity(0.5);
        }

            .dash-btn .btn-top-header.btn-top-filter:hover,
            .dash-title .btn-top-header.btn-top-filter:hover {
                filter: opacity(1);
            }

        .dash-btn .btn-top-header.btn-danger {
            background-color: transparent!important;
            border-color: transparent!important;
            filter: opacity(1);
            color: #FF2829!important;
        }

            .dash-btn .btn-top-header.btn-danger i {
                font-size: 2rem;
                top: 0;
                margin-right: 3px;
            }

            .dash-btn .btn-top-header.btn-danger:hover {
                background-color: #FF2829!important;
                border-color: #FF2829!important;
                color: #FFF!important;
            }

    .dash-title strong {
        font-weight: 500;
    }

    .dash-title-with-date-time > div {
        flex: 1;
    }

.row-first-tab h4.card-title,
.card .card-header .card-title {
    font-size: 1.36rem;
    font-weight: 700;
    text-transform: none;
}

.blockUI.blockOverlay {
    --blockUI-size: 66.48px;
    border-radius: var(--border-radius-default);
    height: calc(100% + var(--blockUI-size))!important;
    top: calc(-1 * var(--blockUI-size))!important;
}

input.gauge {
    display: block;
}

div[id*="esm"] .table td {
    padding: 0.5rem 2rem;
}


.custom-file-label::after {
    cursor: pointer;
}




/**
  * BADGE
  *
  **/
.badge-sm {
    font-size: .77rem;
    font-weight: 500;
    padding: 4px 10px 3px;
}

    .badge-sm i {
        margin-right: .25rem;
    }

.badge-primary {
    background-color: var(--primary-color)!important;
}

.badge-status-opened {
    background-color: var(--st-opened);
}

.badge-status-pending {
    background-color: var(--st-pending);
}

.badge-status-holding {
    background-color: var(--st-holding);
}

.badge-crit-lower {
    background-color: var(--crit-lower);
    color: var(--default-text);
}

.card-content .badge {
    border-radius: 2rem;
    font-size: .64rem;
    font-weight: 600;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    padding: 0.34rem 0.85rem 0.36rem;
    letter-spacing: 0.3px;
}

.badge-social-total { background-color: #7EA0B7; }
.badge-social-total-atendimento { background-color: #419DCF; }
.badge-social-webchat { background-color: #51D187; }
.badge-social-whatsapp { background-color: #128C7E; }
.badge-social-message { background-color: #D7B958; }
.badge-social-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%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.badge-social-telegram { background-color: #2AABEE; }

.modal-hsna-chat-visor .modal-hsna-chat-visor-stats {
    margin: 22px 30px;
}

    .modal-hsna-chat-visor .modal-hsna-chat-visor-stats .badge-social {
        margin: 0 10px 0 0;
    }

    .modal-hsna-chat-visor .modal-content .modal-hsna-chat-visor-stats .badge-social i[class^="fa"] {
        font-size: 18px;
        top: 0;
    }





/**
  * INPUT
  *
  **/
 .select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
 }

.form-control,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 0.92rem;
    font-weight: 500;
    height: 38px;
    letter-spacing: 0.35px;
    opacity: 0.85;
}

.select2-search--dropdown .select2-search__field {
    font-size: 0.9rem;
    padding: 4px 10px;
}

.select2-container {
    margin-top: -1px
}

.select2-container--open .select2-dropdown--above {
    margin-top: 2px;
}

.select2-results,
.select2-container--open .select2-dropdown--below,
.select2-container--default .select2-results>.select2-results__options {
    border-bottom-left-radius: var(--default-border-radius);
    border-bottom-right-radius: var(--default-border-radius);
}

    .select2-container--open .select2-dropdown--above,
    .select2-container--default .select2-dropdown--above .select2-results>.select2-results__options {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.form-control:not(.pickadate)[readonly],
.has-icon-left [readonly]~.form-control-position i,
.form-control:not(.pickadate-months-year)[readonly],
select[readonly].form-control:not([multiple="multiple"]),
.has-icon-left [readonly="readonly"]~.form-control-position i {
    cursor: not-allowed;
    /*pointer-events: none;*/
}

    [readonly][aria-readonly="false"] { pointer-events: initial!important; }
    .form-control:not(.pickadate-months-year)[readonly][aria-readonly="false"] { pointer-events: none!important; }

.form-control-position {
    position: absolute;
    top: 1px;
    right: 0;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: rgba(0,0,0,.4);
}

    .form-control-position i[class^="bx"] {
        position: relative;
        top: 2px;
    }

    .form-control-position label {
        color: rgba(0,0,0,.4);
        margin: 0 0 0;
        display: block;
    }

    .has-icon-left .form-control:focus + .form-control-position label,
    .has-icon-left .form-control:active + .form-control-position label {
        color: var(--primary-color);
    }

    .has-icon-left .form-control-position {
        right: auto;
    }

    .input-group .bx.input-group-text {
        line-height: 1.26;
    }

select.form-control:not([multiple="multiple"]) {
    background-image: url("../img/pages/arrow-down.png");
}

.has-icon-left .form-control,
.has-icon-left .select2-container--default .select2-selection--single {
    padding-right: 1.6rem;
}

.has-icon-left .form-control {
    padding-left: 2.45rem;
}

.has-icon-left .select2-container--default .select2-selection--single {
    padding-left: 2.0rem;
}

    .has-icon-left [id*="pwd"] {
        padding: 10px 25px 10px 10px;
        position: absolute;
        right: 0;
        top: 0;
    }

.btn-hsna-custom[data-toggle="buttons"] .btn-primary {
    cursor: pointer;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.btn-outline-input-color {
    border: 1px solid var(--border-color);
    background-color: transparent;
}

    .modal-content {
        border: none;
        border-top-left-radius: 0.4rem;
        border-top-right-radius: 0.4rem;
    }

select.form-control:not([multiple='multiple']) {
    background-image: url("../img/pages/arrow-down.png");
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 3px;
    font-size: 13px;
    line-height: 17px;
    padding: .3rem .6rem;
}

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        margin-left: 10px;
        margin-top: -1px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        font-size: 1.25rem;
    }

[aria-multiselectable="true"] .select2-results__option[aria-selected="true"] {
    display: none;
}

.select2-results__option[aria-selected] {
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: 0.25px;
    padding: 5px 6px;
}

.custom-file-label::after {
    content: 'Procurar';
    height: calc(1.6em + 1.269rem);
}

.custom-file-label,
.custom-file-label::after {
    padding: 0.75rem 0.8rem;
}

.form-login-password {
    display: -webkit-box;
    width: 100%;
}

    .form-login-password span[class*="eye"].field_icon {
        color: var(--dark-text);
        padding: 10px;
        position: relative;
        right: 65px;
        width: 37px;
        top: 1px;
    }



/**
  * TYPOGRAPHY
  *
  **/
label {
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: 0.4px;
}

    .content-header-title {
        font-weight: 600;
    }

    .content-header-title i[class^="fa"],
    .content-header-title i[class^="bx"] {
        position: relative;
        top: 4px;
    }



/**
  * LISTING
  *
  **/
dl {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px 10px;
}

.card-content dl dt,
.card-content dl dd {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .card-content dl dt:nth-last-child(2),
    .card-content dl dd:nth-last-child(1) {
        border-bottom: none;
    }

.card-content dl {
    padding: 0;
    margin-bottom: 0;
}



/**
  * PROGRESSBAR
  *
  **/
.dashboard-server .progress,
.dashboard-server .progress .progress-bar {
    padding: 10px 0;
}

.dashboard-server .progress .progress-bar {
    top: -10px;
}

.progress-xl {
    height: 1.25rem;
}

    .progress.progress-xl,
    .progress.progress-xl .progress-bar {
        border-radius: 3rem;
    }

    .progress.progress-xl .progress-label:before {
        color: #FFF;
        font-size: .7rem;
        font-weight: 600;
        position: initial;
        text-shadow: 1px 1px rgb(0 0 0 / 40%);
        top: initial;
    }

.progress.progress-bar-bottom .progress-label:before {
    top: 1rem;
}



/**
  * DATATABLES
  *
  **/
.dt-button-collection.dropdown-menu {
    margin-left: -100px;
}

    .dataTablesTopFilter .dt-button-collection.dropdown-menu {
        margin-left: initial;
    }

    .dtButtonAction abbr,
    .dtButtonAction.dropdown-toggle::after {
        display: none!important;
    }

        .dataTables_wrapper.no-footer .btn-group:not(.dropdown)>.dtButtonAction.btn:hover i,
        .datatables-viewlist .dataTables_wrapper .top .action-btns.btn-group-sm button.dtButtonAction:hover i {
            color: #FFF;
        }

    .dataTables_wrapper.no-footer .btn-group .dtButtonAction.btn-secondary,
    .datatables-viewlist .dataTables_wrapper .top .btn-group .dtButtonAction.btn-secondary {
        border: 0!important;
        padding: 0 5px 0 10px;
    }

.table-workforce-pause a:not([href]):not([tabindex]).calendar-agent-end {
    color: #FF0000;
}

.table-workforce-pause a:not([href]):not([tabindex]).calendar-agent-start {
    color: #00D800;
}

.table-sm.table-sm-hsna.table-dash-chats tbody td .badge-circle {
    top: 2px;
    position: relative;
}

.table-sm.table-sm-hsna.table-dash-chats.table-compact-lines tbody td {
    font-size: .76rem;
    padding: 0.5rem 1rem;
}

    .table-sm.table-sm-hsna.table-dash-chats.table-compact-lines tbody td .badge-circle {
        height: 24px;
        width: 24px;
    }

        .table-sm.table-sm-hsna.table-dash-chats.table-compact-lines tbody td .badge-circle.font-medium-1 {
            font-size: 1.0rem!important;
        }

    .table-sm.table-sm-hsna.table-dash-chats.table-compact-lines tbody td .badge-pill {
        font-size: .66rem;
        padding: 0.31rem 0.75rem 0.3rem;
    }

    .table-sm.table-sm-hsna.table-dash-chats.table-compact-lines tbody td .icon-sipStats {
        height: 20px;
        font-size: 15px;
        line-height: 20px;
        width: 22px;
    }

    .table-sm.table-sm-hsna.table-dash-chats.table-compact-lines tbody td .icon-sipStats.icon-sipStatsOn {
        font-size: 12px;
    }

.table-sm-hsna-light-header thead th {
    --hsna-light-header-bg-color: #F5F5F5;
    background-color: var(--hsna-light-header-bg-color)!important;
    border-top-color: var(--hsna-light-header-bg-color)!important;
    border-bottom-color: var(--hsna-light-header-bg-color)!important;
}

table.fixedHeader-floating.no-footer { top: 60px!important; }

.table-hsna.table-hsna-top-border-radius thead tr:first-child th:first-child { border-radius: 5px 0 0 0; }

.table-hsna.table-hsna-top-border-radius thead tr:first-child th:last-child { border-radius: 0 5px 0 0; }

.datatables-scrolling-header .top.d-flex.flex-wrap { padding: 15px; }

.table td, .table th { font-family: var(--font-family-quicksand); }

.table a { font-weight: 700; }

.table .actions a { margin-right: 5px; }

    .table .actions a:last-child { margin-right: 0; }

div.dataTables_wrapper div.dataTables_processing {
    display: none!important;
    visibility: hidden!important;
    position: absolute;
    top: 50%;
    left: 48%;
    width: 300px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    border-radius: 7px;
    padding: 3rem 2rem 4.3rem!important;
    border-color: #e7e7e7;
    box-shadow: 0px 12px 70px 20px rgb(25 42 70 / 10%);
    background-color: rgba(255,255,255,0.9);
}

    .dataTables_wrapper .dt-buttons .dropdown-toggle::after {
        margin-left: 0.6em;
        position: relative;
        top: 1px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        list-style: none;
        font-weight: 500;
    }

.btn i[class^="fa"],
#datatable_wrapper .btn i[class^="fa"],
.card-header .d-flex .btn-group .btn i[class^="fa"] {
    top: 1px;
}

#datatable_wrapper .btn i[class^="fa"],
.card-header .d-flex .btn-group .btn i[class^="fa"] {
    font-size: 1.05rem;
    margin-right: 4px;
}

.drag tbody {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
    user-select: none;
}

    .drag:active tbody {
        cursor: grabbing;
    }

.table.nowrap {
    min-width: 100%;
    width: 100%!important;
}

.dataTables_wrapper .form-control.select2 {
    padding: 5px 10px;
    height: calc(0.94em + 0.94rem + 4px);
}

    .dataTables_wrapper select.form-control:not([multiple=multiple]) {
        background-position-y: 10px;
    }

.dataTables_wrapper.no-footer .top,
.datatables-viewlist .dataTables_wrapper .top {
    padding: 0 15px;
}

.datatables-viewlist .dataTables_wrapper .top {
    border-top-left-radius: var(--default-border-radius);
    border-top-right-radius: var(--default-border-radius);
}

.card-header .d-flex .btn-group .btn,
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length select,
.dataTables_wrapper.no-footer .btn-group:not(.dropdown) > .btn,
.datatables-viewlist .dataTables_wrapper .top .action-btns.btn-group-sm button {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.25px;
    padding: 0.2rem 1rem;
}

    .card-header .d-flex .btn-group .btn:hover,
    .dataTables_wrapper.no-footer .btn-group:not(.dropdown)>.btn:hover,
    .datatables-viewlist .dataTables_wrapper .top .action-btns.btn-group-sm button:hover {
        background-color: #F9F9F9!important;
    }

.card-header .d-flex .btn-group .btn,
.dataTables_wrapper.no-footer .btn-group:not(.dropdown)>.btn,
.dataTables_wrapper.no-footer .btn-group:not(.dropdown) > .btn,
.invoice-list-wrapper .dataTables_wrapper .top .btn-group:not(.dropdown) > .btn,
.btn-outline-light .datatables-viewlist .dataTables_wrapper .top .action-btns.btn-group-sm button {
    border: 1px solid #DFE3E7;
}

/*    #em-espera-fila .dataTables_wrapper.no-footer .btn-group:not(.dropdown)>.btn:first-child,
    #em-espera-flow .dataTables_wrapper.no-footer .btn-group:not(.dropdown)>.btn:first-child {
        border-color: #DFE3E7!important;
    }*/

    .card-header .d-flex .btn-group .btn,
    .dataTables_wrapper.no-footer .btn-group:not(.dropdown)>.btn,
    .datatables-viewlist .dataTables_wrapper .top .action-btns.btn-group-sm button {
        margin-left: -1px;
    }

        .dataTables_wrapper.no-footer .btn-group:not(.dropdown)>.btn:first-child,
        .datatables-viewlist .dataTables_wrapper .top .action-btns.btn-group-sm button:first-child {
            margin-left: 0;
        }

table.table-hsna thead th,
table.table-hsna tbody td,
.datatables-viewlist table thead th,
.datatables-viewlist table tbody td {
    font-family: var(--font-family-quicksand);
    padding: 1rem 1rem;
}

    .datatables-viewlist table tbody td {
        font-size: .94rem;
        font-weight: 500;
    }

    table.table-hsna thead th,
    .datatables-viewlist table thead th {
        font-size: 1rem;
    }

        table.table-hsna thead th,
        .datatables-viewlist table thead th,
        .datatables-viewlist table tbody td a,
        .table.datatables-view > thead > tr:nth-child(2) > th,
        .table.datatables-view.table-dash-chats > thead > tr:nth-child(1) > th,
        .table-sm.table-sm-hsna.table-compact-rows > thead > tr:nth-child(1) > th {
            font-weight: 600;
        }

        .datatables-view thead tr:nth-child(2) th {
            padding: 0.6rem 2rem;
        }

            .datatables-view thead tr:nth-child(2) th .dtFields,
            .datatables-view thead tr:nth-child(2) th .form-control-sm {
                border-radius: 0.15rem;
                line-height: 1;
                padding: 0.2rem 0.5rem 0.2rem;
                letter-spacing: 0.045rem;
            }

                .datatables-view thead tr:nth-child(2) th .dtFields,
                .datatables-view thead tr:nth-child(2) th .form-control-sm,
                .datatables-view thead tr:nth-child(2) th .form-control-sm::placeholder {
                    font-size: 0.8rem;
                }

                .datatables-view thead tr:nth-child(2) th .form-control-sm::placeholder {
                    text-transform: none;
                }

.table.dataTable thead .sorting:before,
.table.dataTable thead .sorting_asc:before,
.table.dataTable thead .sorting_desc:before,
.table.dataTable thead .sorting_desc_disabled:before {
    content: "\ea4f";
}

.table.dataTable thead .sorting:after,
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_desc:after,
.table.dataTable thead .sorting_desc_disabled:after {
    content: "\ea48";
}

.datatables-view {
    border-top: none;
    border-bottom-left-radius: var(--default-border-radius);
    border-bottom-right-radius: var(--default-border-radius);
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
    letter-spacing: 0.35px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: .745rem;
}

    div.dataTables_wrapper div.dataTables_filter select,
    div.dataTables_wrapper div.dataTables_length select {
        font-size: 13px;
        margin-right: 5px;
    }

    div.dataTables_wrapper div.dataTables_length select {
        background-position: calc(100% - 8px) 9px,calc(100% - 20px) 13px,100% 0!important;
    }

.bottom .dataTables_info {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 14px;
    padding-top: 0.35em;
}

.dt-button-collection.dropdown-menu {
    padding: 0.5rem;
}

    .dt-button-collection.dropdown-menu .dropdown-item.active,
    .dt-button-collection.dropdown-menu .dropdown-item:active,
    .dt-button-collection.dropdown-menu .btn-primary:not(:disabled):not(.disabled):active,
    .dt-button-collection.dropdown-menu .btn-secondary~.dropdown-menu .dropdown-item.active:hover,
    .dt-button-collection.dropdown-menu .btn-outline-secondary~.dropdown-menu .dropdown-item.active:hover {
        color: #212529!important;
    }

    .dt-button-collection.dropdown-menu .dropdown-item.active,
    .dt-button-collection.dropdown-menu .dropdown-item:active {
        background-color: #EFEFEF;
        background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #E0E0E0 100%);
        background-image: -moz-linear-gradient(top, #EFEFEF 0%, #E0E0E0 100%);
        background-image: -ms-linear-gradient(top, #EFEFEF 0%, #E0E0E0 100%);
        background-image: -o-linear-gradient(top, #EFEFEF 0%, #E0E0E0 100%);
        background-image: linear-gradient(to bottom, #EFEFEF 0%, #E0E0E0 100%);
        border-color: #A9A9A9;
        box-shadow: inset 1px 1px 3px #B1B1B1;
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#EFEFEF', EndColorStr='#E0E0E0');
    }

    .actions.action-btns .dt-button-collection.dropdown-menu .dropdown-item.active,
    .actions.action-btns .dt-button-collection.dropdown-menu .dropdown-item:active {
        color: var(--default-text)!important;
    }

    .dt-button-collection.dropdown-menu .dropdown-item {
        border: 1px solid #FFFFFF;
        font-weight: 500;
        margin-bottom: 5px;
        padding: 0.5rem 0.86rem;
    }

        .dt-button-collection.dropdown-menu .dropdown-item:last-child { margin-bottom: 0; }

.datatables-view {
    border-top: none;
    border-bottom-left-radius: var(--default-border-radius);
    border-bottom-right-radius: var(--default-border-radius);
    border-collapse: separate!important;
    border-spacing: 0;
}

    .table.table-custom-hsna > thead > th,
    .table.table-custom-hsna.datatables-view {
        border-left: 0;
        border-right: 0;
    }

.table.datatables-view.table-dash-chats > thead > tr > th[class*="sorting"] {
    cursor: pointer;
}

    .table.datatables-view.table-dash-chats > thead > tr > th {
        cursor: default;
    }

    .table.datatables-view.table-dash-chats > thead > tr:nth-child(1) > th,
    .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .table > thead > tr:nth-child(1) > td {
        font-size: 14px;
    }

.table-sm.table-sm-hsna.table-dash-chats td {
    padding: 1rem 1rem;
}

.table-sm.table-sm-hsna.table-dash-chats .log-viewer td {
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.table .form-group {
    margin-bottom: 0;
}

    .table.datatables-view > thead > tr > th {
        border-bottom-width: 1px;
    }

    .content-body > .datatables-viewlist.border-none > .table-responsive > .table > thead > tr:nth-child(1) th:first-child {
        border-top-left-radius: var(--border-radius-default);
    }

    .content-body > .datatables-viewlist.border-none > .table-responsive > .table > thead > tr:nth-child(1) th:last-child {
        border-top-right-radius: var(--border-radius-default);
    }

    .content-body > .datatables-viewlist.border-none > .table-responsive > .table > tbody > tr:last-child td:first-child,
    .content-body > .datatables-viewlist.border-none > .table-responsive > .table > tbody > tr:last-child:hover td:first-child {
        border-bottom-left-radius: var(--border-radius-default);
    }

    .content-body > .datatables-viewlist.border-none > .table-responsive > .table > tbody > tr:last-child td:last-child,
    .content-body > .datatables-viewlist.border-none > .table-responsive > .table > tbody > tr:last-child:hover td:last-child {
        border-bottom-right-radius: var(--border-radius-default);
    }

    .table.datatables-view > thead > tr:nth-child(1) th {
        border-top: 1px solid var(--border-color);
    }

    .table.datatables-view.table-dash-chats thead > tr:nth-child(2) {
        text-transform: initial;
    }

        .table.datatables-view > thead > tr:nth-child(2) > th {
            padding: 0.5rem 0.75rem;
            white-space: nowrap;
            font-size: 14px;
            letter-spacing: 0.5px;
        }

            .table.datatables-view > thead > tr:nth-child(2) > th .form-control {
                border: 0;
                font-weight: 600;
            }

.datatables-viewlist .datatables-viewlist-header.bg-white {
    background-color: #F9F9F9!important;
    margin: 0 0 -5px;
    padding-bottom: 5px!important;
    border-radius: 5px 5px 0 0;
}

.pagination {
    border-radius: var(--default-border-radius);
}

.apexcharts-tooltip {
    background: #F00;
    color:      orange;
}

.pagination .page-item {
    font-size: 13px;
}

    .pagination .page-item .page-link {
        padding: 0.6rem 1.0rem!important;
    }

    .pagination .page-item.next .page-link,
    .pagination .page-item.last .page-link,
    .pagination .page-item.first .page-link,
    .pagination .page-item.previous .page-link {
        font-weight: 600;
    }

        .pagination .page-item.last.disabled .page-link,
        .pagination .page-item.next.disabled .page-link,
        .pagination .page-item.first.disabled .page-link,
        .pagination .page-item.previous.disabled .page-link {
            filter: opacity(0.5);
        }

        .pagination .page-item.next { margin-left: 0.9571rem; }
        .pagination .page-item.previous { margin-right: 0.9571rem; }

        .pagination .page-item .page-link,
        .pagination .page-item.previous .page-link,
        .pagination .page-item.previous~.page-item:nth-child(2) .page-link,
        .pagination .page-item.previous~.page-item:nth-last-child(-n+2) .page-link {
            border: none;
        }

        .pagination .page-item.active,
        .pagination .page-item:nth-child(2),
        .pagination .page-item.active .page-link,
        .pagination .page-item .page-link:hover,
        .pagination .page-item.previous .page-link,
        .pagination .page-item.active .page-link:hover,
        .pagination .page-item:not(.previous):first-child,
        .pagination .page-item.previous~.page-item:nth-child(2) .page-link {
            border-radius: 0;
        }

        .pagination .page-item.next .page-link:hover {
            border-bottom-left-radius: var(--default-border-radius);
            border-top-left-radius: var(--default-border-radius);
        }

        .pagination .page-item.next,
        .pagination .page-item.previous,
        .pagination .page-item.previous .page-link {
            border-radius: var(--default-border-radius);
        }

        .pagination .page-item.previous~.page-item:nth-child(2),
        .pagination .page-item.previous~.page-item:nth-child(2) .page-link {
            border-bottom-left-radius: var(--default-border-radius);
            border-top-left-radius: var(--default-border-radius);
        }

        .pagination .page-item.previous~.page-item:nth-last-child(-n+2),
        .pagination .page-item.previous~.page-item:nth-last-child(-n+2) .page-link {
            border-bottom-right-radius: var(--default-border-radius);
            border-top-right-radius: var(--default-border-radius);
        }

        .pagination .page-item.next,
        .pagination .page-item.previous {
            text-transform: lowercase;
        }

            .pagination .page-item.next a,
            .pagination .page-item.previous a {
                font-weight: 400;
            }

body:not(.hsna-dark) .bootstrap-table .fixed-table-container .table thead tr:nth-child(2) th .both:not(.asc):not(.desc) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MjhBRDg2MkJCODExRUU4QUI2RjA3ODhEOTlEN0Q1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1MjhBRDg3MkJCODExRUU4QUI2RjA3ODhEOTlEN0Q1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzUyOEFEODQyQkI4MTFFRThBQjZGMDc4OEQ5OUQ3RDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzUyOEFEODUyQkI4MTFFRThBQjZGMDc4OEQ5OUQ3RDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5P+polAAABAUlEQVR42mL8//8/A7UAEwMVAQs2QUZGRji7pKSEC0i1AXFZT0/PL5g4Nh8R47JsIM4C4lRCChmx2QBzGdBVWkBqJxDLAPEdIPYAuu4uyS4DGgQysRhqEAioAHEeVJzkCHAA4kA0sUQgtibJMKDtvECqFogF0aRA4jVAeXZSXBYCdcEPLNgRiINIjgB8AJs+FhzejARSC4D4Hw7fZADxfGK9uQ6I9wMxBxZ8FIjXEB1mwLT0E0i1APFnNKn3QNwMlP9MatI4isUr64H4AMnpDGg7KIQnQVM+CDwB4l6oOOmlBjTrTADi3yCDgfxrJJcaaGA2EKsC8VSyMvqgKBwBAgwAgXdTIK6Kg0cAAAAASUVORK5CYII=);
}

.bootstrap-table .fixed-table-toolbar .columns .dropdown-menu {
    max-height: 350px;
}

.bootstrap-table .fixed-table-container .table.bootstrap-table-hsna th,
.bootstrap-table .fixed-table-container .table.bootstrap-table-hsna td {
    border: 0;
}

    .table-sm.table-sm-hsna th,
    .bootstrap-table .fixed-table-container .table.bootstrap-table-hsna thead th {
        font-weight: 500;
        padding: 1rem 1rem;
    }

.bootstrap-table .table-sm.table-sm-hsna.table-dash-chats[data-card-view="true"] tr:not([role="row"]) > td[colspan] {
    background-color: transparent;
    box-shadow: none;
    padding: 7px 10px 1px;
}

    .card-view-title-15 .bootstrap-table .fixed-table-container .table[data-card-view="true"] tbody tr .card-view .card-view-title {
        min-width: 15%;
    }

    .bootstrap-table .table-sm.table-sm-hsna.table-dash-chats[data-card-view="true"] tr:not([role="row"]):nth-child(even) > td[colspan] {
        background-color: var(--dt-row-even);
    }

.table.table-compact-rows th { cursor: default; }

.table-sm.table-sm-hsna.table-compact-rows td { padding: 0.5rem 0.5rem; }

    .table-sm.table-sm-hsna.table-compact-rows td .table-actions tbody tr td { padding: 0; }

.table-sm.table-sm-hsna.table-compact-rows th,
.table-sm.table-sm-hsna.table-compact-rows td {
    font-size: 12px;
}

    .table-sm.table-sm-hsna.table-compact-rows th {
        font-weight: 500;
        padding: 1rem 1rem;
    }

    .table.table-sm.table-sm-hsna.table-compact-rows thead .sorting:after,
    .table.table-sm.table-sm-hsna.table-compact-rows thead .sorting:before,
    .table.table-sm.table-sm-hsna.table-compact-rows thead .sorting_asc:after,
    .table.table-sm.table-sm-hsna.table-compact-rows thead .sorting_asc:before,
    .table.table-sm.table-sm-hsna.table-compact-rows thead .sorting_desc:after,
    .table.table-sm.table-sm-hsna.table-compact-rows thead .sorting_desc:before {
        right: -2px;
        top: 5px;
    }

    .table-sm.table-sm-hsna.table-compact-rows thead tr:nth-child(2) .sorting:after,
    .table-sm.table-sm-hsna.table-compact-rows thead tr:nth-child(2) .sorting:before,
    .table-sm.table-sm-hsna.table-compact-rows thead tr:nth-child(2) .sorting_asc:after,
    .table-sm.table-sm-hsna.table-compact-rows thead tr:nth-child(2) .sorting_asc:before,
    .table-sm.table-sm-hsna.table-compact-rows thead tr:nth-child(2) .sorting_desc:after,
    .table-sm.table-sm-hsna.table-compact-rows thead tr:nth-child(2) .sorting_desc:before {
        top: -1px;
    }

    .table-sm.table-sm-hsna.table-compact-rows > thead > tr:nth-child(1) > th,
    .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .table > thead > tr:nth-child(1) > td {
        font-size: 13px;
    }

    .table-sm.table-sm-hsna.table-compact-rows > thead > tr:nth-child(2) > th .form-control-sm {
        border-radius: 0.15rem;
        font-size: 0.8rem;
        height: calc(0.8em + 0.85rem + 3.7px);
        line-height: 1.1;
        padding: 0.2rem 0.5rem;
    }

        .table-sm.table-sm-hsna.table-compact-rows > tbody > tr > td > a[onclick] { cursor: pointer; }

            .table-sm.table-sm-hsna.table-compact-rows > tbody > tr > td > a.statusAgentDS i.bx {
                float: left;
                margin: -1px 3px 0 -3px;
            }

        .table-sm.table-sm-hsna.table-compact-rows .badge-circle {
            font-size: 12px!important;
            height: 24px;
            width: 24px;
        }

        .table-sm.table-sm-hsna.table-compact-rows .badge-pill {
            border-radius: 2rem;
            padding: 0.35rem 0.65rem 0.25rem;
        }

    .table-sm.table-sm-hsna.table-compact-rows .badge {
        cursor: default;
        font-size: 10px;
        letter-spacing: 0.15px;
        padding: 0.26rem 1rem;
    }

.table td a.badge { display: flex; }

.table.dataTable.table-sm-hsna thead .sorting:after,
.table.dataTable.table-sm-hsna thead .sorting:before,
.table.dataTable.table-sm-hsna thead .sorting_asc:after,
.table.dataTable.table-sm-hsna thead .sorting_asc:before,
.table.dataTable.table-sm-hsna thead .sorting_desc:after,
.table.dataTable.table-sm-hsna thead .sorting_desc:before {
    top: 6px;
}

.table-sm.table-sm-hsna tbody tr:first-child td,
.bootstrap-table .fixed-table-container .table.bootstrap-table-hsna tbody tr:first-child td {
    border-top: 1px solid var(--border-color);
}

.bootstrap-table .fixed-table-container .table.bootstrap-table-hsna tbody tr td {
    border-bottom: 1px solid var(--border-color);
}

.table-sm.table-sm-hsna thead th { border-bottom: none; }

.dataTables_processing {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(207, 209, 212);
    width: 300px;
    height: 80px;
    z-index: 9999;
    vertical-align: middle;
    padding: 2em 0px!important;
    color: rgb(252, 122, 3);
    font-weight: 600;
    text-transform: uppercase;
    font-style: italic;
}

.table-sm.table-sm-hsna.table-compact-rows .table-actions td {
    padding-top: 15px!important;
    padding-bottom: -10px!important;
}

    .table-sm.table-sm-hsna.table-compact-rows .table-actions tr:first-child td {
        border-top: none;
    }

.card-content .no-header tbody tr:hover { background-color: initial; }

.table-calendar td { vertical-align: initial; }

.table-sm.table-sm-hsna.table-calendar > tbody > tr:nth-child(odd) { background-color: transparent; }

    .table-sm.table-sm-hsna.table-calendar > tbody > tr > td {
        border-bottom: 1px solid var(--border-color);
        border-right: 1px solid var(--border-color);
    }

        .table-sm.table-sm-hsna.table-calendar > tbody > tr > td:first-child {
            border-left: 1px solid var(--border-color);
        }

.dataTables_wrapper .rep-log-query {
    cursor: help;
    border-bottom: 1px dashed var(--dark-text);
    padding-bottom: 2px;
}

.tooltip-inner { max-width: 450px; }

.stickyHeader .clone-head-table-wrap { top: 62px!important; }


/**
  * User Friendlier
  *
  **/

.ms-container {
    background: transparent url('../img/switch.png') no-repeat 50% 50%;
    background-size: 32px 32px;
    width: 100%;
}

.ms-container .ms-list {
    border-color: var(--border-color);
    border-bottom: 0;
    border-radius: 0;
    border-top: 0;
}

.ms-container .ms-list.ms-focus {
    border-color: var(--primary-color);
     --ms-focus-shadow: var(--shadow-color);

    -webkit-box-shadow: var(--shadow-color);
       -moz-box-shadow: var(--shadow-color);
            box-shadow: var(--shadow-color);
}

.ms-container .search-input {
    border: 1px solid var(--border-color);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0 0 -1px;
    padding: 0.5rem 1rem;
    width: 100%;
}

    .ms-container .search-input:focus {
        border-color: var(--primary-color);
        box-shadow: var(--shadow-color);
        outline: none;
    }

.ms-container .ms-list .ms-optgroup-container { margin-top: 10px; }

    .ms-container .ms-list .ms-optgroup-container:first-child { margin-top: 0; }

.ms-container .ms-optgroup-label {
    color: var(--primary-color);
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
}

    .ms-container li[class^="ms-elem-"] {
        font-size: 0.9rem!important;
        line-height: 1.65rem;
    }

.ms-container .ms-selection,
.ms-container .ms-selectable {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ms-container .ms-selection li.ms-hover,
.ms-container .ms-selectable li.ms-hover {
    background-color: var(--primary-color);
}

.ms-container .custom-header {
    background-color: var(--primary-color);
    color: #FFF;
    cursor: pointer;
    text-align: center;
    padding: 4px 0;
    font-size: 0.85rem;
    margin-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .ms-container .custom-header:hover {
        background-color: var(--primary-color-hover);
    }

#myUsers-select-all,
#myUsers-select-off {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


/**
  * TABS
  *
  **/
.nav.nav-pills .nav-item .nav-link,
.tab-content .nav-tabs .nav-item .nav-link {
    font-weight: 500;
}



/**
  * TABLES
  *
  **/
.table-line-controls-small td { padding: 0.25rem 1rem; }

    .table-line-controls-small td .d-block {
        margin-bottom: 5px;
        margin-top: 5px;
    }

        .table-line-controls-small td .d-block a.btn {
            line-height: 1.25;
            padding: 0.4rem 1.2rem;
        }

        .table-line-controls-small tr:first-child td .d-block { margin-top: 0; }
        .table-line-controls-small tr:last-child td .d-block { margin-bottom: 0; }



/**
  * SLIDERS
  *
  **/
.noUi-handle:after,
.noUi-handle:before {
    content: "";
    position: absolute;
    background: #E8E7E6;
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    top: -5px;
    cursor: pointer;
}

.noUi-horizontal {
    height: 10px;
    padding-right: 17px;
}

.noUi-target {
    background-color: #E4E8E8;
    border: none;
    border-radius: 1rem;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-handle,
.noUi-target,
.noUi-connect,
.noUi-target.noUi-connect {
    box-shadow: none;
}

.noUi-connects {
    border-radius: 3px;
}

.square .noUi-handle:after,
.square .noUi-handle:before {
    display: block;
    width: 2px;
    height: 10px;
    top: 4px;
}

    .square .noUi-handle:before { left: 6px; }

    .square .noUi-handle:after { left: 11px; }

.noUi-handle:after,
.noUi-handle:before {
    background: #FFF;
}


/**
  * CARDS
  *
  **/
.card .heading-elements,
.card .heading-elements-toggle {
    top: 23px;
    right: 20px;
}

    .dashboard-server .card .heading-elements {
        right: 10px;
        top: 15px;
    }

.media-body .btn-group.mb-1 {
    margin-bottom: 0!important;
}

.row-fluid-tab {
    margin-left: -26px;
    margin-right: -26px;
}

.user-avatar,
.users-edit .media a.user-avatar {
    border-radius: 50%;
    font-size: 39px;
    font-weight: 600;
    width: 52px;
    height: 52px;
    line-height: 51px;
    text-align: center;
    text-transform: uppercase;
}

.user-edit-details .nav.nav-pills .nav-item { margin-left: 0; }

.user-avatar { pointer-events: none; }

.more-info { margin: 20px 0 0 0; }

    .more-info a,
    .text-copyright,
    .more-info span {
        font-size: 12px;
    }

    .more-info abbr {
        font-size: 11px;
        display: block;
        padding: 5px 0 0 0;
    }

        .more-info abbr i.bx {
            margin: -1px 0 0 -22px;
            position: absolute;
        }

.tab-pane .row div[class^="col-"]:first-child .card-title {
    border-bottom: 0!important;
}

.card .card-content .card-body .tab-content .tab-pane .card-header:not([data-toggle="collapse"]) {
    padding-top: 3px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.card .heading-elements-toggle,
.card .card-content .card-body .tab-content .tab-pane .tab-content .tab-pane .row .card-header .heading-elements {
    top: 63px;
}

.stats-top-info {
    border:     none;
    margin:     -15px 0 0;
    position:   absolute;
    text-align: center;
    right:      25px;
}

    .stats-top-info ul { margin: -15px 0 0; }

        .stats-top-info ul li {
            border-right: 1px solid var(--border-color);
            padding: 0 15px 0 5px;
        }

            .stats-top-info ul li:last-child {
                border-right: none;
                padding-right: 0;
            }

    .stats-top-info h3,
    .stats-top-info .text-muted { line-height: 1rem; }

    .stats-top-info .text-muted { font-size: .8rem }

    .stats-top-agent-info { margin: -16px 0 0; }

    .curdateText {
        font-weight: 500!important;
        font-size: 0.74rem!important;
        margin: 2px 0 10px;
    }

.card .card-content .card-body .tab-content .tab-pane .tab-content .tab-pane .row .card-header .heading-elements.heading-elements-inline-toogle {
    display: inherit;
    margin: 0 0 -22px;
    position: relative;
    right: -10px;
    top: -20px;
    width: 100%;
}

    .card .card-content .card-body .tab-content .tab-pane .tab-content .tab-pane .row .card-header .heading-elements.heading-elements-inline-toogle .list-inline {
        text-align: right;
    }

.dash-agent-status .card-body {
    display: block;
}

#widget-earnings div.card-body {
    overflow-y: auto;
}

    #widget-earnings .dataTablesTopFilter .dataTables_filter label {
        width: 70%;
    }

    #widget-earnings #em-espera-fila.dataTablesTopFilter .dataTables_filter label,
    #widget-earnings #em-espera-flow.dataTablesTopFilter .dataTables_filter label {
        width: 77%;
    }

        #widget-earnings .pagination {
            justify-content: center;
        }

.dash-call-body-fixed,
.dashboard-earning-swiper#widget-earnings .card-body {
    display: flex!important;
}

.card.card-statistics .card-header~.card-content .card-body {
    padding-top: 0!important;
}

.dash-call-body-fixed,
.card-statistics .card-body,
.dash-agent-status .card-body,
.dashboard-earning-swiper#widget-earnings .card-body {
    height: 425px;
    min-height: 425px;
}

.modal-body .card-title {
    letter-spacing: .05rem;
    margin-bottom: 1.2rem;
}
    .card .card-title,
    .modal-body .card-title {
        font-weight: 600;
        text-transform: initial;
    }

    .modal-body .card-title,
    .card .card-content .card-body .row div:not(.card-header) .card-title {
        border-radius: var(--border-radius-default);
        font-size: 1rem;
        padding: 1rem 1rem;
    }



/**
  * PAINEL DE COMANDO
  *
  **/
.output-console-log, .output-console-log.form-control:focus {
    border: none;
    padding: 10px 15px;
    height: 350px;
    overflow-y: auto;
}



/**
  * MAGNIFIC POPUP
  *
  **/
.mfp-wrap {
    overflow: hidden!important;
    z-index: 10001;
}

.mfp-bg {
    z-index: 10000;
}

.mfp-iframe-holder {
    padding-top: 0;
    padding-bottom: 0;
}

    .mfp-iframe-holder .mfp-content {
        max-height: 88%;
        max-width: 98%;
    }

.full-modal-wrapper .table-responsive thead th {
    white-space: nowrap;
}

    .full-modal-wrapper .table-responsive .datatables-view {
        border-top: none;
    }

[data-id="board-add"],
[data-id="board-del"] {
    overflow-y: auto;
}

.kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header {
    margin: -1rem 0 0!important;
    pointer-events: none;
}

.kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-del"] {
    top: 3vh;
}

.kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-add"] .kanban-board-header,
.kanban-wrapper-dda .kanban-container .kanban-board[data-id="board-del"] .kanban-board-header {
    box-shadow: 0px 4px 10px -7px #9e9e9e;
    position: fixed;
    width: 98.5%;
    z-index: 1;
}

.kanban-wrapper-dda .kanban-container .kanban-board .kanban-drag {
    border-style: dashed;
    border-width: 1px;
    display: table;
    margin: 0 auto;
    width: 99%;
}

.kanban-wrapper-dda .kanban-container .kanban-board .kanban-drag .kanban-item,
.kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
    width: 100%;
}

.mfp-iframe-scaler iframe {
    background-color: var(--white-bg-body-color);
    border-radius: 5px;
    height: calc(100%);
}

.kanban-wrapper-dda .kanban-container .kanban-board {
    background: #F9F9F9;
    margin: 0!important;
    width: 100%!important;
}

    .kanban-wrapper-dda .kanban-item label {
        display: initial;
        text-overflow: ellipsis;
        overflow-x: hidden;
        white-space: nowrap;
        color: inherit;
        font-size: inherit;
        text-transform: initial;
        margin-bottom: initial;
    }

.kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header .kanban-header-filter {
    display: flex;
    align-items: center;
    pointer-events: initial!important;
}

    .kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header .kanban-header-filter:before {
        content: "Filtrar ";
        margin: 0 0 0 -45px;
        position: absolute;
        font-size: 13px;
        font-weight: 500;
    }

    .kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header .kanban-header-filter .form-control {
        border-radius: 2px;
        font-size: 13px;
        height: calc(1.4em + 0.94rem + -3px);
        padding: 0.5rem 0.5rem;
    }

    .kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus,
    .kanban-wrapper-dda .kanban-container .kanban-board .kanban-board-header .kanban-title-board:hover {
        background: transparent;
    }

.kanban-wrapper-dda .kanban-container .kanban-board .kanban-item,
.kanban-wrapper-dda .kanban-container .kanban-board .kanban-item label {
    cursor: move!important;
}

div[data-id="board-del"] .kanban-item {
    float: left;
    margin: 0 10px 0 0;
    width: 250px!important;
}



/**
  * MODAL
  *
  **/
body.horizontal-layout-no-header .app-content.content  {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.modal-custom-title {
    margin: -10px -5px 15px!important;
    padding: 26px 25px 15px;
    position: fixed;
    width: 100%;
    z-index: 2;
}

    .modal-custom-title small,
    .modal-custom-title strong {
        display: block;
        line-height: 1;
    }

    .modal-custom-title strong {
        margin-bottom: 3px;
    }

    .modal-custom-title small {
        font-size: 13px;
    }

    .has-modal-custom-title {
        padding-top: 50px;
    }

.has-modal-custom-add-register {
    padding-top: 65px;
}

.has-modal-custom-title.modal-chat-info {
    padding-top: 75px;
}

.modal-chat-info .profile-info {
    margin: 0 -15px 25px;
    min-height: 80px;
    padding: 15px 35px;
}

    .modal .modal-content .modal-header .close {
        background-color: transparent;
        color: #A1A1A1;
        text-shadow: none;
    }

        .modal .modal-content .modal-header .close i {
            font-size: 28px;
            margin-right: -36px;
        }

    .modal .modal-content i[class^="fa"] {
        top: 1px;
        position: relative;
    }

        .modal .modal-content .d-header-icons-indicators i[class^="fa"] {
            top: 0;
        }

        .modal .modal-content #users-list-queue-datatable i[class^="fa"] {
            top: 0;
            position: relative;
        }

    .modal-chat-info .modal-header .close i {
        font-size: 30px;
    }

    .modal-chat-info .profile-info .profile-picture {
        float: left;
        margin-right: 15px;
        position: relative;

        height: 100px;
        width: 100px;
        line-height: 90px;
        text-align: center;
        border-radius: 50%;
        border-style: solid;
        border-width: 5px;
        margin: -26px 15px 0 0;
        font-size: 56px;
    }

    .modal-chat-info .profile-info .profile-picture img {
        border-style: solid;
        border-width: 4px;
        border-radius: 50px;
        display: block;
        height: 100px;
        margin: -25px 0;
        width: 100px;
    }

    .modal-chat-info .profile-info .profile-account {
        float: left;
    }

    .modal-chat-info .profile-info .profile-account .name {
        margin: 0;
    }

    .modal-chat-info .profile-info .profile-account .account {
        line-height: 1.4;
        margin: 0;
    }

    .modal-chat-info .profile-info .profile-stats {
        float: right;
        list-style: none;
        padding: 5px 0;
        margin: 0;
    }

    .modal-chat-info .profile-info .profile-stats li {
        float: left;
        padding: 0 10px;
    }

    .modal-chat-info .profile-info .profile-stats li .stat {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
    }

    .modal-chat-info .profile-info .profile-stats li .count {
        display: block;
        margin: 0;
        line-height: 1.4;
        font-weight: 500;
    }

    .modal-chat-info .webchat-wrapper-content {
        border-style: solid;
        border-width: 1px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.075);
        height: 425px;
        margin-bottom: 30px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .modal-chat-info .modal-body [class^="col-lg-"] {
            margin-bottom: 20px;
            padding: 0 45px;
        }

.modal-chat-info .webchat-client-info {
    margin-bottom: 25px;
}

.modal-chat-info .webchat-client-info h4,
.modal-chat-info .webchat-client-info h5 {
    margin: 0;
}

    .modal-chat-info .webchat-client-info h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .modal-chat-info .webchat-client-info h5 {
        font-size: 12px;
        font-weight: 400;
        margin: 0 0 5px;
    }

.modal.modal-hsna-custom .modal-content .modal-header .modal-title,
.modal.modal-borderless .modal-content .modal-header.bg-dark white {
    font-family: Muli, sans-serif;
    margin: 1.14rem 0 0.912rem;
}

.modal.modal-hsna-custom .modal-content .modal-header .modal-title,
.modal.modal-borderless .modal-content .modal-header.bg-dark white,
.modal.modal-hsna-custom .modal-content .modal-header .modal-title i.bx {
    font-size: 1.8rem;
}

    .modal.modal-hsna-custom .modal-content .modal-header .modal-title i.bx {
        top: 3px;
        position: relative;
    }

    .modal.modal-hsna-custom .modal-content .modal-header .modal-title { margin: 0.5rem 0 0rem; }

    .modal.modal-borderless .modal-content .modal-header .modal-title small,
    .modal.modal-hsna-custom .modal-content .modal-header .modal-title small {
        color: #FFFFFF;
        display: block;
        font-size: 0.65rem;
        font-weight: 500;
        line-height: 0.75rem;
        margin: -6px 0 0;
        padding: 0;
        text-transform: uppercase;
        letter-spacing: 0.05rem;
    }

#modalAgentStatusLegend .modal-body .row-list div[class="col-lg-6"] {
    margin-bottom: 10px;
}

div[id^="sortModal"] .modal-header {
    -webkit-align-items: center;
      -webkit-box-align: center;
         -ms-flex-align: center;
    align-items: center;
}

    div[id^="sortModal"] .modal-content .modal-header .modal-title {
        color: #FFF;
        font-family: Muli, sans-serif;
        font-size: 1.5rem;
    }

    div[id^="sortModal"] .modal-content .modal-header .close span {
        font-size: 28px;
        margin-right: -36px;
    }

div[id^="sortModal"] .modal-body {
    padding: 0;
}

    div[id^="sortModal"] .modal-body .bars {
        padding: .5rem;
    }

        div[id^="sortModal"] .modal-body .bars .pb-3 {
            padding-bottom: 0!important;
            text-align: right;
        }

        div[id^="sortModal"] .modal-body .bars .pb-3 .btn {
            border-radius: var(--default-border-radius);
            font-size: .8rem;
            line-height: 1.4;
            padding: 0.467rem 1.2rem;
        }


.swal2-container {
    z-index: 9999!important;
}

.swal2-content {
    overflow-x: auto;
}

    #modalAgentStatusLegend .modal-body p {
        font-weight: 500;
    }

    #modalAgentStatusLegend .modal-body p.mb-0 i {
        position: relative;
        top: 2px;
    }


/*
 * WEB CHAT
 *
 * =========================================== */
#box_chats_msg {
    text-align: left;
    margin: 0 auto;
    padding: 15px 30px;
    overflow: auto;
    display: block;
    word-break: break-all;
    width: 100%;
}

.littleFont {
    font-size: 0.1%;
}

#box_chats_msg div.box-sistema {
    background: #ECECEC;
    color: #6F6F6F;
}

#box_chats_msg div.box-supervisor,
#box_chats_msg div.box-sistema,
#box_chats_msg div.box-agente,
#box_chats_msg div.box-cliente {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 1px 10px;
    transition: .2s cubic-bezier(.31,.34,.3,.99);
    -webkit-transition: .2s cubic-bezier(.31,.34,.3,.99);
    max-width: 45%;
    margin-bottom: 15px;
    position: relative;
    clear: both;
}

#box_chats_msg div.box-supervisor,
#box_chats_msg div.box-sistema,
#box_chats_msg div.box-agente,
#box_chats_msg div.box-cliente {
    display: block;
}

#box_chats_msg div.box-agente,
#box_chats_msg div.box-sistema,
#box_chats_msg div.box-cliente,
#box_chats_msg div.box-supervisor {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(97, 97, 97, 0.3);
       -moz-box-shadow: 0px 1px 2px 0px rgba(97, 97, 97, 0.3);
            box-shadow: 0px 1px 2px 0px rgba(97, 97, 97, 0.3);
}

#box_chats_msg div.box-supervisor,
#box_chats_msg div.box-sistema,
#box_chats_msg div.box-agente { float: left }

#box_chats_msg div.box-agente:before,
#box_chats_msg div.box-sistema:before,
#box_chats_msg div.box-cliente:before,
#box_chats_msg div.box-supervisor:before {
    border-style: solid;
    content: "";
    position: absolute;
    bottom: 10px;
    display: block;
    width: 0;
    z-index: 1;
}

#box_chats_msg div.box-agente h2,
#box_chats_msg div.box-sistema h2,
#box_chats_msg div.box-sistema h2,
#box_chats_msg div.box-cliente h2,
#box_chats_msg div.box-supervisor h2 {
    font-size: 11px;
    margin: 0;
    padding: 0;
}

    #box_chats_msg div.box-agente h2,
    #box_chats_msg div.box-cliente h2,
    #box_chats_msg div.box-sistema h2,
    #box_chats_msg div.box-supervisor h2 {
        border-bottom: 1px solid rgba(255 255 255 / 25%);
        font-weight: 600;
        letter-spacing: 0.1px;
        margin: 0 0 9px;
        padding: 0 0 6px;
    }

    #box_chats_msg div.box-agente h2,
    #box_chats_msg div.box-sistema h2 { color: #333; }
    #box_chats_msg div.box-supervisor h2 { color: #807D6B; }

    #box_chats_msg div.box-sistema h2,
    #box_chats_msg div.box-sistema span{ line-height: 20px; }

#box_chats_msg div.box-supervisor p,
#box_chats_msg div.box-sistema p,
#box_chats_msg div.box-cliente p,
#box_chats_msg div.box-agente p {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0;
}

#box_chats_msg div.box-supervisor span,
#box_chats_msg div.box-sistema span,
#box_chats_msg div.box-cliente span,
#box_chats_msg div.box-agente span {
    cursor: default;
    display: block;
    font-size: 10px;
    text-align: right;
    margin: 10px 0 0;
    padding: 0;
    width: auto;
}


.modal-chat-info .input-group>.input-group-append>.btn {
    padding-bottom: 0;
    padding-top: 0;
}

#box_chats_msg div.box-agente:before {
    border-width: 12px 0 12px 11px;
    right: -11px;
}

#box_chats_msg div.box-cliente:before,
#box_chats_msg div.box-sistema:before,
#box_chats_msg div.box-supervisor:before {
    border-width: 12px 11px 12px 0;
    left: -11px;
}

    #box_chats_msg div.box-sistema:before {
        border-width: 0;
    }

#box_chats_msg div.box-supervisor { background: #FFFBDC; }
#box_chats_msg div.box-agente { background: #F9F9F9; }
#box_chats_msg div.box-cliente { background: #E67529; color: #FFF; float: right; }

#box_chats_msg div.box-agente,
#box_chats_msg div.box-cliente,
#box_chats_msg div.box-sistema,
#box_chats_msg div.box-supervisor { width: 100%; }

#box_chats_msg div.box-agente:before { border-color: transparent #F9F9F9; }
#box_chats_msg div.box-supervisor:before { border-color: transparent #FFFBDC; }

#box_chats_msg div.box-sistema:before {
    border-color: transparent #ECECEC;
}

#box_chats_msg div.box-cliente:before {
    border-color: transparent #E67529;
}

#box_chats_msg div.box-agente,
#box_chats_msg div.box-sistema,
#box_chats_msg div.box-cliente,
#box_chats_msg div.box-supervisor {
    margin-bottom: 30px;
    padding: 10px 12px;
}

    #box_chats_msg div.box-agente:last-child,
    #box_chats_msg div.box-sistema:last-child,
    #box_chats_msg div.box-cliente:last-child,
    #box_chats_msg div.box-supervisor:last-child {
        margin-bottom: 20px;
    }

@media(max-width: 768px) {
    #box_chats_msg div.box-agente,
    #box_chats_msg div.box-cliente,
    #box_chats_msg div.box-sistema,
    #box_chats_msg div.box-supervisor {
        max-width: 100%;
    }
}


body.page-scrolled.navbar-scrolled .modal-custom-title.profile-chat-visor {
    box-shadow: -20px -10px 20px 0px rgb(0 0 0 / 50%);
}

.modal-custom-title.profile-chat-visor {
    margin: -10px auto 0px!important;
    padding: 26px 25px 10px;
    position: relative;
}

    .modal-custom-title.profile-chat-visor .card {
        margin-bottom: 0px;
    }

.profile-chat-visor .table-hsna-resume-chat-visor {
    font-size: 0.9rem;
    margin-bottom: 0;
}

    .profile-chat-visor .table-hsna-resume-chat-visor tbody tr td:first-child {
        font-weight: 700;
        width: 160px;
    }

.has-modal-custom-title.modal-chat-info.profile-chat-visor {
    padding-top: 0;
    margin: 0 auto;
}

    .modal-custom-title.profile-chat-visor,
    .has-modal-custom-title.modal-chat-info.profile-chat-visor {
        max-width: 800px;
    }

#dashChatInputsBox #frmVisorMessage.form-control {
    height: 38px;
}

.profile-chat-visor h5 {
    margin-bottom: 0;
}

.profile-chat-visor .card,
.profile-chat-visor .card .card-body {
    border-radius: .45rem;
}

.profile-chat-visor .card .card-content {
    padding-top: 6px;
}

    .profile-chat-visor .btn {
        border-radius: .2rem;
        font-weight: 600;
    }

    .profile-chat-visor .list-unstyled .btn {
        background-color: transparent;
    }

    .profile-chat-visor .dropdown-menu .btn,
    body.hsna-dark .profile-chat-visor .dropdown-item {
        border-radius: 0;
    }

.profile-chat-visor .btn-group-sm>.dropdown>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex;
    align-items: center;
}

    .profile-chat-visor .btn-group-sm>.dropdown>.btn i {
        margin-right: 5px;
    }

.btn-voice-transcription svg path {
    fill: #909090;
}


/**
  * DASHBOARD
  *
  **/
/* Custom dashboard call center datatable */
section.dataTablesTopFilter .dataTables_paginate {
    padding: 0px 4% 0px 4%;
}

section.dataTablesTopFilter .dataTables_info {
    text-align: center;
    margin-top: 10px;
}
/* .Custom dashboard call center datatable */

/* Custom dashboard chat datatable */
#em-espera-flow .dataTables_paginate,
#em-espera-fila .dataTables_paginate {
    padding: 0px 4% 0px 4%;
}
#em-espera-flow .paginate_button,
#em-espera-fila .paginate_button {
    margin: 2px;
}
/*#em-espera-flow .paginate_button a,
#em-espera-fila .paginate_button a{
    margin: 5px !important;
    padding: 5px !important;
}*/
#em-espera-flow .dataTables_info,
#em-espera-fila .dataTables_info {
    text-align: center;
    margin-top: 10px;
}
#em-espera-flow .dataTables_scrollHeadInner,
#em-espera-fila .dataTables_scrollHeadInner {
    width: 100% !important;
}
/* .Custom dashboard chat datatable */

.dash-btn-position {
    display: block!important;
    position: relative;
    z-index: 1;
}

.dashboard-server .heading-elements a[data-action="reload"] {
    padding: 6px 6px 4px!important;
    border-radius: 4px;
    position: relative;
    top: 5px;
}

    .dashboard-server .heading-elements a[data-action="reload"]:hover { background-color: #F5F5F5; }

.table-dash-chats > tbody > tr > td > a[class^="st-"] {
    border-radius: 50%;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    cursor: default!important;
    display: block;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

    .table-dash-chats tbody tr td a.st-em-atendimento.modal-chat-history { cursor: pointer!important; }

    .table-dash-chats tbody tr td a:active[onclick][class^="st-"] {
        position: relative;
        top: 1px;
        box-shadow: 0 0 0 rgba(0,0,0,0.5);
    }

        .table-dash-chats tbody tr td a.st-deslogado[onclick]:active,
        .table-dash-chats tbody tr td a.st-disponivel[onclick]:active {
            position: initial;
            top: initial;
            box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        }

        .table-dash-chats tbody tr td a.st-em-atendimento:hover {
            cursor: pointer;
        }

.table-status-legend tbody tr td span[class^="st-"] {
    font-size: 13px;
}

    .table-status-legend tbody tr td span[class^="st-"] p { margin-bottom: 0; }

    .box-legend-wrapper p:before,
    .table-status-legend [class^="st-"] p:before {
        content: "\ec28";
        display: inline-block;
        font-family: boxicons!important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        display: inline-block;
        margin: 0 5px 0 0;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.table.table-sm.table-sm-hsna thead tr:first-child th[rowspan="2"].sorting:after,
.table.table-sm.table-sm-hsna thead tr:first-child th[rowspan="2"].sorting_asc:after,
.table.table-sm.table-sm-hsna thead tr:first-child th[rowspan="2"].sorting_desc:after {
    top: 40px;
}

.table.dataTable thead tr:nth-child(2) .sorting:after,
.table.dataTable thead tr:nth-child(2) .sorting:before,
.table.dataTable thead tr:nth-child(2) .sorting_asc:after,
.table.dataTable thead tr:nth-child(2) .sorting_asc:before,
.table.dataTable thead tr:nth-child(2) .sorting_desc:after,
.table.dataTable thead tr:nth-child(2) .sorting_desc:before {
    top: -3px;
}

.badge-circle.badge-circle-xl {
    height: 90px;
    width: 90px;
}

.ps-container {
    position: relative;
    overflow: hidden;
    height: 100%;
}
    .ps-container .content {
        overflow: auto;
        height: 100%;
    }

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    position: relative;
}
    .ps__rail-y:hover,
    .ps .ps__rail-y:focus,
    .ps .ps__rail-y:hover,
    .ps .ps__rail-y.ps--clicking,
    .ps--active-y>.ps__rail-y:hover {
        background-color: rgba(0 0 0 / 30%);
    }

    .ps--active-x>.ps__rail-x {
        margin-top: -15px;
    }

.card-tab-list-sm .nav.nav-tabs {
    border-bottom: none;
}

    .card-tab-list-sm .nav.nav-tabs .nav-item {
        padding-bottom: 0;
        margin-left: 10px;
        margin-right: 0;
    }

        .card-tab-list-sm .nav.nav-tabs .nav-item .nav-link.btn-sm {
            padding: .2rem 1rem;
        }


.box-chat-history-id {
    width: 100%;
    padding: 5px 0;
    border-radius: var(--default-border-radius);
    font-size: .855rem;
    font-weight: 600;
    position: relative;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: aliceblue;
}


/** DISCADOR --------------------------------------------------------- */
#statsIndicators.nav.nav-tabs .nav-item .nav-link,
#statsIndicators.nav.nav-pills .nav-item .nav-link {
    background-color: #F9F9F9;
}

    #statsIndicators.nav.nav-tabs .nav-item .nav-link p,
    #statsIndicators.nav.nav-pills .nav-item .nav-link p {
        font-weight: 600;
    }

    #statsIndicators.nav.nav-tabs .nav-item .nav-link.active,
    #statsIndicators.nav.nav-pills .nav-item .nav-link.active {
        box-shadow: var(--card-user-avatar-shadow);
    }

    #statsIndicators.nav-tabs .nav-item .nav-link:hover,
    #statsIndicators.nav-pills .nav-item .nav-link:hover,
    #statsIndicators.nav-tabs .nav-item .nav-link.active,
    #statsIndicators.nav-pills .nav-item .nav-link.active {
        background-color: #64707D; /* var(--primary-light-color) */
        color: var(--white-text);
    }

    #statsIndicators .apexcharts-canvas {
        margin: 0 auto;
    }

        #statsIndicators .nav-link:hover .apexcharts-datalabels-group text:nth-child(1),
        #statsIndicators .nav-link.active .apexcharts-datalabels-group text:nth-child(1),
        #statsIndicators .nav-link:hover .apexcharts-datalabels-group text:nth-child(2),
        #statsIndicators .nav-link.active .apexcharts-datalabels-group text:nth-child(2) {
            fill: var(--white-text);
        }

        #statsIndicators .apexcharts-datalabels-group text:nth-child(1),
        #statsIndicators .apexcharts-datalabels-group text:nth-child(2) {
            font-size: 12px;
        }

        #statsIndicators .apexcharts-datalabels-group text:nth-child(2) { font-size: 24px; font-weight: 600; }

        #statsIndicators [id^="profit-"],
        #statsIndicators #profit-primary-chart .apexcharts-canvas,
        #statsIndicators #profit-primary-chart .apexcharts-canvas svg {
            height: 160px!important;
        }

        #statsIndicators [id^="profit-"] {
            min-height: 160px!important;
        }


/** DISCADOR --------------------------------------------------------- */
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

.inpt-controls:active .badge-circle-light-secondary {
    background-color: #D7DEE4;
    position: relative;
    top: 1px;
}

    .inpt-disabled.inpt-controls:active .badge-circle-light-secondary {
        position: initial;
        top: 0;
    }

.inpt-disabled .badge-circle-light-secondary,
.inpt-disabled.inpt-controls:active .badge-circle-light-secondary {
    background-color: #F3F5F7;
    color: #CBD6E4;
}

.inpt-disabled {
    pointer-events: none;
}

td.action-control,
#dtCockpit.table thead tr:nth-child(1) th.action-control {
    width: 125px!important;
}

    td.action-control a {
        margin-right: 5px;
    }

        td.action-control a:last-child {
            margin-right: 0;
        }

.dataTables_wrapper div.row:last-child,
.dataTables_wrapper div.row:first-child {
    padding: 10px 20px;
}

.table-sm.table-sm-hsna.table-dash-chats tr:not([role="row"]) > td[colspan] {
    background-color: #F5F5F5;
    padding: 10px;

    -moz-box-shadow:    inset 0px 5px 12px -11px #565656;
    -webkit-box-shadow: inset 0px 5px 12px -11px #565656;
    box-shadow:         inset 0px 5px 12px -11px #565656;

}


/* Timeline */
/* ---------------- */
.widget-timeline li {
    padding: 1.1rem 0;
    list-style: none;
    position: relative;
}

.widget-timeline li.timeline-items:before {
    position: absolute;
    content: "";
    left: -37px;
    top: 17px;
    border: 3px solid #FFFFFF;
    box-shadow: 1px 2px 6px 0 rgba(25, 42, 70, 0.3);
    border-radius: 50%;
    background: #5A8DEE;
    height: 13px;
    width: 13px;
    z-index: 2;
}

.widget-timeline li.timeline-items.active:not(:last-child):after {
    position: absolute;
    content: "";
    width: 1px;
    background: #dfe3e7;
    left: -31px;
    top: 22px;
    height: 100%;
    z-index: 1;
}

.widget-timeline li.timeline-items .timeline-content {
    padding: 0.5rem 1rem;
    background-color: #fafbfb;
    border-radius: var(--default-border-radius);
    display: flex;
    align-items: center;
}

    .widget-timeline li.timeline-items .timeline-content a {
        font-size: 13px;
    }

.widget-timeline li .timeline-time {
    float: right;
    color: #828D99;
    font-size: 0.9rem;
}

.widget-timeline li .timeline-title {
    margin-bottom: 0.25rem;
}

.widget-timeline li .timeline-text {
    margin-bottom: 0.5rem;
}


/** COKPIT --------------------------------------------------------- */
#dtCockpit > tbody > tr:not([role="row"]):hover {
    box-shadow: none;
}

.table-sm.table-sm-hsna.table-dash-chats tr:not([role="row"]) > td[colspan] .table {
    background-color: #FFF;
    margin-bottom: 0;
}

.table-actions {
    position: relative;
    top: -7px;
}

    .table-actions td {
        padding: 0!important;
    }

    .ticket-data-table .table-actions tr:hover {
        background-color: initial!important;
        box-shadow: none!important;
    }

        .ticket-data-table .table-actions tr:first-child td {
            padding-bottom: 7px!important;
            border-bottom: none;
        }

        .ticket-data-table .table-actions tr:first-child td small {
            cursor: default;
            font-weight: 500;
        }

        .ticket-data-table .table-actions tr:last-child td {
            border-right: 1px solid var(--border-color);
        }

            .ticket-data-table .table-actions tr:last-child td:last-child {
                border-right: none;
            }

        .ticket-data-table .table-actions tr td {
            padding-right: 10px!important;
        }

            .ticket-data-table .table-actions tr td:last-child {
                padding-right: 0!important;
            }

        .ticket-data-table .table-actions tr td {
            padding-left: 10px!important;
        }

            .ticket-data-table .table-actions tr td:first-child {
                padding-left: 0!important;
            }

#dtCockpit.table-sm.table-sm-hsna.table-dash-chats td {
    padding: 1rem 1rem 0.5rem;
}

    #dtCockpit.table-sm.table-sm-hsna.table-dash-chats.table-compact-rows td {
        padding: 0.25rem 1rem .25rem;
    }


.action-control table.table-actions tbody tr:nth-child(2) td,
.table-sm.table-sm-hsna.table-custom-hsna .card.shadow-none table.table table.table-actions tbody tr:nth-child(2) td {
    padding: 8px 10px 0 0!important;
}

    .action-control table.table-actions tbody tr:nth-child(2) td:first-child {
        padding-right: 15px!important;
    }

    .action-control table.table-actions tbody tr:nth-child(2) td a {
        margin-right: 0;
    }

    .table-sm.table-sm-hsna.table-dash-chats table.table-actions tr:not([role="row"]) > td[colspan] {
        background-color: transparent;
        box-shadow: none;
    }

.table-sm.table-sm-hsna.table-custom-hsna tbody a:not([href]):not([tabindex]) {
    cursor: pointer;
}


/** WIDGETS --------------------------------------------------------- */
table.table-hsna > thead > tr:nth-child(1) th {
    border: none;
}

table.table-hsna-4col tbody td {
    width: 25%;
}

table.table-hsna td .badge-circle-icon {
    height: 26px;
    padding: 4px 0;
    margin-right: 7px;
    position: relative;
    top: 2px;
    width: 26px;
}

    table.table-hsna td a.d-inline-flex {
        line-height: 30px;
    }

.card-dashboard-widget-stats-top h2 {
    margin-bottom: 0;
}

.card-dashboard-widget-stats-top .d-flex.justify-content-between div.w-200px {
    width: 200px;
}

    .card-dashboard-widget-stats-top .dropdown-menu {
        margin-top: 0;
    }

    .card-dashboard-widget-stats-top .d-flex.justify-content-between div.w-200px .avatar .avatar-content {
        height: 42px;
        width: 42px;
    }

        .card-dashboard-widget-stats-top .d-flex.justify-content-between div.w-200px .avatar .avatar-content i {
            font-size: 1.75rem!important;
        }

.dashboard-widget-top-filters a {
    border-radius: 5px;
    margin-left: 5px;
    padding: 10px 15px;
}

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

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

.form-group.list-text-selector {
    margin-bottom: 0;
}

    .list-text-selector .select2-container--default .select2-selection--single {
        background-color: transparent;
    }

        .list-text-selector .select2-container--default .select2-selection--single {
            border-color: #C9CACF;
        }

        .list-text-selector .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #222;
            filter: opacity(0.6);
        }

        .list-text-selector .form-control,
        .list-text-selector .form-control-position,
        .list-text-selector .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #222;
        }

        .list-text-selector .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .selection {
            box-shadow: none;
        }

.table-hsna-widget-pages tbody td .block-100 {
    text-align: right;
    width: 100px;
}





/**
  * NPS
  *
  **/
.plyr__menu__container {
    bottom: initial!important;
    top: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: var(--primary-color)!important;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--primary-color-hover);
}

.plyr--full-ui input[type=range] {
    color: var(--primary-color);
}

/* *:not[.card-ns-gradient] .apexcharts-canvas g.apexcharts-series.apexcharts-radial-series path {
    stroke: rgba(252,122,3,0.85);
} */

.card-nps-wrapper .card-header p,
.card-nps-wrapper .card-header h3 {
    margin: 0;
}

    .card-nps-wrapper .card-body i.bx {
        vertical-align: text-bottom;
    }

.card-nps-wrapper .btn-group>.btn-group:not(:last-child)>.btn,
.card-nps-wrapper .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.card-nps-wrapper .btn-group-toggle {
    display: flex;
}

    .card-nps-wrapper a[data-target] {
        float: right;
        top: -32px;
        position: relative;
    }

    .card-nps-wrapper textarea {
        font-size: 14px;
    }

.card-nps-wrapper .btn-group-toggle label {
    font-size: 12px !important;
}

.content-body.card-nps-wrapper .card.shadow-none .card-body .row .col-sm-12.col-md-5.col-5 .btn-group-toggle>.btn-secondary {
    color: #333;
    background-color: #D6D6D6 !important;
    border-color: #D6D6D6 !important;
    padding: 0.467rem 1.5rem;
}

.card-nps-wrapper .btn-group-toggle .btn-secondary:hover {
    background-color: #C1C1C1 !important;
    border-color: #C1C1C1 !important;
}

.content-body.card-nps-wrapper .card.shadow-none .card-body .row .col-sm-12.col-md-5.col-5 .btn-group-toggle>.btn-secondary:not(:disabled):not(.disabled).active,
.content-body.card-nps-wrapper .card.shadow-none .card-body .row .col-sm-12.col-md-5.col-5 .btn-group-toggle>.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.card-nps-wrapper .card-header .form-control:not(.pickadate)[readonly] {
    background-color: transparent;
    border: none;
    color: var(--dark-text);
    font-weight: 500;
    opacity: 1;
}

label.btn:parent(textarea) {
    background-color: red;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled).active.focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

#donut-chart-statistics .apexcharts-canvas {
    margin: 0 auto;
}

    .form.form-horizontal .tooltip-inner2 {
        background-color: red!important;
        max-width: 60%!important;
    }

.tabFormulario .nav-tabs .nav-link {
    display: flex;
}

.tooltip {
    z-index: 10000;
}

/**
  * PANIC BUTTON
  *
  **/
.panicActive {
    border-left: 5px solid red!important;
    background-color: #FFE9E9!important;
}

    .panicActive:hover { background-color: #FFD9D9!important; }



/**
  * IVR
  *
  **/

#gui {
    background: #FFF url('../img/ivr/20x20_grid.png');
    width: 100%;
    height: 600px;
    border-top: 1px solid var(--border-color);
}

#ivr-tools,
#ivr-elements {
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    width: 100%;
}

    #ivr-tools li,
    #ivr-elements li {
        background-color: #F7F7F7;
        border-radius: 3px;
        padding: 5px;
        z-index: 9999;
    }

    #ivr-tools li {
        float: left;
        margin-right: 5px;
    }

        #ivr-elements li:hover,
        #ivr-tools li:hover {
            background-color: #FFFFFF;
        }

        #ivr-tools li img {
            width: 26px;
        }

    #ivr-elements {
        margin: 0 0 15px 15px;
    }

    #ivr-elements li {
        background-color: #F7F7F7;
        border: 1px solid #DEDEDE;
        cursor: move;
        display: inherit;
        margin-right: 2px;
        margin-bottom: 5px;
    }

        #ivr-elements li:last-child {
            margin-right: 0;
        }

        #ivr-elements li img {
            width: 36px;
        }

        .ui-draggable-dragging {
            -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
            -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
            box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
        }

        .ui-droppable li {
            list-style-type: none;
        }

.ivr-title-elements {
    cursor: default;
    margin: 0 0 10px 0;
    padding: 10px;
    background-color: #1D2127;
    color: #FFFFFF;
    border-left: 3px solid #E67529;
}

.ivr-no-padding {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

    #ivr-elements.ivr-elements-horizontal li {
        margin-bottom: 0;
    }

#toolbar div,
.dropped_icon { float: left; }

#toolbar div.ui-draggable { cursor: move; }

#toolbar div i.fa,
.dropped_icon i.fa {
    height: 42px;
    width: 42px;
    font-size: 42px;
    text-align: center;
}

    #toolbar div:hover i.fa {  color: #FF8929; }
    #toolbar div:hover.ui-draggable-disabled.ui-state-disabled i.fa { color: inherit; }

.dropped_icon {
    background-color: #FFF;
    text-align: center;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    padding: 10px 5px;
}

#ivr-elements li,
#gui .ui-draggable { cursor: grab; }

#ivr-elements li.ui-draggable-dragging,
#gui .ui-draggable.ui-draggable-dragging { cursor: grabbing; }

.icon_selected { background: #C4C4C4; }

#toolbar div { background: transparent; }

.endpoint {
    cursor: pointer;
    background-color: var(--primary-color);
    height: 8px;
    margin: 10px -5px -12px -5px;
    padding: 4px 5px;
    width: 70px;
}

.aLabel {
    background: #FFF;
    border: 2px solid #777;
    padding: 5px 10px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.compile_error {
    background-color: #F00;
}

#easyTooltip {
    color: #fff;
    padding: 3px 7px;
    border: 2px solid #CCC;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: rgba(55,55,55,0.7);
    font-size: 14px;
}

.hidden { display: none; }

.dialog input { width: 100%; }

#gui path {
    stroke: var(--primary-color);
    stroke-width: 1;
}

#gui svg._jsPlumb_connector path:last-child {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

.ivr-open-file {
    left:-9999px;
    position: absolute;
}

.accordion.collapse-sm .card .card-header {
    border-radius: var(--default-border-radius)!important;
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
}

    .accordion.collapse-sm .card .card-body.p-1 {
        padding-top: 0.5rem!important;
    }

    .accordion.collapse-sm .card .card-header i {
        margin-right: .25rem;
    }

    .accordion.collapse-sm.collapse-icon [data-toggle="collapse"]:before {
        top: 15%;
    }

.accordion .card.collapse-header {
    margin-bottom: 0;
}

.card-header:not(.collapse.show) .rotate-icon {
    transform: rotate(180deg);
    transform: rotate(0deg);
}

.input-group.input-group-merge.input-group-sm svg {
    --svg-group-merge-input-size: 15px;
    height: var(--svg-group-merge-input-size);
    width: var(--svg-group-merge-input-size);
}

.input-group-merge .input-group-text:first-child {
    background-color: transparent;
    border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-merge .form-control:not(:first-child) {
    padding-left: 0;
	border-left: 0;
}

.table-questions tr td {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 5px;
}

    .table-questions tr td:nth-child(2) {
        font-weight: 600;
    }

        .table-questions tr:last-child td {
            border-bottom: none;
            padding-bottom: 0;
        }

.hint-line,
.hint-header {
    cursor: help;
    float: right;
    position: absolute;
    right: 10px;
}

.hint-header {
    top: 8px;
}

.hint-line {
    top: 10px;
}

.hint-info-form {
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1;
    border-bottom: 1px dashed #CFCFCF;
    border-radius: 8px;
    cursor: help;
    line-height: 1;
    padding: 8px 0 7px 10px;
    text-align: center;
}

    .hint-info-form i {
        margin: -2px 0 0 -22px;
        position: absolute;
    }

.tab-content .align-items-center .btn-group.btn-group-toggle {
    min-height: 41.8px;
}

.tab-content .align-items-center .col-sm-12.col-md-5.col-5 {
    padding-right: 32px;
}

.swal2-popup {
    width: 750px!important;
}

.swal2-content dt,
.swal2-content dd {
    text-align: left;
}

.swal2-content dt {
    width: 100%;
}

.swal2-content .btn-light-primary:focus,
.swal2-content .btn-light-primary:active {
    background-color: #FFE5CD!important;
    color: var(--primary-color)!important;
}

    .swal2-content .btn-light-primary:hover,
    .swal2-content .btn-light-primary:focus:hover {
        background-color: var(--primary-color)!important;
        color: var(--white-text)!important;
    }


/**
  * FLOW
  *
  **/
h4 [class^="spinner"] {
    bottom: 0;
    cursor: help!important;
    margin: 0 0 -11px 10px;
    position: absolute;
}

h4[class*="flow-active"] + svg {
    border: 1px dashed blue;
    border-radius: 50px;
    padding: 5px;
}

    h4[class*="flow-active"] + .flow-wrapper-content .flow-wrapper-circle {
        background-clip: content-box;
        border: 2.5px dashed #4BB543;
        border-radius: 50%;
        display: block;
        height: 75px;
        margin: -24px 19px -35px;
        padding: 2.5px;
        width: 75px;
    }

        h4[class*="flow-active"] + .flow-wrapper-content .flow-wrapper-circle.flow-spin {
            animation: spin 10s linear infinite;
        }

        h4[class*="flow-active"] + .flow-wrapper-content svg {
            font-size: 45px;
        }

h4[class*="flow-bug"],
h4[class*="flow-bug"] svg,
h4[class*="flow-bug"] + .flow-wrapper-content svg {
    color: red!important;
}

h4[class*="flow-bug"] + svg,
h4[class*="flow-bug flow-active"] + .flow-wrapper-content .flow-wrapper-circle {
    border-color: red;
}

h4[class*="flow-success"],
h4[class*="flow-success"] svg,
h4[class*="flow-success"] + .flow-wrapper-content svg {
    color: #04C223!important;
}

h4[class*="flow-success"] + svg,
h4[class*="flow-success flow-active"] + .flow-wrapper-content .flow-wrapper-circle {
    border-color: #04C223;
}

h4[class*="flow-cancel"],
h4[class*="flow-cancel"] svg,
h4[class*="flow-cancel"] + .flow-wrapper-content svg {
    color: #FFAC33!important;
}

h4[class*="flow-cancel"] + svg,
h4[class*="flow-cancel flow-active"] + .flow-wrapper-content .flow-wrapper-circle {
    border-color: #FFAC33;
}

h4[class*="flow-loading"],
h4[class*="flow-loading"] svg,
h4[class*="flow-loading"] + .flow-wrapper-content svg {
    color: #064368!important;
}

h4[class*="flow-loading"] + svg,
h4[class*="flow-loading flow-active"] + .flow-wrapper-content .flow-wrapper-circle {
    border-color: #064368;
}

.drawflow .connection .main-path {
    stroke: #04C223;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

/**
  * CODEMIRROR
  *
  **/
.CodeMirror {
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}


/**
  * ALERTAS
  *
  **/
.alert i {
    /* position: relative;
    top: 7px; */
}

    .alert i.fa-lg {
        font-size: 2.5rem;
    }

.alert ul {
    margin-bottom: 0;
    margin-top: 5px;
}

    .alert .list-style-icons {
        padding-left: 25px;
    }

    .alert.alert-dismissible .close {
        padding: 0.01rem 0.25rem;
        top: 15px;
        right: 15px;
    }


/**
  * REPORTS
  *
  **/
.content-wrapper-reports-list .nav-link[data-toggle="pill"] {
    display: block!important;
    font-size: 20px;
    font-weight: 400;
    justify-content: center;
    padding: 1.9rem 1.33rem;
    text-transform: uppercase;
}

    .content-wrapper-reports-list .nav-link[data-toggle="pill"] i {
        font-size: 62px;
        display: block;
        margin: 0!important;
    }

.content-wrapper-reports-list .nav.nav-pills .nav-item .nav-link.active[data-toggle="pill"] {
    box-shadow: none;
}

.content-wrapper-reports-list .table-reports ul.list-inline {
    margin-bottom: 5px;
}

    .content-wrapper-reports-list .table-reports tbody tr td:first-child {
        padding: 8px 0 0 20px;
        vertical-align: initial;
    }

    .content-wrapper-reports-list .table-reports tbody tr td:last-child {
        padding: 13px 20px 0;
    }

    .content-wrapper-reports-list .table-reports .bx-reports-main-icon {
        font-size: 70px;
    }

    .content-wrapper-reports-list .table-reports h4 {
        font-size: 20px;
        font-weight: 500;
    }

        .content-wrapper-reports-list .table-reports h4 a {
            color: var(--dark-text);
        }

            .content-wrapper-reports-list .table-reports h4 a:hover {
                color: var(--primary-color);
            }

    .content-wrapper-reports-list .table-reports p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 5px!important;
    }

.nav.nav-pills .nav-item {
    margin-bottom: 0rem;
}

div[id^="report-main"] .table {
    border: 1px solid #E5E5E5;
    box-shadow: 0px 0px 7px -4px rgb(0 0 0 / 50%);
    border-radius: 5px;
    display: block;
    margin-bottom: 0;
    padding: 0 10px;
    transition: var(--transition-animation);
}

div[id^="report-main"] .list-inline-item small i {
    position: relative;
    top: 1px;
}

    div[id^="report-main"] a:hover .table {
        border-color: var(--primary-color);
        box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%);
    }

div[id^="report-main"] .table tbody tr:last-child td {
    padding-left: 5px;
    padding-right: 0;
}

    div[id^="report-main"] .table tbody tr td:first-child {
        padding-top: 7px;
        vertical-align: text-bottom;
    }

        div[id^="report-main"] .table tbody tr td:first-child i.bx {
            font-size: 46px;
            width: 53px;
            margin: 5px 0 0;
        }

    div[id^="report-main"] .table tbody tr:last-child td h4 {
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        font-weight: 600;
    }

    div[id^="report-main"] .table tbody tr:last-child td ul {
        margin-bottom: 0;
    }

        div[id^="report-main"] .table tbody tr:last-child td p {
            font-size: 15px;
            line-height: 19px;
            margin-top: 5px!important;
            letter-spacing: 0.25px;
        }

.custom-tab-pill.custom-tab-pill-color .nav.nav-tabs .nav-item .nav-link.active,
.custom-tab-pill.custom-tab-pill-color .nav.nav-tabs .nav-item .nav-link:not(.active) {
    align-items: center;
    display: flex;
    font-size: .955rem;
    justify-content: center;
}



/**
  * SIDEBAR
  *
  **/
#template-customizer {
    font-family: var(--font-family-quicksand);
    display: none;
}

    #template-customizer .tab-content>.active {
        font-size: .85rem;
        font-weight: 400;
    }

    #template-customizer .nav.nav-tabs~.tab-content {
        padding-left: 0;
    }

#template-customizer.template-customizer-open {
    display: flex;
}

#template-customizer .template-customizer-open-btn::before {
    content: "\f5b8"!important;
    background-image: none!important;
    font-family: var(--font-family-awesome)!important;
    top: -11px!important;
    left: 2px!important;
}

#template-customizer .template-customizer-open-btn {
    bottom: 25%!important;
    top: initial!important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.24);
}

    #template-customizer .template-customizer-open-btn:hover {
        background-color: var(--primary-color);
    }

.template-header-user {
    background-color: var(--dark-color);
    color: #FFF;
    font-weight: 600;
    font-family: var(--font-family-quicksand);
    margin: -15px -15px 10px;
    padding: 5px 10px;
    width: 360px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.template-customizer-header .btn-close {
    box-sizing: content-box;
    width: 0.8em;
    height: 0.8em;
    color: rgb(168, 177, 187);
    opacity: 0.95;
    padding: 0.25em;
    background: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='%F0%9F%8E%A8-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a8b1bb' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a8b1bb' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center center / 0.8em no-repeat transparent;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: var(--default-border-radius);
}

#template-customizer .template-customizer-close-btn {
    padding: 1.5rem!important;
    top: 55px!important;
}




/**
  * DASHBOARD TV
  *
  **/
.dashtv-box-timers,
.dashtv-card-header {
    border-radius: 5px;
    padding: 15px 15px;
}

.dashtv-card-header {
    background: rgb(255,123,0);
    background: linear-gradient(90deg, rgba(255,123,0,1) 0%, rgba(247,162,82,1) 100%);
    color: #FFF;
    margin-bottom: 10px;
}

    .dashtv-card-header:selection {
        background-color: #FFF!important;
        color: var(--primary-color)!important;
    }

    .dashtv-card-header p,
    .dashtv-card-header h4 {
        color: #FFF;
    }

    .dashtv-box-timers p,
    .dashtv-box-timers h4,
    .dashtv-card-header p,
    .dashtv-card-header h4 {
        margin: 0;
        padding: 0;
    }

    .dashtv-card-header h4 {
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

        .dashtv-card-header .col-8 p {
            font-weight: 300;
        }

    .dashtv-score {
        background: #FFF;
        border-radius: 10px;
        height: 55px;
        margin: 0 0 0 50px;
        position: relative;
        text-align: center;
        width: 100px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

        .dashtv-score:before {
            border-bottom: 21px solid transparent;
            border-right: 15px solid #fff;
            border-top: 23px solid transparent;
            content: " ";
            height: 0;
            left: -14px;
            position: absolute;
            right: 100%;
            top: 6px;
            width: 0;
        }

        .dashtv-score p {
            color: var(--primary-color);
            font-size: 32px;
            font-weight: 600;
            padding: 17px 0;
        }

    .dashtv-box-timers {
        background-color: #FEF8EC;
    }

        .dashtv-box-timers h4 {
            color: #E56F00;
            font-weight: 700;
            margin-bottom: -5px;
        }

        .dashtv-box-timers small {
            color: #F5D27B;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0;
        }

    .card-dashtv-blue .dashtv-card-header {
        background: rgb(17,93,242);
        background: linear-gradient(90deg, rgba(17,93,242,1) 0%, rgba(59,123,230,1) 100%);
    }
    .card-dashtv-blue .dashtv-score p,
    .card-dashtv-blue .dashtv-box-timers h4{ color: #44549F; }
    .card-dashtv-blue .dashtv-box-timers small { color: #6577CF; }
    .card-dashtv-blue .dashtv-box-timers { background-color: #E7EEFE; }


    .card-dashtv-green .dashtv-card-header {
        background: rgb(142,213,33);
        background: linear-gradient(90deg, rgba(142,213,33,1) 0%, rgba(177,235,90,1) 100%);
    }
    .card-dashtv-green .dashtv-score p,
    .card-dashtv-green .dashtv-box-timers h4,
    .card-dashtv-green .dashtv-box-timers h4 i { color: #70AF11; }
    .card-dashtv-green .dashtv-box-timers small { color: #8ED521; }
    .card-dashtv-green .dashtv-box-timers { background-color: #F1FFDC; }


    .card-dashtv-red .dashtv-card-header {
        background: rgb(226,65,25);
        background: linear-gradient(90deg, rgba(226,65,25,1) 0%, rgba(249,143,105,1) 100%);
    }
    .card-dashtv-red .dashtv-score p,
    .card-dashtv-red .dashtv-box-timers h4,
    .card-dashtv-red .dashtv-box-timers h4 i { color: #C36948; }
    .card-dashtv-red .dashtv-box-timers small { color: #F98F69; }
    .card-dashtv-red .dashtv-box-timers { background-color: #FFEEE9; }


    .card-dashtv-dark .dashtv-card-header {
        background: rgb(64,64,64);
        background: linear-gradient(90deg, rgba(64,64,64,1) 0%, rgba(147,147,147,1) 100%);
    }
    .card-dashtv-dark .dashtv-score p,
    .card-dashtv-dark .dashtv-box-timers h4,
    .card-dashtv-dark .dashtv-box-timers h4 i { color: #404040; }
    .card-dashtv-dark .dashtv-box-timers small { color: #404040; }
    .card-dashtv-dark .dashtv-box-timers { background-color: #F5F5F5; }

    html.loaded.full-screen #dashtv-content,
    html.full-screen .navbar-static .app-content .content-wrapper.content-wrapper-flow.fullScreenArea .h-100-full-content {
        background-color: var(--bg-body-color);
        overflow-y: auto;
    }

    html.full-screen .navbar-static .app-content .content-wrapper.content-wrapper-flow.fullScreenArea .h-100-full-content {
        overflow: hidden;
    }

    /* html.full-screen .navbar-static .app-content .content-wrapper.content-wrapper-flow.fullScreenArea .h-100-full-content {
        height: 100vh;
        overflow: hidden;
    }

        html.full-screen .navbar-static .app-content .content-wrapper.content-wrapper-flow.fullScreenArea .h-100-full-content #drawflow {
            height: calc(100% - 55px);
        } */

    .dashtv-box-timers .badge-circle {
        background-color: transparent;
        height: 50px;
        position: absolute;
        right: 15px;
        top: 5px;
        width: 50px;
    }

        .dashtv-box-timers .badge-circle .font-large-3 {
            font-size: 1.5rem!important;
        }


.dash-gravacao-container a.badge-circle {
    display: inline-grid;
    height: 44px;
    width: 44px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 800;
}

    .dash-gravacao-container a.badge-circle:hover {
        background-color: #DCDDDF;
        color: var(--primary-color);
    }

    .dash-gravacao-container a.badge-circle img {
        opacity: 0.5;
        padding: 6px 7px;
    }

    .dash-gravacao-container a.badge-circle svg {
        width: 32px;
    }


/**
  * SIDEBAR - SURVEY
  *
  **/
#template-customizer.template-customizer-open .template-customizer-header {
    padding: 1rem 1rem .5rem!important;
}



/**
  * DATETIME PICKER
  *
  **/
.xdsoft_datetimepicker {
    border-radius: 0 0 7px 7px;
    border-color: #D8D8D8;
    box-shadow: 0 5px 15px -5px rgb(110 110 110 / 44%);
    font-family: var(--font-family-quicksand);
}

    .xdsoft_datetimepicker .xdsoft_label {
        padding: 5px 0;
    }

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    border-color: #FFF;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    color: #2E2E2E;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background-color: transparent;
    color: #545454;
}


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    background-color: #FFF;
}



/**
  * DASH SERVER
  *
  **/
#esm-load_average .esm_load_average_box input {
    font-family: var(--font-family-quicksand)!important;
    font-weight: 500!important;
}



/**
  * DASH CALL CENTER
  *
  **/
#dtBoxAgents .badge-danger {
    background-color: var(--danger-color);
}

.statsAgentName {
    border: none;
    display: flex;
    align-items: center;
}

    .statsAgentName i {
        margin-right: 4px;
        position: relative;
        top: 0;
    }

.icon-sipStats {
    background-color: var(--background-bagde);
    border-radius: 50%;
    height: 25px;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}

    .icon-sipStatsOff { color: #DD273C; }
    .icon-sipStatsOn { color: var(--success-color); }

    .datatables-view tr:hover,
    #dtBoxAgents tbody tr:hover .badge.badge-info,
    .table-sm.table-sm-hsna > tbody > tr:hover .icon-sipStats {
        background-color: var(--background-hover-bagde);
    }

    .datatables-view tr:hover td {
        transition: var(--transition-animation);
    }

#dtBoxAgents .badge.badge-info {
    background-color: var(--background-bagde);
    color: var(--dark-text);
}

#dtBoxAgents .badge.badge-pill {
    position: relative;
    top: -1px;
}

    #dtBoxAgents tbody tr td:nth-child(3) .badge.badge-pill {
        padding: 4px 10px!important;
    }

#dtBoxAgents tbody tr.dashStatusRowBlink {
    animation: blinkingText 1s infinite;
}

.dataTablesTopFilter .dataTables_filter {
    background-color: #FFFFFF;
    padding: 10px 10px;
    margin: 0 0 0px!important;
    border-radius: 5px 5px 0 0;
}

    .dataTablesTopFilter .dataTables_filter label {
        width: 90%;
    }

        .dataTablesTopFilter.dataTablesTopFilterFullInput .dataTables_filter label {
            width: 100%;
        }

    .dataTablesTopFilter .dataTables_filter input {
        display: block!important;
        margin-left: 0!important;
        width: 100%!important;
    }

    .dataTablesTopFilter div[id*="wrapper"] > .dt-buttons.btn-group {
        margin: 26px 0 0 15px;
        position: absolute;
    }

.dataTablesTopFilter .table.nowrap {
    width: calc(100% - 1.55px)!important;
}

    .dataTables_wrapper .dataTables_scrollHeadInner {
        width: 100%!important;
    }

.dataTablesTopFilterContainer.dataTablesTopFilter .dataTables_filter,
.dataTablesTopFilterContainer.dataTablesTopFilter .dt-buttons.btn-group {
    display: inline-block;
}

    .dataTablesTopFilterContainer.dataTablesTopFilter div[id*="wrapper"] > .dt-buttons.btn-group {
        margin: 0;
        position: initial;
    }

    .dataTablesTopFilterContainer.dataTablesTopFilter .dataTables_filter {
        width: 100%;
    }

        .dataTablesTopFilterContainer.dataTablesTopFilter .dataTables_filter label {
            padding: 0 5px 0 5px;
            width: 100%;
        }



/**
  * DRAWFLOW
  *
  **/
#flow-left-sidemenu .drag-drawflow {
    padding-left: 12px;
}

.drag-drawflow {
    border-bottom: 0!important;
    display: flex;
    flex: 2;
}

.drag-drawflow-icon {
    text-align: center;
    margin-right: 5px;
    width: 35px;
}

    .drag-drawflow-icon span {
        border-radius: 50%;
        display: inline-grid;
        height: 30px;
        width: 30px;
        text-align: center;
        align-items: center;
        justify-content: center;
        top: 3px;
        position: relative;
    }

.drag-drawflow {
    background-color: #FFF;
    border-radius: var(--default-border-radius);
    margin: 0 10px 10px;
}

    .drag-drawflow:hover {
        background-color: #E1E1E1;
    }

.drawflow-title-group {
    margin-bottom: 10px;
}

.highcharts-container svg text[text-anchor="end"] {
    display: none;
}

#flow-right-content .menu ul li select {
    border-color: #DFE3E7;
    border-radius: 0.2rem;
    font-size: 13px;
    padding: 0.20rem 0.8rem;
}

#dashChatsAgents .btn-agent-list-attendance.btn-agent-list-attendance-off,
#dashChatsAgents .btn-agent-list-attendance.btn-agent-list-attendance-off i {
    filter: opacity(0.5);
}

#dashChatsAgents .btn-agent-list-attendance.btn-agent-list-attendance-off .badge-circle-light-secondary:hover {
    background-color: var(--light-secondary);
    color: var(--light-secondary-text);
    cursor: default;
}

.counter-content {
    cursor: default;
    position: absolute;
    right: 30px;
    top: 20px;
}

.btn-export-report[disabled] {
    pointer-events: none;
    filter: opacity(50%);
}

    .btn-export-report[disabled] i {
        background-color: #FF6500;
        color: #FFF;
    }

    .btn-export-report i {
        background-color: #44D953;
        color: #FFF;
    }

        .btn-export-report i:hover { background-color: #59ED68; }

    .btn-export-report[disabled] i,
    .btn-export-report:hover[disabled] i {
        cursor: not-allowed!important;
    }


.croppie-container .cr-boundary {
    border: 1px solid var(--white-border-color);
}

#croppieProfileImageActions {
    text-align: center;
    padding: 10px;
}

.btn-group-croppie {
    margin-top: -2px;
}

    .btn-group.btn-group-croppie>.btn#croppieProfileImageActions_uploadBox {
        border-top-left-radius: var(--default-border-radius);
        border-bottom-left-radius: var(--default-border-radius);
    }

    .btn-group-croppie .btn {
        padding: .2rem 1rem;
    }

    .btn-group-croppie .btn i {
        font-size: 1.25rem;
    }

        .btn-group-croppie .btn[id*="_reset"]:hover {
            background-color: #FF5B5C!important;
        }

            .btn-group-croppie .btn[id*="_reset"]:hover .text-danger {
                color: #FFF!important;
            }

.croppie-container .cr-resizer,
.croppie-container .cr-boundary,
.croppie-container .cr-viewport {
    border-radius: var(--border-radius-default);
}

    #croppieProfileImageBox.croppie-container .cr-resizer,
    #croppieProfileImageBox.croppie-container .cr-viewport {
        box-shadow: 0 0 2000px 2000px rgb(150 150 150/30%);
    }

    .croppie-container .cr-boundary canvas {
        border-radius: 1rem;
    }

.ticket-card-info .table {
    margin-bottom: 0;
}

    .ticket-card-info tbody tr td:first-child,
    .ticket-card-info tbody tr td:nth-child(3) {
        font-weight: 400;
        width: 170px;
    }

    .ticket-card-info tbody tr td:nth-child(2),
    .ticket-card-info tbody tr td:nth-child(4) {
        font-weight: 700;
    }


/**
  * TOAST
  *
  **/
#toast-container > div {
    border-color: #FFF;
    border-radius: .256rem;
    border-width: 2px;
    box-shadow: 0 0 15px 5px rgba(0 0 0 / 25%);
    filter: alpha(opacity=100);
    opacity: 1.0;
    text-shadow: 1px 1px rgb(64 109 11);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    max-width: 500px;
    width: auto;
}

.toast-success {
    background-color: var(--success-color);
}


/**
  * QUILL EDITOR
  *
  **/
.ql-syntax,
.hljs-attribute {
    font-weight: 300!important;
}

.ql-html-overlayContainer .ql-html-popupContainer .ql-html-buttonGroup [class^="ql-html-"] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 0 solid transparent;
    padding: .2rem 1.0rem .2rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.6rem;
    border-radius: .267rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }

.editor .ql-editor {
    min-height: 200px;
}

.ql-toolbar.ql-snow, .ql-container.ql-snow {
    border-color: var(--quill-border-color);
}

.ql-toolbar.ql-snow {
    border-top-left-radius: var(--quill-border-radius);
    border-top-right-radius: var(--quill-border-radius);
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-bottom-left-radius: var(--quill-border-radius);
    border-bottom-right-radius: var(--quill-border-radius);
}

.ql-html-overlayContainer .ql-html-popupContainer,
.ql-html-overlayContainer .ql-html-popupContainer pre {
    background: #FFF;
}

.ql-html-overlayContainer .ql-html-popupContainer .ql-editor {
    border: 1px solid #DEDEDE;
    padding: 0;
    margin-top: 10px;
}

    .ql-html-overlayContainer .ql-html-popupContainer .ql-editor .ql-html-buttonOk {

    }


/*
 * DASHBOARD TICKETS
 *
 */
.ticket-stats-new .ticket-box-stats p { background-color: var(--ticket-status-new); }
.ticket-stats-pend .ticket-box-stats p { background-color: var(--ticket-status-pedding); }
.ticket-stats-hold .ticket-box-stats p { background-color: #E04343; }
.ticket-stats-open .ticket-box-stats p { background-color: var(--ticket-status-open); }
.ticket-stats-solv .ticket-box-stats p { background-color: var(--ticket-status-solved); }
.ticket-stats-clos .ticket-box-stats p { background-color: var(--ticket-status-closed); }
.ticket-stats-erro .ticket-box-stats p { background-color: #3FD0B2; }

#dash-tickets .card:active,
#dash-tickets .card.active:active {
    position: relative;
    top: 1px;
    box-shadow: none;
}

#dash-tickets .card-header-icon {
    margin: 0 auto;
    font-size: 44.8px;
    font-size: 2.8rem;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 55px;
    padding: 0 11px;
}

    #dash-tickets [id^="dash-tickets-filter"] .card-header {
        margin-top: -25px;
    }

    #dash-tickets [id^="dash-tickets-filter"] .card-body {
        padding-bottom: 10px;
        padding-top: 15px;
    }

    #dash-tickets .card .card-header-icon .menu-livicon,
    #dash-tickets .card:not(.active) .card-header-icon .menu-livicon {
        position: relative;
    }

    #dash-tickets .card .card-header-icon .menu-livicon,
    #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon .menu-livicon {
        top: -3px;
        left: 0;
    }

    #dash-tickets .card .card-header-icon .lievo-svg-wrapper svg {
        margin: 0 auto;
        width: 70px!important;
    }

        #dash-tickets .card:not(.active) .card-header-icon .lievo-svg-wrapper svg rect,
        #dash-tickets .card:not(.active) .card-header-icon .lievo-svg-wrapper svg line,
        #dash-tickets .card:not(.active) .card-header-icon .lievo-svg-wrapper svg path,
        #dash-tickets .card:not(.active) .card-header-icon .lievo-svg-wrapper svg circle,
        #dash-tickets .card:not(.active) .card-header-icon .lievo-svg-wrapper svg polyline {
            stroke: #5A8DEE;
        }

        #dash-tickets .card:not(.active) .card-header-icon .livicon-evo-holder[data-icon=hourglass] svg path {
            fill: #5A8DEE;
        }

            #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon .livicon-evo-holder[data-icon=hourglass] svg path {
                fill: #FFF;
            }

        #dash-tickets .card .card-header-icon .lievo-svg-wrapper svg rect,
        #dash-tickets .card .card-header-icon .lievo-svg-wrapper svg line,
        #dash-tickets .card .card-header-icon .lievo-svg-wrapper svg path,
        #dash-tickets .card .card-header-icon .lievo-svg-wrapper svg circle,
        #dash-tickets .card .card-header-icon .lievo-svg-wrapper svg polyline,
        #dash-tickets [id^="dash-tickets-filter"] a:hover .card-header-icon .lievo-svg-wrapper svg path,
        #dash-tickets [id^="dash-tickets-filter"] a:hover .card-header-icon .lievo-svg-wrapper svg rect,
        #dash-tickets [id^="dash-tickets-filter"] a:hover .card-header-icon .lievo-svg-wrapper svg line,
        #dash-tickets [id^="dash-tickets-filter"] a:hover .card-header-icon .lievo-svg-wrapper svg circle,
        #dash-tickets [id^="dash-tickets-filter"] a:hover .card-header-icon .lievo-svg-wrapper svg polyline {
            stroke: #FFF;
        }

        #dash-tickets .card .card-header-icon .livicon-evo-holder[data-icon=hourglass] svg path {
            fill: #FFF;
        }

    #dash-tickets .card-body h3 {
        color: var(--default-text);
        font-size: 42px;
        font-weight: 300;
        line-height: 1;
    }

    #dash-tickets .card-body h4 {
        color: #333;
        font-size: 13px;
        font-weight: 800;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    #dash-tickets .card-body .summary-footer {
        border-top: 1px dotted #DDD;
        color: var(--default-text);
        font-size: 10px;
        font-weight: 600;
        padding: 10px 0 0;
        text-transform: uppercase;
    }

    #dash-tickets .card:not(.active) .card-header-icon {
        background-color: #F7F7F7!important;
        border: 0px solid #5A8DEE!important;
    }

        #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon {
            background-color: #5A8DEE!important;
            border: none!important;
        }

    #dash-tickets .card.active {
        border: 2px solid #5A8DEE;
        box-shadow: 0 10px 20px 10px rgb(25 42 70 / 10%);
        top: -5px;
    }

        #dash-tickets .card.active .card-body h3,
        #dash-tickets .card.active .card-body h4,
        #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-body h3,
        #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-body h4 {
            color: #5A8DEE;
        }

        #dash-tickets .card.active .summary-footer,
        #dash-tickets [id^="dash-tickets-filter"].card a:hover .summary-footer {
            font-weight: bolder;
        }

    #dash-tickets [id^="dash-tickets-filter"].card .card-header-icon .lievo-svg-wrapper svg rect,
    #dash-tickets [id^="dash-tickets-filter"].card .card-header-icon .lievo-svg-wrapper svg line,
    #dash-tickets [id^="dash-tickets-filter"].card .card-header-icon .lievo-svg-wrapper svg path,
    #dash-tickets [id^="dash-tickets-filter"].card .card-header-icon .lievo-svg-wrapper svg circle,
    #dash-tickets [id^="dash-tickets-filter"].card .card-header-icon .lievo-svg-wrapper svg polyline {
        stroke: var(--default-text)!important;
    }

        #dash-tickets .card:not(.active) .card-header-icon .livicon-evo-holder[data-icon=hourglass] svg path {
            fill: var(--default-text);
        }

        #dash-tickets #dash-tickets-filter-open[class*="active"],
        #dash-tickets [id="dash-tickets-filter-open"].card:not(.active) .card-header-icon {
            border-color: var(--ticket-status-open)!important;
        }

        #dash-tickets #dash-tickets-filter-open[class*="active"] .card-body h3,
        #dash-tickets #dash-tickets-filter-open[class*="active"] .card-body h4,
        #dash-tickets #dash-tickets-filter-open[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-open"].card:not(.active) a:hover .card-body h3,
        #dash-tickets [id="dash-tickets-filter-open"].card:not(.active) a:hover .card-body h4 {
            color: var(--ticket-status-open)!important;
        }

        #dash-tickets #dash-tickets-filter-open[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-open"].card:not(.active) a:hover .card-header-icon {
            background-color: var(--ticket-status-open)!important;
        }

/*    #dash-tickets [id="dash-tickets-filter-new"].card .card-header-icon .lievo-svg-wrapper svg rect,
    #dash-tickets [id="dash-tickets-filter-new"].card .card-header-icon .lievo-svg-wrapper svg line,
    #dash-tickets [id="dash-tickets-filter-new"].card .card-header-icon .lievo-svg-wrapper svg path,
    #dash-tickets [id="dash-tickets-filter-new"].card .card-header-icon .lievo-svg-wrapper svg circle,
    #dash-tickets [id="dash-tickets-filter-new"].card .card-header-icon .lievo-svg-wrapper svg polyline {
        stroke: #5A8DEE!important;
    }*/

        #dash-tickets #dash-tickets-filter-new[class*="active"],
        #dash-tickets [id="dash-tickets-filter-new"].card:not(.active) .card-header-icon {
            border-color: var(--ticket-status-new)!important;
        }

        #dash-tickets #dash-tickets-filter-new[class*="active"] .card-body h3,
        #dash-tickets #dash-tickets-filter-new[class*="active"] .card-body h4,
        #dash-tickets #dash-tickets-filter-new[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-new"].card:not(.active) a:hover .card-body h3,
        #dash-tickets [id="dash-tickets-filter-new"].card:not(.active) a:hover .card-body h4 {
            color: var(--ticket-status-new)!important;
        }

        #dash-tickets #dash-tickets-filter-new[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-new"].card:not(.active) a:hover .card-header-icon {
            background-color: var(--ticket-status-new)!important;
        }

/*    #dash-tickets [id="dash-tickets-filter-pending"].card .card-header-icon .lievo-svg-wrapper svg rect,
    #dash-tickets [id="dash-tickets-filter-pending"].card .card-header-icon .lievo-svg-wrapper svg line,
    #dash-tickets [id="dash-tickets-filter-pending"].card .card-header-icon .lievo-svg-wrapper svg path,
    #dash-tickets [id="dash-tickets-filter-pending"].card .card-header-icon .lievo-svg-wrapper svg circle,
    #dash-tickets [id="dash-tickets-filter-pending"].card .card-header-icon .lievo-svg-wrapper svg polyline {
        stroke: #FC960F!important;
    }*/

        #dash-tickets #dash-tickets-filter-pending[class*="active"],
        #dash-tickets [id="dash-tickets-filter-pending"].card:not(.active) .card-header-icon {
            border-color: var(--ticket-status-pedding)!important;
        }

        #dash-tickets #dash-tickets-filter-pending[class*="active"] .card-body h3,
        #dash-tickets #dash-tickets-filter-pending[class*="active"] .card-body h4,
        #dash-tickets #dash-tickets-filter-pending[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-pending"].card:not(.active) a:hover .card-body h3,
        #dash-tickets [id="dash-tickets-filter-pending"].card:not(.active) a:hover .card-body h4 {
            color: var(--ticket-status-pedding)!important;
        }

        #dash-tickets #dash-tickets-filter-pending[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-pending"].card:not(.active) a:hover .card-header-icon {
            background-color: var(--ticket-status-pedding)!important;
        }

            #dash-tickets [id="dash-tickets-filter-new"].card a .card-header-icon path,
            #dash-tickets [id="dash-tickets-filter-open"].card a .card-header-icon path,
            #dash-tickets [id="dash-tickets-filter-closed"].card a .card-header-icon path,
            #dash-tickets [id="dash-tickets-filter-solved"].card a .card-header-icon circle,
            #dash-tickets [id="dash-tickets-filter-pending"].card a .card-header-icon circle,
            #dash-tickets [id="dash-tickets-filter-new"].card a:hover .card-header-icon path,
            #dash-tickets [id="dash-tickets-filter-open"].card a:hover .card-header-icon path,
            #dash-tickets [id="dash-tickets-filter-closed"].card a:hover .card-header-icon path,
            #dash-tickets [id="dash-tickets-filter-solved"].card a:hover .card-header-icon circle,
            #dash-tickets [id="dash-tickets-filter-pending"].card a:hover .card-header-icon circle {
                fill: none;
            }

/*    #dash-tickets [id="dash-tickets-filter-solved"].card .card-header-icon .lievo-svg-wrapper svg rect,
    #dash-tickets [id="dash-tickets-filter-solved"].card .card-header-icon .lievo-svg-wrapper svg line,
    #dash-tickets [id="dash-tickets-filter-solved"].card .card-header-icon .lievo-svg-wrapper svg path,
    #dash-tickets [id="dash-tickets-filter-solved"].card .card-header-icon .lievo-svg-wrapper svg circle,
    #dash-tickets [id="dash-tickets-filter-solved"].card .card-header-icon .lievo-svg-wrapper svg polyline {
        stroke: #23BD70!important;
    }*/

        #dash-tickets #dash-tickets-filter-solved[class*="active"],
        #dash-tickets [id="dash-tickets-filter-solved"].card:not(.active) .card-header-icon {
            border-color: var(--ticket-status-solved)!important;
        }

        #dash-tickets #dash-tickets-filter-solved[class*="active"] .card-body h3,
        #dash-tickets #dash-tickets-filter-solved[class*="active"] .card-body h4,
        #dash-tickets #dash-tickets-filter-solved[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-solved"].card:not(.active) a:hover .card-body h3,
        #dash-tickets [id="dash-tickets-filter-solved"].card:not(.active) a:hover .card-body h4 {
            color: var(--ticket-status-solved)!important;
        }

        #dash-tickets #dash-tickets-filter-solved[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-solved"].card:not(.active) a:hover .card-header-icon {
            background-color: var(--ticket-status-solved)!important;
        }

    /*#dash-tickets [id="dash-tickets-filter-closed"].card .card-header-icon .lievo-svg-wrapper svg rect,
    #dash-tickets [id="dash-tickets-filter-closed"].card .card-header-icon .lievo-svg-wrapper svg line,
    #dash-tickets [id="dash-tickets-filter-closed"].card .card-header-icon .lievo-svg-wrapper svg path,
    #dash-tickets [id="dash-tickets-filter-closed"].card .card-header-icon .lievo-svg-wrapper svg circle,
    #dash-tickets [id="dash-tickets-filter-closed"].card .card-header-icon .lievo-svg-wrapper svg polyline {
        stroke: #394C62!important;
    }*/

        #dash-tickets #dash-tickets-filter-closed[class*="active"],
        #dash-tickets [id="dash-tickets-filter-closed"].card:not(.active) .card-header-icon {
            border-color: var(--ticket-status-closed)!important;
        }

        #dash-tickets #dash-tickets-filter-closed[class*="active"] .card-body h3,
        #dash-tickets #dash-tickets-filter-closed[class*="active"] .card-body h4,
        #dash-tickets #dash-tickets-filter-closed[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-closed"].card:not(.active) a:hover .card-body h3,
        #dash-tickets [id="dash-tickets-filter-closed"].card:not(.active) a:hover .card-body h4 {
            color: var(--ticket-status-closed)!important;
        }

        #dash-tickets #dash-tickets-filter-closed[class*="active"] .card-header-icon.bg-primary,
        #dash-tickets [id="dash-tickets-filter-closed"].card:not(.active) a:hover .card-header-icon {
            background-color: var(--ticket-status-closed)!important;
        }

    #dash-tickets [id^="dash-tickets-filter"].card.active .card-header-icon .lievo-svg-wrapper svg rect,
    #dash-tickets [id^="dash-tickets-filter"].card.active .card-header-icon .lievo-svg-wrapper svg line,
    #dash-tickets [id^="dash-tickets-filter"].card.active .card-header-icon .lievo-svg-wrapper svg path,
    #dash-tickets [id^="dash-tickets-filter"].card.active .card-header-icon .lievo-svg-wrapper svg circle,
    #dash-tickets [id^="dash-tickets-filter"].card.active .card-header-icon .lievo-svg-wrapper svg polyline,
    #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon .lievo-svg-wrapper svg rect,
    #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon .lievo-svg-wrapper svg line,
    #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon .lievo-svg-wrapper svg path,
    #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon .lievo-svg-wrapper svg circle,
    #dash-tickets [id^="dash-tickets-filter"].card:not(.active) a:hover .card-header-icon .lievo-svg-wrapper svg polyline {
        stroke: #FFF!important;
    }

        #dash-tickets [id^="dash-tickets-filter"].card.active .card-header-icon .livicon-evo-holder[data-icon=hourglass] svg path {
            fill: #FFF!important;
        }

.card-header-ticket-number {
    font-size: 1rem;
    font-weight: 500;
    border-bottom: 1px dashed #DEDEDE;
    padding-bottom: 0.5rem;
}

    .card-header-ticket-number abbr {
        font-size: 1.35rem;
        font-weight: 600;
        margin-left: 5px;
    }

.card-header-ticket-title {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
}

    .card-header-ticket-title abbr {
        display: block;
        font-size: 1.5rem;
        font-weight: 600;
        text-transform: initial;
    }

body .accordion-tickets .card {
    box-shadow: none!important;
}

.accordion.accordion-tickets {
    margin-bottom: 30px;
    margin-top: 20px;
}

.accordion.accordion-tickets .card {
    margin-bottom: -5px;
    box-shadow: 0 -3px 3px -1px rgb(25 42 70 / 10%);
    padding: 0 20px;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

    .accordion.accordion-tickets .card:first-child {
        box-shadow: none;
    }

    .accordion.accordion-tickets .card:last-child {
        padding: 0 20px;
        border-bottom-left-radius: var(--border-radius-default)!important;
        border-bottom-right-radius: var(--border-radius-default)!important;
    }

    .accordion.accordion-tickets .card .card-header {
        border: none;
        padding: 0.8rem 0;
    }

    .accordion.accordion-tickets .card.open {
        box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%) !important;
        border-radius: var(--border-radius-default)!important;
        z-index: 1;
    }

    .accordion.accordion-tickets .card,
    .accordion.accordion-tickets .card.open {
        border-top-left-radius: var(--border-radius-default)!important;
        border-top-right-radius: var(--border-radius-default)!important;
    }

    .accordion.accordion-tickets .card:last-child {
        margin-bottom: 0;
    }

    .accordion.accordion-tickets .card .card-header h4 {
        border-bottom: 0;
        font-size: 1.1rem;
        margin-bottom: 0;
        padding-bottom: 0;
        width: 22%;
    }

        .accordion.accordion-tickets .card .card-header h4 small {
            display: block;
        }

    .accordion.accordion-tickets .card .card-header i {
        margin-right: 0;
    }

    .accordion.accordion-tickets .card.collapse-header {
        background-color: #F2F4F4;
    }

        .accordion.accordion-tickets .card.collapse-header,
        .accordion.accordion-tickets .card.collapse-header.open {
            background-color: #FFFFFF;
        }

        .accordion.accordion-tickets .card.card-private.collapse-header {
            background-color: #FFFEEB;
        }

.embed-responsive video,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive .embed-responsive-item {
    border-radius: var(--border-radius-default);
}

.vertical-align-content {
    height: calc(100vh - 10vh);
}

.list-error-connection abbr {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

    .list-error-connection li:not(:last-child) {
        margin-bottom: 15px;
    }


/**
  * TICKETS
  *
  **/
.app-content-tickets .content-wrapper-tickets form h1 {
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 0;
}

.app-content-tickets .content-wrapper-tickets form h2 {
    filter: opacity(.4);
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.ticket-card-info .card-footer {
    padding: 0;
}

.app-content-tickets .content-wrapper-tickets .ticket-box-buttons {
    display: flex;
    flex-wrap: wrap;
}

.ticket-box-buttons {
    border-top: 1px solid #E8E8E8;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    flex-direction: row;
    margin: 0;
    justify-content: flex-end;
}

    .ticket-box-buttons li {
        border-right: 1px solid #E8E8E8;
        display: block;
        padding: 10px 20px;
        position: relative;
        text-align: left;
    }

        .ticket-box-buttons:not(.ticket-box-buttons-actions) li {
            min-width: 270px;
        }

        .ticket-box-buttons:not(.ticket-box-buttons-actions) li:first-child {
            border-left: 1px solid #E8E8E8;
        }

        .ticket-box-buttons:not(.ticket-box-buttons-actions) li:last-child {
            border-right: none;
        }

        .app-content-tickets .content-wrapper-tickets .card-footer .ticket-box-buttons li:first-child {
            border-left: none;
        }

        .app-content-tickets .content-wrapper-tickets .ticket-box-buttons li.d-flex-50 {
            flex: 50%;
        }

    .ticket-box-buttons h4 {
        color: var(--portal-text-color);
        font-size: .75rem;
        font-weight: 400;
        letter-spacing: .5px;
        margin-bottom: 2px;
        opacity: .8;
    }

    .ticket-box-buttons h3 {
        font-size: .95rem;
        font-weight: 600;
    }


    .d-border-bottom div {
        margin-bottom: 8px!important;
    }

    .content-wrapper-tickets .d-border-bottom small {
        align-self: center;
        display: block;
        line-height: 1rem;
    }

    .tag-merged {
        background-color: #ACACAC;
        color: #FFF;
        cursor: default;
        font-size: 0.75rem;
        padding: 3px 7px;
        top: -4px;
        position: relative;
        border-radius: 4px;
    }

        .header-title-tags .tag-merged:first-child {
            margin-left: 10px;
        }

        .tag-merged.tag-merged-tkt { background-color: var(--merged-tkt); }
        .tag-merged.tag-merged-mrg { background-color: var(--merged-mrg); }

    .collapse-title .tag-merged {
        cursor: pointer;
        padding: 0 4px;
        font-size: 0.65rem;
        margin-right: 5px;
        top: 0;
    }



.content-wrapper-tickets .card .heading-elements,
.content-wrapper-tickets .card .heading-elements-toggle {
    background-color: inherit;
    position: absolute;
    top: 0;
    right: 21px;
    cursor: pointer;
}

.content-wrapper-tickets .card-body .form-group h4 .heading-elements {
    margin: -18px 0 0;
}

.content-wrapper-tickets .accordion .card {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    box-shadow: 0 -3px 3px -1px rgb(25 42 70 / 10%);
    margin-bottom: -5px;
    padding: 0 20px;
}

    .content-wrapper-tickets .accordion .card,
    .content-wrapper-tickets .accordion .card.open {
        border-top-left-radius: 5px!important;
        border-top-right-radius: 5px!important;
    }

.content-wrapper-tickets .accordion .card.collapse-header,
.content-wrapper-tickets .accordion .card.collapse-header.open {
    background-color: #fff;
    box-shadow: inset 4px 0 0 0 #9D9D9D!important;
}

.content-wrapper-tickets .accordion .card.collapse-header.card-public-agent.collapse-header,
.content-wrapper-tickets .accordion .card.collapse-header.card-private-agent.collapse-header,
.content-wrapper-tickets .accordion .card.collapse-header.card-public-agent.collapse-header.open,
.content-wrapper-tickets .accordion .card.collapse-header.card-private-agent.collapse-header.open {
    box-shadow: inset 4px 0 0 0 #FF7B00!important;
}

.content-wrapper-tickets .accordion .card.collapse-header.open {
    box-shadow: inset 4px 0 0 0 #9D9D9D,0 3px 12px 0 rgb(0 0 0/30%)!important;
}

.content-wrapper-tickets .accordion .card.collapse-header.card-private-agent.collapse-header.open,
.content-wrapper-tickets .accordion .card.collapse-header.card-public-agent.collapse-header.open {
    box-shadow: inset 4px 0 0 0 #FF7B00,0 3px 12px 0 rgb(0 0 0/30%)!important;
}

.content-wrapper-tickets .accordion .card.card-private-agent.collapse-header,
.content-wrapper-tickets .accordion .card.card-private-auto.collapse-header {
    background-color: #FFFEEB;
}

.content-wrapper-tickets .accordion .card.card-private-agent.collapse-header.open h4,
.content-wrapper-tickets .accordion .card.card-private-agent.collapse-header h4,
.content-wrapper-tickets .accordion .card.card-public-agent.collapse-header.open h4,
.content-wrapper-tickets .accordion .card.card-public-agent.collapse-header h4 {
    color: var(--primary-color)!important;
}

.content-wrapper-tickets .collapse-icon .card-private-auto [data-toggle='collapse']:after,
.content-wrapper-tickets .collapse-icon .card.card-private-agent [data-toggle='collapse']:after {
    background-color: #FFFB9A;
    border: 1px solid #FFFB9A;
    border-radius: 100px;
    color: #6F6D37;
    content: "Privado";
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .4px;
    padding: 3px 10px 2px;
    position: absolute;
    right: 50px;
    text-transform: uppercase;
    top: 18px;
}

    .content-wrapper-tickets .collapse-icon .card-private-auto [data-toggle='collapse']:after,
    .content-wrapper-tickets .collapse-icon .card.card-private-agent [data-toggle='collapse']:after {
        background-color: var(--primary-color);
        border: 1px solid var(--primary-color);
        color: #FFF;
    }

#dash-tickets .card:not(.active) .card-header-icon .livicon-evo-holder[data-icon='hourglass'] svg g[data-svg-origin] path:nth-child(2),
#dash-tickets .card:not(.active) .card-header-icon .livicon-evo-holder[data-icon='hourglass'] svg g[data-svg-origin] path:nth-child(3),
#dash-tickets [id^='dash-tickets-filter'].card.active .card-header-icon .livicon-evo-holder[data-icon='hourglass'] svg g[data-svg-origin] path:nth-child(2),
#dash-tickets [id^='dash-tickets-filter'].card.active .card-header-icon .livicon-evo-holder[data-icon='hourglass'] svg g[data-svg-origin] path:nth-child(3) {
    fill: transparent!important;
}

.content-dt-ticket-list .table-responsive {
    overflow-x: hidden;
}



/**
  * DIALER CONSISTENCIA
  * ------------------------------------------
  *
  *
  **/
.dash-consistencia .table .icon-consistencia-info {
    filter: opacity(0.25);
}

    .dash-consistencia .table a .icon-consistencia-info {
        color: #FDAC41!important;
        filter: opacity(1);
    }

.dialer-info {
    font-size: 0.75rem;
    margin: 0.25rem 0 0 2.7rem;
    filter: opacity(0.5);
}

    .dialer-info:hover {
        filter: opacity(1);
    }

    .dialer-info a {
        color: var(--default-text);
        font-weight: 700;
    }



/*
    #0FB351
*/
section.custom-hsna-radio-button {
    display: flex;
    flex-flow: row wrap;
    padding: 20px 0;
}

    section.custom-hsna-radio-button > div {
        flex: 1;
        padding: 0.5rem;
        max-width: 200px;
    }

        section.custom-hsna-radio-button > div span {
            display: block;
            text-align: center;
            margin-top: 5px;
        }

    section.custom-hsna-radio-button input[type="radio"] { display: none; }

    section.custom-hsna-radio-button input[type="radio"]:disabled ~ label {
        color: #BCC2BF;
        border-color: #BCC2BF;
        box-shadow: none;
        cursor: not-allowed;
    }

    section.custom-hsna-radio-button input[type="radio"]:not(:disabled) ~ label {
        cursor: pointer;
        margin: 0 auto;
    }

    section.custom-hsna-radio-button label {
        background: white;
        border: 2px solid #C7CACD;
        border-radius: 20px;
        display: block;
        margin-bottom: 0;
        padding: 1rem;
        position: relative;
        text-align: center;
        min-height: 145px;
        width: 145px;
    }

    section.custom-hsna-radio-button input[type="radio"]:checked + label {
        background: transparent;
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

    section.custom-hsna-radio-button input[type="radio"]:checked ~ span {
        color: var(--primary-color);
    }

    section.custom-hsna-radio-button input[type="radio"]:checked + label::after {
        color: #FFF;
        font-family: var(--font-family-awesome);
        border: 2px solid var(--primary-color);
        content: "\f00c";
        font-size: 0.7rem;
        position: absolute;
        top: -10px;
        transform: translateX(-50%);
        height: 25px;
        width: 25px;
        line-height: 22px;
        text-align: center;
        border-radius: 50%;
        background: var(--primary-color);
        box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
        right: -18px;
    }

    section.custom-hsna-radio-button input[type="radio"]#control_05:checked + label {
        background: red;
        border-color: red;
    }

    section.custom-hsna-radio-button .d-flex {
        height: 110px;
    }

    @media only screen and (max-width: 700px) {

        section.custom-hsna-radio-button {
            flex-direction: column;
        }

    }



/**
  * DASH DISCADOR
  * ------------------------------------------
  *
  **/
.statusExecute { color: var(--active-color)!important; }
.statusStop { color: var(--deny-color)!important; }
.statusStandby { color: var(--warning-color)!important; }
.statusComplete { color: var(--info-color)!important; }

.card-modal-nivel-servico .dataTables_scrollHeadInner {
    width: auto!important;
}



#digital-html-editor .embed-responsive-1by1::before {
    padding-top: 670px;
}



/**
  * DASH PBX
  * ------------------------------------------
  *
  **/
.content-dashboard-sip .card-body {
    padding: 0;
}

.content-dashboard-sip .nav.nav-pills~.tab-content,
.content-dashboard-sip .pills-stacked .tab-content {
    box-shadow: none;
}

    .content-dashboard-sip .card {
        margin-top: var(--tab-card-align);
    }

        .content-dashboard-sip .card.card-no-margin-top {
            margin-top: 0;
        }

    .content-dashboard-sip .card-body .nav.nav-pills {
        margin-top: calc(var(--tab-card-align) * -1 );
        margin-bottom: -4px;
    }

.content-dashboard-sip #funcoes .btn {
    align-items: center;
    display: flex;
    min-height: 132px;
    padding: 1rem 1.5rem .5rem;
    justify-content: center;
    min-width: 109px;
}

    .content-dashboard-sip #funcoes .btn i.bx {
        position: initial;
        top: initial;
    }

    .content-dashboard-sip #funcoes .btn i {
        display: block;
        font-size: 42px;
        margin-bottom: 5px;
        /*top: 0;*/
    }

    .content-dashboard-sip #funcoes .btn span {
        font-size: 12px;
    }

.content-dashboard-sip .card-content-funcoes p,
.content-dashboard-sip .card-content-panel-telefonista p {
    margin-bottom: 0;
}

.content-dashboard-sip .card-content-funcoes .list-unstyled.list-inline,
.content-dashboard-sip .card-content-panel-telefonista .list-unstyled.list-inline {
    margin: 0;
    padding: 0;
}

.content-dashboard-sip .card-content-visor,
.content-dashboard-sip .card-content-visor .nav.nav-pills~.tab-content {
    background-color: var(--primary-color);
}

    .content-dashboard-sip .card-content-visor .card-body {
        height: 100%;
        position: absolute;
        width: 100%;
    }

        .content-dashboard-sip .card-content-visor .tab-content {
            height: 100%;
        }

        .content-dashboard-sip .card-content-visor,
        .content-dashboard-sip .card-content-visor i,
        .content-dashboard-sip .card-content-visor h3 {
            color: #FFF;
        }

        .content-dashboard-sip .card-content-visor i:last-child,
        .content-dashboard-sip .card-content-visor i:first-child {
            position: absolute;
        }

        .content-dashboard-sip .card-content-visor i:first-child {
            right: 20px;
            top: 10px;
            transform: rotate(125deg);
        }

        .content-dashboard-sip .card-content-visor i:last-child {
            bottom: 5px;
            right: 20px;
            transform: rotate(-135deg);
            font-size: 2.5rem;
        }

.dash-sub-title {
    margin: 0 0 -30px 0;
}

    .card-content-panel-telefonista #exten .col-12 > .btn {
        filter: opacity(0.5);
    }

    .card-content-panel-telefonista .btn p,
    .card-content-panel-telefonista .btn h4 {
        color: #484848;
    }

        .card-content-panel-telefonista .btn p {
            font-size: 0.75rem;
            font-weight: 800;
            text-align: left;
        }

        .card-content-panel-telefonista .btn h4 {
            font-size: 0.85rem;
            font-weight: 500;
            text-align: center;
            margin-bottom: 0;
        }

    .card-content-panel-telefonista .btn {
        background-color: var(--dash-sip-btn-ramais-bg)!important;
        border-color: var(--dash-sip-btn-ramais-bg)!important;
        margin-bottom: 5px;
        margin-right: 4px;
        padding: .1rem 0.5rem;
        pointer-events: none;
        width: 9.7%;
    }

        .card-content-panel-telefonista .btn.btn-secondary:hover,
        .card-content-panel-telefonista .btn.btn-secondary:focus,
        .card-content-panel-telefonista .btn.btn-secondary:active,
        .card-content-panel-telefonista .btn.btn-secondary[class*="online"],
        .card-content-panel-telefonista .btn.btn-secondary[class*="online"] {
            border-color: var(--dash-sip-btn-ramais-bg)!important;
            background-color: var(--dash-sip-btn-ramais-bg)!important;
        }

        .card-content-panel-telefonista .btn-secondary:not(:disabled):not(.disabled)[class*="online"] {
            background-color: var(--dash-pbx-online)!important;
            border-color: var(--dash-pbx-online)!important; }

        .card-content-panel-telefonista .btn-secondary:not(:disabled):not(.disabled)[class*="incall"] {
            background-color: var(--dash-pbx-atendimento)!important;
            border-color: var(--dash-pbx-atendimento)!important; }

        .card-content-panel-telefonista .btn-secondary:not(:disabled):not(.disabled)[class*="paused"] {
            background-color: var(--dash-pbx-paused)!important;
            border-color: var(--dash-pbx-paused)!important; }

        .card-content-panel-telefonista #exten .col-12 > .btn-secondary:not(:disabled):not(.disabled)[class*="online"],
        .card-content-panel-telefonista #exten .col-12 > .btn-secondary:not(:disabled):not(.disabled)[class*="incall"],
        .card-content-panel-telefonista #exten .col-12 > .btn-secondary:not(:disabled):not(.disabled)[class*="paused"] {
            filter: opacity(1);
        }

            .card-content-panel-telefonista .btn:not(:disabled)[class*="online"] *,
            .card-content-panel-telefonista .btn:not(:disabled)[class*="incall"] *,
            .card-content-panel-telefonista .btn:not(:disabled)[class*="paused"] * {
                color: #FFF;
            }

                .card-content-panel-telefonista .btn:not(:disabled)[class*="group-status-"] p i {
                    text-shadow: 2px 2px 0px rgba(255 255 255 / 20%);
                }

                .card-content-panel-telefonista .btn:not(:disabled)[class*="group-status-"] p i[class*="sipStatsOn"] { color: var(--dash-pbx-sip-on); }
                .card-content-panel-telefonista .btn:not(:disabled)[class*="group-status-"] p i[class*="sipStatsOff"] { color: var(--dash-pbx-sip-off); }

                .card-content-panel-telefonista .btn:not(:disabled)[class*="online"] .btn-group-ramal-control .btn,
                .card-content-panel-telefonista .btn:not(:disabled)[class*="paused"] .btn-group-ramal-control .btn,
                .card-content-panel-telefonista .btn:not(:disabled)[class*="incall"] .btn-group-ramal-control .btn { pointer-events: initial; }

                .card-content-panel-telefonista .btn:not(:disabled)[class*="online"] .btn-group-ramal-control .btn {
                    background-color: #199558!important;
                    border-color: var(--dash-pbx-online)!important; }

                .card-content-panel-telefonista .btn:not(:disabled)[class*="incall"] .btn-group-ramal-control .btn {
                    background-color: #335385!important;
                    border-color: var(--dash-pbx-atendimento)!important; }

                .card-content-panel-telefonista .btn:not(:disabled)[class*="paused"] .btn-group-ramal-control .btn {
                    background-color: #991827!important;
                    border-color: var(--dash-pbx-paused)!important; }

                .card-content-panel-telefonista .btn .btn-group-ramal-control {
                    display: flex;
                    margin: 0 -6px 0 1px;
                }

            .card-content-panel-telefonista .btn-secondary:not(:disabled):not(.disabled)[class*="online-help"]:before {
                content: " ";
                float: right;
                background: rgba(255, 82, 82, 1);
                box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
                border-radius: 50%;
                box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
                margin: 4px 0px 0 0;
                height: 15px;
                width: 15px;
                transform: scale(1);
                animation: pulse-red 2s infinite;
            }

        .card-content-panel-telefonista .btn h4 {
            border: 1px solid transparent;
            padding: 5px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
        }

.card:not(.dataTables_processing):not(.card-alert-object-not-found).card-content-visor,
.card:not(.dataTables_processing):not(.card-alert-object-not-found).card-content-funcoes {
    height: calc(100% - 83px);
    min-height: 162px;
}

.card-content-funcoes .d-flex {
    height: 100%;
}

    .card-content-funcoes .d-flex div {
        flex-grow: initial;
        font-size: 1rem;
        height: 100%;
    }

        .card-content-funcoes .dash-pabx-dialpad,
        .card-content-funcoes .dash-pabx-dialpad .input-group-append {
            height: fit-content;
        }

    .card-content-funcoes .d-flex div:not(:first-child) {
        margin-left: 10px;
    }

        .card-content-funcoes #funcoes .d-flex div:not(:first-child) {
            margin-left: 5px;
        }

.d-queue-box-content {
    background-color: #F1F1F1;
    border-radius: var(--border-radius-default);
    margin-bottom: 10px;
}

    .d-queue-box-content:last-child {
        margin-bottom: 0;
    }

    .d-queue-box-content .d-queue-info {
        padding: 5px 10px;
    }

    .d-queue-box-content .btn-group-ramal-control .btn {
        margin: 0;
        min-width: 30px;
    }

        .d-queue-box-content .btn-group-ramal-control .btn:first-child {
            border-top-left-radius: 0;
        }

        .d-queue-box-content .btn-group-ramal-control .btn:last-child {
            border-top-right-radius: 0;
        }

        .d-queue-box-content .btn-group-ramal-control .btn:hover,
        .d-queue-box-content .btn-group-ramal-control.btn-group:not(.dropdown)>.btn:focus,
        .d-queue-box-content .btn-group-ramal-control.btn-group:not(.dropdown)>.btn:hover {
            border-color: var(--btn-bg-hover-color);
            background-color: var(--btn-bg-hover-color);
        }

    .d-queue-status p {
        font-size: .85rem;
        margin: 0;
    }

.d-queue-title {
    font-weight: 700;
}


.call_queue_wait_time_00 {
    background-color: var(--call-queue-wait-time-00-bg-color);
}

.call_queue_wait_time_01 {
    background-color: var(--call-queue-wait-time-01-bg-color);
}

    .call_queue_wait_time_01,
    .call_queue_wait_time_01 small {
        color: var(--call-queue-wait-time-01-btn-text-color);
    }

    .call_queue_wait_time_01 .btn-group-ramal-control .btn {
        background-color: var(--call-queue-wait-time-01-btn-bg-color)!important;
        border-color: var(--call-queue-wait-time-01-btn-bg-color);
        color: var(--call-queue-wait-time-01-btn-text-color);
    }

        .call_queue_wait_time_01 .btn-group-ramal-control.btn-group:not(.dropdown)>.btn:hover {
            background-color: var(--call-queue-wait-time-01-btn-bg-color-hover)!important;
            border-color: var(--call-queue-wait-time-01-btn-bg-color-hover);
        }

.call_queue_wait_time_02 {
    background-color: var(--call-queue-wait-time-02-bg-color);
}

    .call_queue_wait_time_02,
    .call_queue_wait_time_02 small {
        color: var(--call-queue-wait-time-02-btn-text-color);
    }

    .call_queue_wait_time_02 .btn-group-ramal-control .btn {
        background-color: var(--call-queue-wait-time-02-btn-bg-color)!important;
        border-color: var(--call-queue-wait-time-02-btn-bg-color);
        color: var(--call-queue-wait-time-02-btn-text-color);
    }

        .call_queue_wait_time_02 .btn-group-ramal-control.btn-group:not(.dropdown)>.btn:hover {
            background-color: var(--call-queue-wait-time-02-btn-bg-color-hover)!important;
            border-color: var(--call-queue-wait-time-02-btn-bg-color-hover);
        }

.call_queue_wait_time_03 {
    background-color: var(--call-queue-wait-time-03-bg-color);
}

    .call_queue_wait_time_03,
    .call_queue_wait_time_03 small {
        color: var(--call-queue-wait-time-03-btn-text-color);
    }

    .call_queue_wait_time_03 .btn-group-ramal-control .btn {
        background-color: var(--call-queue-wait-time-03-btn-bg-color)!important;
        border-color: var(--call-queue-wait-time-03-btn-bg-color);
        color: var(--call-queue-wait-time-03-btn-text-color);
    }

        .call_queue_wait_time_03 .btn-group-ramal-control.btn-group:not(.dropdown)>.btn:hover {
            background-color: var(--call-queue-wait-time-03-btn-bg-color-hover)!important;
            border-color: var(--call-queue-wait-time-03-btn-bg-color-hover);
        }

.call_queue_wait_time_04 {
    background-color: var(--call-queue-wait-time-04-bg-color);
}

    .call_queue_wait_time_04,
    .call_queue_wait_time_04 small {
        color: var(--call-queue-wait-time-04-btn-text-color);
    }

    .call_queue_wait_time_04 .btn-group-ramal-control .btn {
        background-color: var(--call-queue-wait-time-04-btn-bg-color)!important;
        border-color: var(--call-queue-wait-time-04-btn-bg-color);
        color: var(--call-queue-wait-time-04-btn-text-color);
    }

        .call_queue_wait_time_04 .btn-group-ramal-control.btn-group:not(.dropdown)>.btn:hover {
            background-color: var(--call-queue-wait-time-04-btn-bg-color-hover)!important;
            border-color: var(--call-queue-wait-time-04-btn-bg-color-hover);
        }




.table-hsna-sm {
    margin-bottom: 0;
}

    .table-hsna-sm thead th {
        background-color: #484848;
        border-bottom: none;
        color: #FFF;
        padding: .25rem 0.5rem .15rem;
    }

    .table-hsna-sm thead tr:first-child th:first-child {
        border-top-left-radius: 5px;
    }

    .table-hsna-sm thead tr:first-child th:last-child {
        border-top-right-radius: 5px;
    }

    .table-hsna-sm tbody td {
        font-size: 12px;
        padding: .5rem 0.5rem .15rem;
    }

    .btn-group-ramal-control .btn {
        background-color: #D5D5D5!important;
        color: #686868;
        padding: 2px 5px 2px;
        margin: 0 0 0 -7px;
    }

        .btn-group-ramal-control .btn:hover {
            background-color: var(--btn-bg-hover-color)!important;
            color: #FFF!important;
        }

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background,#fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height,5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 3px;
    width: var(--plyr-progress-marker-width,3px);
    z-index: 3;
}


@keyframes pulse-red {

    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }

}



/**
  * Form Validation
  * ------------------------------------------
  * https://formvalidation.io/
  *
  **/
div.dt-button-collection.dropdown-menu {
    left: 0!important;
}

.is-invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.fv-plugins-bootstrap5-row-invalid .invalid-feedback {
    display: contents;
}

.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label~.fv-plugins-icon {
    top: 23px;
}

.fv-plugins-message-container.invalid-feedback div[data-validator]:first-child {
    margin-top: -10px;
}

    fieldset.form-group .fv-plugins-message-container.invalid-feedback div[data-validator]:first-child {
        margin-top: 0;
    }

.fv-plugins-icon {
    cursor: pointer;
}

    .fv-plugins-bootstrap5 .row .input-group~.fv-plugins-icon {
        right: 75px;
    }

#reportFilter .invalid-feedback {
    display: block;
}



/**
  * FOOTER
  * ------------------------------------------
  * Base footer
  *
  **/
footer span {
    font-size: 13px;
    letter-spacing: 0.01rem;
}


@keyframes blinkingText {
    0%      { background-color: #FFEFE0; }
    25%     { background-color: #FFECDB; }
    50%     { background-color: #FFEAD6; }
    75%     { background-color: #FFECDB; }
    100%    { background-color: #FFEFE0; }
}




/**
 * Batepapo Interactive
 */
/*.chat-application .chat-content .chat.chat-left .chat-body .chat-message:has(.chat-interactive-content-list) {
    background-color: transparent!important;
    box-shadow: none!important;
    padding: 0;
}*/

.chat-message-wrapper,
.chat-interactive-content {
    font-weight: 500;
}

.chat-interactive-content {
    color: var(--dark-text);
    padding: 0;
}

    .chat-interactive-content h3[class*="_header"] {
        font-size: 1.25rem;
        font-weight: 700;
        margin: 0;
        padding: 0;
    }

        .chat-interactive-content div[class*="_body"] {
            font-weight: 600;
            padding: 10px 0;
        }

        .chat-interactive-content div[class*="_footer"] {
            filter: opacity(0.5);
        }

    ul[class*="_records"],
    ul[class*="_records"] li ul {
        list-style-type: none;
    }

        ul[class*="_records"] li ul {
            padding-inline-start: 20px;
        }

        ul[class*="_records"] {
            margin: 0 0 10px;
            padding: 0;
        }

            ul[class*="_records"].chat-interactive-content-actions {
                margin-bottom: 0;
            }

            ul[class*="_records"] + li {
                font-weight: 600;
            }

.chat-interactive-content-location a {
    display: block;
}

.btn-interactive-actions {
    background-color: #FFF;
    border-radius: var(--chat-box-radius);
    box-shadow: var(--shadow-color);
    font-size: .85rem!important;
    font-weight: 700;
    margin-top: 5px;
    text-align: center;
    padding: 7px 0;
}

.notification-badge-content,
.boxChatContacts_notification {
    --box-chat-contact-box-size: 21px;
    background-color: var(--bg-color-notifications);
    border-radius: 100px;
    color: #FFF;
    height: var(--box-chat-contact-box-size);
    font-weight: 700;
    font-size: .8rem;
    line-height: var(--box-chat-contact-box-size);
    padding: 0;
    position: relative;
    text-align: center;
    width: var(--box-chat-contact-box-size);
}

.todo-new-task-sidebar>.card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.todo-application.todo-application-hsna .content-area-wrapper .content-right .todo-app-list-wrapper .todo-fixed-search .todo-search {
    background-color: transparent;
}


.tag-merged-tkt {
    background-color: var(--merged-tkt);
}

.card.card-no-adjust-height:not(.dataTables_processing):not(.card-alert-object-not-found),
.card:not(.dataTables_processing):not(.card-alert-object-not-found):has(.card-content.collapsing),
.card:not(.dataTables_processing):not(.card-alert-object-not-found):has(.card-content.collapse:not(.show)) {
    height: auto;
}

    .card.card-no-min-height:not(.dataTables_processing):not(.card-alert-object-not-found) {
        min-height: initial;
    }

    .seller-rank-content .card.card-no-min-height:not(.dataTables_processing):not(.card-alert-object-not-found) {
        min-height: initial;
        height: 100%;
    }

.card-body-history .avatar-lg {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.25rem;
    border-radius: 50%;
}

.card-body-history h5 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: -7px;
    margin-top: 0.25rem;
}

.card-body-history .me-3 {
    margin-right: 0.75rem;
}

.card-body-history .media-body-container {
    margin-top: .5rem;
}

    .card-body-history .media-body-container div {
        font-weight: 400;
        line-height: 1.55rem;
        letter-spacing: 0.4px;
    }

    .card-body-history .media-body-container p img {
        max-width: 100%;
        height: auto;
    }

.card-body-history.card-body+.card-body-history.card-body {
    border-top: 1px solid #E9EBFA;
}

.card-body-history .media-footer {
    border-top: 1px dashed #DFE3E7;
    padding-top: 5px;
}

    .card-body-history .media-footer h3 {
        font-size: .85rem;
        font-weight: 500;
        margin: 0 0 10px;
    }

        .card-body-history .media-footer a:before {
            -moz-osx-font-smoothing: grayscale;
             -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-family: "Font Awesome 5 Pro";
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            margin: 0 7px 0 0;
        }

            .card-body-history .media-footer a[class*="attach-"]:before {
                color: var(--default-text);
                font-size: 2.25rem;
                margin: 0 auto 0px;
                display: block;
                text-align: center;
                padding: 0;
                font-weight: 300;
                transform: translateY(-5px);
            }

                .card-body-history .media-footer a[class*="zip"]:before { content: '\f1c6'; }
                .card-body-history .media-footer a[class*="pdf"]:before { content: '\f1c1'; }
                .card-body-history .media-footer a[class*="word"]:before { content: '\f1c2'; }
                .card-body-history .media-footer a[class*="file"]:before { content: '\f15c'; }
                .card-body-history .media-footer a[class*="audio"]:before { content: '\f1c7'; }
                .card-body-history .media-footer a[class*="excel"]:before { content: '\f1c3'; }
                .card-body-history .media-footer a[class*="image"]:before { content: '\f03e'; }
                .card-body-history .media-footer a[class*="video"]:before { content: '\f03d'; }
                .card-body-history .media-footer a[class*="powerpoint"]:before { content: '\f03d'; }

        .card-body-history .media-footer li {
            border: 1px solid var(--file-box-border-color);
            border-radius: var(--default-border-radius);
        }

            .card-body-history .media-footer li:not(:first-child) {
                margin-left: 5px;
            }

            .card-body-history .media-footer li:hover {
                border-color: var(--primary-light-color-hover);
            }

        .card-body-history .media-footer li a {
            display: block;
            padding: 20px 0 0;
        }

            .card-body-history .media-footer a span {
                background-color: var(--file-box-bg-file-name);
                border-color: var(--file-box-border-color);
                color: #FFF;
                display: block;
                font-size: .756rem;
                font-weight: 400;
                text-align: center;
                padding: 3px 10px;
            }

                .card-body-history .media-footer a:hover span {
                    background-color: var(--primary-light-color-hover);
                }

.modal-toolbar {
    background: linear-gradient(to bottom,rgb(38 38 38) 0%,transparent 100%);
    padding: 10px 20px;
    position: fixed;
    width: calc(100% - 17px);
    z-index: 1;
}

    .modal-toolbar h3 {
        color: #FFF;
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 0;
        margin-left: 5px;
    }

        .modal-toolbar #fileAttachSize {
            font-size: .85rem;
            font-weight: 400;
        }

        .modal-toolbar h3 i {
            margin: 0 5px;
        }

        .modal-toolbar h3 i[class*="image"]:before { content: "\f03e"; }

    .modal-toolbar a {
        border: 0;
        color: #FFF;
    }

    .modal-toolbar a {
        border: 0;
        color: #FFF;
    }

        .modal-toolbar a:hover i {
            background-color: rgba(255 255 255 / 25%);
        }

        .modal-toolbar a i {
            --modal-iframe-size: 32px;
            border-radius: .1rem;
            font-size: 1.25rem;
            height: var(--modal-iframe-size);
            padding: 5px;
            width: var(--modal-iframe-size);
            align-items: center;
            display: flex;
            justify-content: center;
        }



.card.card-ticket-reply .heading-elements {
    top: 15px;
}

.row-first-tab {
    position: absolute;
    top: 18px;
}

.card-tab-pill .nav.nav-tabs {
    border-bottom: 0;
}

    .seller-rank-stats-content .owl-carousel .owl-stage-outer .owl-stage {
        width: 100%!important;
    }

    .owl-carousel.owl-drag .owl-item.active {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

.card-content-funcoes .d-flex div.d-btn-functions,
.card-content-funcoes [class*="-btn-functions"] .owl-item .d-btn-functions,
.card-content-funcoes [class*="-btn-functions"] .owl-item .d-btn-functions .btn {
    --d-btn-func-size: 42px;
    height: var(--d-btn-func-size);
    width: var(--d-btn-func-size);
}

    .card-content-funcoes .d-flex div.d-btn-functions img,
    .content-dashboard-sip #funcoes [class*="-btn-functions"] .owl-item .d-btn-functions img {
        --d-btn-func-img-size: 28px;
        height: var(--d-btn-func-img-size);
        width: var(--d-btn-func-img-size);
    }

        .card-content-funcoes .d-flex div.d-btn-functions .btn:hover img,
        .content-dashboard-sip #funcoes [class*="-btn-functions"] .owl-item .d-btn-functions .btn:hover img {
            filter: brightness(0) invert(1);
        }

    .card-content-funcoes .d-flex div.d-btn-functions,
    .card-content-funcoes .d-flex div.d-btn-functions a {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .card-content-funcoes #funcoes .d-flex div.d-btn-functions a.btn,
    .content-dashboard-sip #funcoes .d-flex div div.input-group div.input-group-append .btn,
    .content-dashboard-sip #funcoes [class*="-btn-functions"] .owl-item .d-btn-functions .btn {
        border-radius: var(--border-radius-default);
        height: inherit;
        min-height: initial;
        min-width: initial;
        padding: initial;
        width: inherit;
    }

    .content-dashboard-sip #funcoes .d-flex div div.input-group input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .content-dashboard-sip #funcoes .d-flex div div.input-group div.input-group-append {
        margin-left: 0;
    }

        .card-content-funcoes [class*="-btn-functions"] .owl-item .d-btn-functions .btn,
        .content-dashboard-sip #funcoes .d-flex div div.input-group div.input-group-append .btn,
        .content-dashboard-sip #funcoes [class*="-btn-functions"] .owl-item .d-btn-functions .btn {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            padding: .467rem .75rem;
        }

            .content-dashboard-sip #funcoes [class*="-btn-functions"] .owl-item .d-btn-functions .btn {
                border-top-left-radius: var(--border-radius-default);
                border-bottom-left-radius: var(--border-radius-default);
            }

            .content-dashboard-sip #funcoes .d-flex div div.input-group div.input-group-append .btn i,
            .content-dashboard-sip #funcoes [class*="-btn-functions"] .owl-item .d-btn-functions .btn i {
                font-size: 1.55rem;
                margin-bottom: 0;
            }

            .content-dashboard-sip #funcoes .d-flex div div.input-group div.input-group-append .btn.dropdown-toggle::after {
                content: none;
                border: 0;
                margin-left: 0;
            }

            .content-dashboard-sip #funcoes .d-flex div div.input-group div.input-group-append div {
                height: initial;
            }

        .card-content-funcoes #funcoes .d-flex div.d-btn-functions a.btn i {
            font-size: 1.5rem;
            margin-bottom: 0;
        }


/**
 * Gerenciar WebChat
 */
.table-toogle-actions tbody tr {
    filter: opacity(0.5);
}

.toogle-action-webchat.active,
.table-toogle-actions tbody .toogle-action-webchat:hover {
    filter: opacity(1);
}

.toogle-action-webchat.active {
    --toogle-action-bg-color: var(--dt-row-hover);
    background-color: var(--toogle-action-bg-color);
    border-color: var(--toogle-action-bg-color);
}

    .table-toogle-actions tbody .toogle-action-webchat.active:hover {
        --toogle-action-bg-color: #E7E7E7;
        background-color: var(--toogle-action-bg-color);
        border-color: var(--toogle-action-bg-color);
    }

.dash-stats-indicators a {
    margin-right: 10px;
}

    .dash-stats-indicators a:last-child {
        margin-right: 0;
    }

.d-box-stats-queue .badge-circle.badge-circle-lg,
.d-header-icons-indicators .badge-circle.badge-circle-lg {
    --icon-stats-badge-size: 36px;
    height: var(--icon-stats-badge-size);
    width: var(--icon-stats-badge-size);
}

    .d-box-stats-queue .badge-circle.badge-circle-lg .font-medium-5,
    .d-header-icons-indicators .badge-circle.badge-circle-lg .font-medium-5 {
        font-size: 1.20rem!important;
    }

.d-box-stats-queue > div > div {
    margin-right: 25px;
}

    .d-box-stats-queue h3,
    .d-header-icons-indicators h3 {
        font-size: 1.25rem;
    }

    .d-box-stats-queue > div > div .card-body > div > div:first-child {
        margin-right: 5px;
    }

    .d-header-icons-indicators .badge-circle.badge-circle-lg {
        margin-right: 5px!important;
    }

    .d-box-stats-queue > div > div:last-child {
        border-right: 1px solid var(--border-color);
        padding-right: 20px;
        margin-right: 20px;
    }

    .card .d-header-icons-indicators .heading-elements,
    .card .d-header-icons-indicators .heading-elements-toggle {
        position: initial;
        margin: 7px 0 0 5px;
    }



.aligncenter { clear: both; text-align: center; }

.dash-knowledge .row.pt-4.mx-0.bg-white,
.dash-knowledge .row.pt-4.mx-0.bg-white p,
.dash-knowledge .row.pt-4.mx-0.bg-white h1,
.dash-knowledge .row.pt-4.mx-0.bg-white h2,
.dash-knowledge .row.pt-4.mx-0.bg-white h3,
.dash-knowledge .row.pt-4.mx-0.bg-white h4,
.dash-knowledge .row.pt-4.mx-0.bg-white h5,
.dash-knowledge .row.pt-4.mx-0.bg-white h6,
.dash-knowledge .row.pt-4.mx-0.bg-white .nav-pills .nav-link {
    color: var(--faq-text-color);
}

    .dash-knowledge .row.pt-4.mx-0.bg-white,
    .dash-knowledge .row.pt-4.mx-0.bg-white p,
    .dash-knowledge .row.pt-4.mx-0.bg-white .nav-pills .nav-link {
        font-family: var(--faq-text-family);
    }

    .dash-knowledge .row.pt-4.mx-0.bg-white h1,
    .dash-knowledge .row.pt-4.mx-0.bg-white h2,
    .dash-knowledge .row.pt-4.mx-0.bg-white h3,
    .dash-knowledge .row.pt-4.mx-0.bg-white h4,
    .dash-knowledge .row.pt-4.mx-0.bg-white h5,
    .dash-knowledge .row.pt-4.mx-0.bg-white h6 {
        font-family: var(--faq-text-family-title);
        font-weight: 700;
    }

.dash-knowledge .faq-header {
    background-color: var(--dark-color);
    padding: 80px 0;
}

    .dash-knowledge .faq-header {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .dash-knowledge .row[class*="pt-"].mx-0.bg-white {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.dash-knowledge .faq-header h3 {
    font-size: 1.90rem;
    font-weight: 700;
}

.dash-knowledge .faq-header h3,
.dash-knowledge .faq-header .text-body {
    color: #FFF!important;
}

    .dash-knowledge .faq-header .text-body {
        opacity: 0.65;
    }

.faq-header .input-group-text {
    align-items: center;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #d4d8dd;
    border-radius: var(--default-border-radius);
    display: flex;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.4;
    padding: 0.469rem 0.735rem;
    text-align: center;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    white-space: nowrap;
}

.faq-header .input-group-merge .form-control:not(:first-child) {
    border-left: 0;
    padding-left: 0;
    opacity: 1;
}

.faq-header .input-wrapper .form-control, .faq-header .input-wrapper .input-group-text {
    border-color: transparent!important;
}

.faq-header .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
}

.faq-header .input-group-merge .input-group-text:first-child {
    border-right: 0;
}

.faq-header .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.faq-sidebar-menu.nav-pills .nav-link,
.faq-sidebar-menu.nav-pills .nav-link:hover,
.faq-sidebar-menu.nav-pills .nav-link.active,
.faq-sidebar-menu.nav-pills .nav-link.active:hover {
    background-color: transparent;
}

.faq-sidebar-menu.nav.nav-pills .nav-item .nav-link {
    border: none;
    line-height: 1.5rem;
    padding: 0;
}

    .post:before,
    .faq-list-sidebar-categories li:before,
    .faq-sidebar-menu.nav.nav-pills .nav-item .nav-link:before {
        content: "\f0da";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        position: relative;
        top: 1px;
    }

    .faq-sidebar-menu.nav.nav-pills .nav-item:not(:last-child) {
        margin-bottom: 10px;
    }

.faq-header .input-group-merge .form-control:focus,
.faq-sidebar-menu.nav.nav-pills .nav-item .nav-link.active {
    box-shadow: none;
}

.dash-knowledge .faq-list-item {
    line-height: 28px;
    margin-bottom: 5px;
}

    .dash-knowledge .faq-list-item a {
        color: var(--dark-color);
    }

.dash-knowledge .row.pt-4.mx-0.bg-white .faq-sidebar-menu.nav-pills .nav-link.active {
    color: var(--primary-color);
}

    .dash-knowledge .faq-list-item a:hover,
    .faq-sidebar-menu.nav.nav-pills .nav-item .nav-link:hover,
    .faq-sidebar-menu.nav-pills .nav-item .nav-link.active:hover,
    .faq-sidebar-menu.nav-pills .nav.nav-tabs .nav-item .nav-link.active:hover {
        color: var(--primary-color);
    }

.dash-knowledge #page-header {
    border-bottom: 1px solid var(--faq-border-color);
    margin: 0 0 30px;
    padding: 0 0 10px;
    position: relative;
}

    .dash-knowledge #page-header h2 {
        font-size: 1.55rem;
        margin-bottom: 0;
    }

.faq-header .input-group-merge .btn.btn-primary {
    line-height: 1.8rem;
    border: 0;
    height: 41px;
    position: relative;
    top: 1px;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
}

.faq-common-questions .row {
    border-bottom: 1px solid var(--faq-border-color);
    padding: 10px 0 60px;
}

.dash-knowledge .faq-header.faq-content-breadcrumbs {
    align-items: self-start!important;
}

.dash-knowledge .faq-header.faq-content-breadcrumbs h3 {
    text-align: left;
    margin-bottom: 0;
}

    .dash-knowledge .faq-header.faq-content-breadcrumbs h3 p.faq-title-with-icon-description {
        font-size: .9rem;
        font-weight: 400;
        margin-bottom: 0;
        margin-left: 40px;
    }

    .dash-knowledge .faq-header.faq-content-breadcrumbs h3 span {
        font-size: 1rem;
        font-weight: 400;
    }

        .dash-knowledge .faq-header.faq-content-breadcrumbs h3 span i {
            font-size: 1.7rem;
            font-weight: 600;
            margin: 0 10px 0 4px;
        }

        .dash-knowledge .faq-header.faq-content-breadcrumbs h3 span a {
            color: #FFF;
        }

            .dash-knowledge .faq-header.faq-content-breadcrumbs h3 span a:hover {
                color: var(--primary-color);
            }

    section.faq-main-content {
        padding: 0 20px;
    }

        section.faq-main-content .faq-article__title {
            font-family: var(--faq-text-family-title);
            font-size: 1.85em;
            font-weight: 700;
            margin: 0 0 .5em;
        }

    section.faq-main-content .faq-article__content h2 {
        font-size: 1.7rem;
        font-weight: 500;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    section.faq-main-content .faq-article__content p,
    section.faq-main-content .faq-article__content .card-body {
        line-height: 1.85714285714286;
    }

        section.faq-main-content .faq-article__content .card-body {
            padding: 1em;
        }

    section.faq-main-content .faq-article__content .fa-ul {
        list-style: none;
        padding: 0;
        margin: 0 0 1rem;
        counter-reset: faq-styled-counter;
    }

        section.faq-main-content .faq-article__content .fa-ul>li {
            margin: 0 0 1rem 3rem;
            counter-increment: faq-styled-counter;
            position: relative;
        }

        section.faq-main-content .faq-article__content .fa-ul>li::before {
            display: inline-block;
            margin: 0 1.5rem 0 -3rem;
            content: counter(faq-styled-counter);
            color: #FFF;
            font-size: 1rem;
            line-height: 1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            background: #000;
            text-align: center;
        }

    section.faq-main-content .faq-article__content img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 0.07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }

    section.faq-main-content .faq-article__content pre {
        white-space: pre-wrap;
        word-wrap: break-word;
        text-align: justify;
        background: #EEE;
        margin-bottom: 1.6em;
        overflow: auto;
        max-width: 100%;
        padding: 1.6em;
    }

        section.faq-main-content .faq-article__content pre code {
            font-family: "Courier 10 Pitch",Courier,monospace;
        }

    .faq-message {
        padding: 1em;
        border-radius: 5px;
        min-height: 18px;
        background: #E7F6F0;
    }

        .faq-message.is-style-alert { background: #F7EFA6; }
        .faq-message.is-style-info { background: #F0F7FB; }

        .faq-message.faq-block-hb-message--withicon {
            padding-left: 2.75em;
            background-repeat: no-repeat;
            background-size: 18px;
            background-position: 1em 1.3em;
        }

        .faq-message.faq-block-hb-message--withicon {
            background-image: url('../img/icon/exclamation-circle.svg');
        }

        .faq-message.is-style-info.faq-block-hb-message--withicon {
            background-image: url('../img/icon/info-circle.svg');
        }

    section.faq-main-content {
        margin: 0 0 2em;
    }

        section.faq-main-content .faq-article__content figure {
            margin: 0 0 1em;
        }

    .faq-block-table {
        overflow-x: auto;
    }

        .faq-block-table table {
            border-collapse: separate;
            border-spacing: 0;
            border-width: 1px 0 0 1px;
            margin: 0 0 1.5em;
            width: 100%;
        }

        .faq-block-table table {
            border-collapse: collapse;
            margin-bottom: 0;
            width: 100%;
        }

        .faq-block-table td,
        .faq-block-table th {
            border: 1px solid;
            padding: 0.5em;
        }

    section.faq-main-content .faq-block-image .aligncenter {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

        section.faq-main-content .faq-block-image img {
            height: auto;
            max-width: 100%;
            vertical-align: bottom;
        }

        .faq-block-image.aligncenter>figcaption,
        .faq-block-image .aligncenter>figcaption,
        .faq-block-image.alignleft>figcaption,
        .faq-block-image .alignleft>figcaption,
        .faq-block-image.alignright>figcaption,
        .faq-block-image .alignright>figcaption {
            display: table-caption;
            caption-side: bottom;
        }

        section.faq-main-content .faq-block-image figcaption {
            margin-top: 0.5em;
            margin-bottom: 1em;
        }

    section.faq-main-content .accordion {
        position: relative;
        margin: 1em 0;
    }

    section.faq-main-content .accordion .card-header {
        background: #F0F2F5;
        padding: 1em 1em 1em calc(1em + 20px);
        font-weight: bolder;
        line-height: 1;
        border-bottom: 1px solid #E6E8EB;
        position: relative;
    }

        section.faq-main-content .accordion .card .card-header {
            font-size: 1rem;
        }

        section.faq-main-content .accordion .card:not(:last-child) .card-header {
            margin-bottom: -1px;
        }

        section.faq-main-content .accordion .card,
        section.faq-main-content .accordion .card .card-header {
            border-radius: 0!important;
        }

        section.faq-main-content .accordion .card:first-child,
        section.faq-main-content .accordion .card:first-child .card-header {
            border-top-left-radius: var(--default-border-radius)!important;
            border-top-right-radius: var(--default-border-radius)!important;
        }

        section.faq-main-content .accordion .card:last-child,
        section.faq-main-content .accordion .card:last-child .card-header {
            border-bottom-left-radius: var(--default-border-radius)!important;
            border-bottom-right-radius: var(--default-border-radius)!important;
        }

    section.faq-main-content .accordion .card.collapse-header.open {
        border: 1px solid #DFE3E7;
    }

    section.faq-main-content .faq-feedback {
        border-top: 1px solid #dfe4e6;
        border-bottom: 1px solid #dfe4e6;
        padding: 2em 0;
        margin: 0 0 2em;
        text-align: center;
    }

        section.faq-main-content .faq-feedback .faq-feedback__title {
            font-size: 1em;
            margin: 0 0 1em;
            padding: 0;
        }

    section.faq-main-content .faq-voting .faq-voting-links {
        display: flex;
        justify-content: center;
    }

    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote {
        display: flex;
        align-items: center;
        margin: 0 1em;
        color: inherit;
        text-decoration: none;
    }

    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote .faq-voting-upvote-icon,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote .faq-voting-downvote-icon,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote .faq-voting-upvote-icon,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote .faq-voting-downvote-icon {
        display: flex;
        align-items: center;
        background: #CCC;
        color: #FFF;
        text-decoration: none;
        border-radius: 99%;
        padding: 0.75em;
        transition: background .15s ease-in-out,color .15s ease-in-out;
    }

    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote .faq-voting-upvote-label,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote .faq-voting-downvote-label,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote .faq-voting-upvote-label,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote .faq-voting-downvote-label {
        margin-left: 0.5em;
        font-size: 1em;
        line-height: 1;
        color: inherit;
    }

    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote .faq-voting-upvote-icon svg,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote .faq-voting-downvote-icon svg,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote .faq-voting-upvote-icon svg,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote .faq-voting-downvote-icon svg {
        height: 24px;
        width: 24px;
    }

    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote:hover .faq-voting-upvote-icon svg g,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote.active .faq-voting-upvote-icon svg g,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote:hover .faq-voting-downvote-icon svg g,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote.active .faq-voting-downvote-icon svg g {
        stroke: #fff;
    }

    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote:hover .faq-voting-upvote-icon,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-upvote.active .faq-voting-upvote-icon {
        background: #3F9142;
    }

    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote:hover .faq-voting-downvote-icon,
    section.faq-main-content .faq-voting .faq-voting-links .faq-voting-downvote.active .faq-voting-downvote-icon {
        background: #BA2525;
    }

    .faq-article-related .faq-article-related__title {
        font-size: 1.2em;
        margin: 0 0 0.75em;
    }

    ul.faq-article-list {
        list-style: none;
        padding: 0;
        margin: 0 0 1em;
    }

        ul.faq-article-list li {
            background: 0 0;
            list-style: none;
            text-indent: 0;
            padding-right: 85px;
        }

            ul.faq-article-list>li {
                position: relative;
                display: block;
                padding: 0 0 0 24px;
                margin: 0 0 0.25em;
            }

            ul.faq-article-list>li:before {
                display: inline-block;
                position: absolute;
                top: 2px;
                bottom: 0;
                left: 0;
                content: url(data:image/svg+xml;charset=UTF-8;base64,IDxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBoZWlnaHQ9JzE2JyB3aWR0aD0nMTYnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBmaWxsPScjNjY2Jz48cGF0aCBkPSdNMjg4IDI0OHYyOGMwIDYuNi01LjQgMTItMTIgMTJIMTA4Yy02LjYgMC0xMi01LjQtMTItMTJ2LTI4YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0tMTIgNzJIMTA4Yy02LjYgMC0xMiA1LjQtMTIgMTJ2MjhjMCA2LjYgNS40IDEyIDEyIDEyaDE2OGM2LjYgMCAxMi01LjQgMTItMTJ2LTI4YzAtNi42LTUuNC0xMi0xMi0xMnptMTA4LTE4OC4xVjQ2NGMwIDI2LjUtMjEuNSA0OC00OCA0OEg0OGMtMjYuNSAwLTQ4LTIxLjUtNDgtNDhWNDhDMCAyMS41IDIxLjUgMCA0OCAwaDIwNC4xQzI2NC44IDAgMjc3IDUuMSAyODYgMTQuMUwzNjkuOSA5OGM5IDguOSAxNC4xIDIxLjIgMTQuMSAzMy45em0tMTI4LTgwVjEyOGg3Ni4xTDI1NiA1MS45ek0zMzYgNDY0VjE3NkgyMzJjLTEzLjMgMC0yNC0xMC43LTI0LTI0VjQ4SDQ4djQxNmgyODh6Jy8+PC9zdmc+);
                height: 16px;
                width: 16px;
            }

        .faq-article-related:after {
            content: "";
            display: table;
            clear: both;
        }

        ul.faq-article-list a {
            text-decoration: none;
            border: none;
            color: inherit;
            font-weight: 400;
        }

        ul.faq-article-list>li:last-child {
            margin-bottom: 0;
        }

.faq-list-sidebar-categories li {
    clear: both;
    line-height: 18px;
    margin: 0 0 12px;
}

    .faq-search-dropdown-container .faq-list-sidebar-categories li:last-child {
        margin-bottom: 0;
    }

    .faq-list-sidebar-categories li:before {
        content: "\f07c";
        font-weight: 400;
    }

    .faq-list-sidebar-tag-cloud li a,
    .faq-list-sidebar-categories li a {
        color: var(--faq-text-color);
        font-size: .9rem;
        margin-left: 6px;
    }

        .faq-article-related a:hover,
        .faq-list-sidebar-tag-cloud li a:hover,
        .faq-list-sidebar-categories li a:hover {
            color: var(--primary-color);
        }

aside .widget-title {
    font-size: .9rem;
    font-weight: 800;
}

    aside .widget-title:not(:first-child) { margin-top: 30px; }
    aside .list-unstyled:last-child { margin-bottom: 100px; }

    aside .widget-title:after {
        content: " ";
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgb(58 58 58) 0%, rgba(255,255,255,0) 50%);
        height: 1px;
        display: block;
        margin: 5px 0 20px;
        border-radius: 5px;
    }

aside .faq-list-sidebar-share li,
aside .faq-list-sidebar-tag-cloud li {
    display: inline-block;
    margin: 0 0 5px;
}

    aside .faq-list-sidebar-tag-cloud li {
        border: 1px solid #DEDEDE;
        border-radius: 3px;
    }

    aside .faq-list-sidebar-tag-cloud li a {
        color: var(--faq-text-color);
        font-size: .75rem;
        font-weight: 600;
        line-height: 1.5rem;
        padding: 5px 5px 7px 5px;
        margin: 0 0;
        text-transform: lowercase;
    }

    aside .faq-list-sidebar-share {
        margin: -5px 0 0;
    }

    aside .faq-list-sidebar-share li:not(:last-child) {
        margin-right: 5px;
    }

        aside .faq-list-sidebar-share li a {
            color: var(--faq-text-color);
            font-size: 1.3rem;
        }

        aside .faq-list-sidebar-share li a:hover,
        aside .faq-list-sidebar-tag-cloud li a:hover {
            color: var(--primary-color);
        }

.readmore {
    display: block;
    font-style: italic;
    text-decoration: none;
}

.entry-title {
    margin: 0 0 12px;
}

.entry-title,
.entry-title a,
.entry-title a:visited {
    font-size: 24px;
    color: var(--default-text);
    text-decoration: none;
    line-height: 32px;
    letter-spacing: -0.5px;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content pre,
.entry-content code,
.entry-content table,
.entry-content blockquote {
    margin: 0 0 24px;
}

.post {
    border-bottom: 1px solid var(--faq-border-color);
    margin: 0 0 30px;
    padding: 0 0 30px 50px;
    position: relative;
}

    .post:before {
        content: "\f15c";
        display: inline-block;
        font-size: 30px;
        font-weight: normal;
        left: 0;
        position: absolute;
        top: 10px;
    }

.faq-search-dropdown {
    margin: -25px 94px 0 1px;
    position: absolute;
    width: calc(100% - 125px);
    z-index: 1;
}

    .faq-search-dropdown .faq-search-dropdown-container {
        background-color: #FFF;
        padding: 1rem 1rem;
        border-top: 1px dashed #DEDEDE;
        border-bottom-left-radius: var(--default-border-radius);
        border-bottom-right-radius: var(--default-border-radius);
        box-shadow: 0px 5px 15px -10px rgba(0 0 0 / 90%);
    }

    .faq-search-dropdown .faq-search-dropdown-container .faq-list-sidebar-categories li:before {
        content: "\f15c";
    }

#btn-faq-search-clear {
    background-color: transparent;
    border: 0;
    border-radius: 50px;
    padding: 5px 10px;
    outline: none;
    position: absolute;
    right: 100px;
    top: 6px;
    z-index: 9;
}


.bootstrap-table.bootstrap4 {
    width: 100%;
}

    .bootstrap-table.bootstrap4 .search {
        width: 100%;
    }

    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .search {
        width: initial;
        -webkit-box-flex: 1!important;
            -webkit-flex: 1 1 auto!important;
                -ms-flex: 1 1 auto!important;
                    flex: 1 1 auto!important;
    }

        .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar {
            display: flex;
            flex-direction: row-reverse;
            padding: 0 10px;
        }

        .bs-checkbox label,
        .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker {
            align-items: center;
            cursor: pointer;
            display: inline-block;
            line-height: 1;
            padding: 7px 7px;
            position: relative;
            text-transform: none;
            font-size: 1rem;
            margin-bottom: 0;
        }

            .bs-checkbox label {
                padding: 0;
            }

            .bs-checkbox label span:before,
            .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker span:before {
                --checkbox-dropdown-size: 17px;
                content: '';
                height: var(--checkbox-dropdown-size);
                width: var(--checkbox-dropdown-size);
                position: absolute;
                top: var(--inpt-checkbox-bootstrap-table-top-align);
                left: var(--inpt-checkbox-bootstrap-table-left-align);
                border-radius: 4px;
            }

                .bs-checkbox label span:after,
                .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker span:after {
                    content: ' ';
                    height: 20px;
                    width: 20px;
                    border: 1px solid #DFE3E7;
                    position: absolute;
                    border-radius: 4px;
                    top: var(--inpt-checkbox-bootstrap-table-top-align);
                    left: var(--inpt-checkbox-bootstrap-table-left-align);
                    transition: 100ms ease-in-out;
                }

                .bs-checkbox label span:after,
                .bs-checkbox label span:before {
                    top: calc(var(--inpt-checkbox-bootstrap-table-top-align) - 5px);
                    left: calc(var(--inpt-checkbox-bootstrap-table-left-align) - 5px);
                }

                .table-sm-hsna .bs-checkbox label span:after,
                .table-sm-hsna .bs-checkbox label span:before {
                    --table-sm-bs-checkbox-size: 15px;
                    height: var(--table-sm-bs-checkbox-size);
                    width: var(--table-sm-bs-checkbox-size);
                }

            .bs-checkbox label input:checked ~ span:after,
            .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker input:checked ~ span:after {
                border-color: #FFF;
                border-radius: 0;
                border-right-style: none;
                border-top-style: none;
                border-width: 2px;
                height: 0.4rem;
                left: calc(4px + var(--inpt-checkbox-bootstrap-table-left-align));
                top: calc(4px + var(--inpt-checkbox-bootstrap-table-top-align));
                width: 0.65rem;

                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            }

                .table-sm-hsna .bs-checkbox label input:checked ~ span:after {
                     --table-sm-bs-checkbox-checked-size: 9px;
                    height: calc(var(--table-sm-bs-checkbox-checked-size) - 3px);
                    width: var(--table-sm-bs-checkbox-checked-size);
                    left: calc(-2px + var(--inpt-checkbox-bootstrap-table-left-align));
                    top: calc(-2px + var(--inpt-checkbox-bootstrap-table-top-align));
                }

                .bs-checkbox label input:checked ~ span:after {
                    left: calc(-5px + var(--inpt-checkbox-bootstrap-table-left-align));
                    top: calc(-2px + var(--inpt-checkbox-bootstrap-table-top-align));
                }

                .bs-checkbox label input:checked ~ label::after,
                .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker input:checked ~ label::after {
                    border-color: #fff;
                }

                .bs-checkbox label input[type="checkbox"],
                .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker input[type="checkbox"] {
                    display: none;
                }

                .bs-checkbox label input[type="checkbox"]:checked,
                .bs-checkbox label input[type="checkbox"]:not(:checked),
                .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker input[type="checkbox"]:checked,
                .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker input[type="checkbox"]:not(:checked) {
                    box-sizing: border-box;
                    padding: 0;
                }

            .bs-checkbox label span,
            .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker span {
                font-size: .9rem;
                font-weight: 500;
                margin-left: 1.75rem;
                margin-bottom: 0;
                text-transform: none;
            }

                .bs-checkbox label span {
                    content: " ";
                }

            .bs-checkbox label input:checked ~ span::before,
            .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker input:checked ~ span::before {
                background-color: var(--primary-color);
                border-color: var(--primary-color);
            }

        .bootstrap-table .fixed-table-container .table.table-sm-hsna .bs-checkbox label input[type="checkbox"] {
            /*display: inline-block;*/
            left: 4px;
            position: relative;
            top: 3px;
            z-index: 1;
        }

        .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .btn-group:not(.dropdown)>.btn:focus,
        .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker.active,
        .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .dropdown-item.dropdown-item-marker:active {
            background-color: #5A5A5A;
        }

        .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .btn-group:not(.dropdown)>.btn:focus {
            border-color: #5A5A5A;
            color: #FFF!important;
        }

        .bootstrap-table.bootstrap4 .page-list .btn-group.dropdown .btn {
            align-items: center;
            display: flex;
            padding: 0.1rem .75rem;
        }

        .bootstrap-table.bootstrap4 .dropdown-item {
            font-weight: 500;
            padding: 0.4rem 1rem;
        }

        .bootstrap-table.bootstrap4 .dropdown-menu::before {
            background-color: #FFF;
        }

        .bootstrap-table.bootstrap4 .dropup .dropdown-toggle::after,
        .bootstrap-table.bootstrap4 .dropdown .dropdown-toggle::after,
        .bootstrap-table.bootstrap4 .dropleft .dropdown-toggle::after,
        .bootstrap-table.bootstrap4 .dropright .dropdown-toggle::after {
            left: .25rem;
        }

            .bootstrap-table.bootstrap4 .dropup .dropdown-toggle::after {
                top: 0;
            }

        .bootstrap-table.bootstrap4 .fixed-table-pagination .pagination-detail {
            align-items: center;
            display: flex;
        }

        .bootstrap-table.bootstrap4 .fixed-table-pagination .pagination-detail,
        .bootstrap-table.bootstrap4 .fixed-table-pagination .pagination-detail .btn {
            font-size: .85rem;
            font-weight: 600;
        }


.bootstrap-table .fixed-table-container .table thead th .asc,
.bootstrap-table .fixed-table-container .table thead th .desc {
    color: var(--primary-color);
}

.bootstrap-table .fixed-table-container .table thead th .asc,
.bootstrap-table .fixed-table-container .table thead th .desc {
    font-weight: 700;
}

.bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url('../img/icon/arrow-up-active.png');
}

.bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url('../img/icon/arrow-down-active.png');
}

.bootstrap-table .fht-cell .filter-control .form-control {
    opacity: 1;
}

#chart03 .apexcharts-canvas span.apexcharts-tooltip-text-label,
#chart03 .apexcharts-canvas span.apexcharts-tooltip-text-value {
    fill: #FFF!important;
    text-shadow: 0px 0px 2px black;
    filter: none;
    font-weight: 700;
    color: #FFF!important;
}

.highcharts-axis-labels text {
    color: var(--default-text)!important;
    fill: var(--default-text)!important;
}

#table-consolidado .progress,
#table-consolidado .noUi-target {
    margin: 0.5rem 0;
}

#table-consolidado .progress.progress-xl .progress-label:before {
    font-size: .8rem;
    font-weight: 600;
}

.dataTablesTopFilter .bootstrap-table .search,
.bootstrap-table-content .fixed-table-toolbar .search {
    padding: 0 10px;
}

    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar .dropdown-item[data-type]:before {
        display: inline-block;
        font-family: var(--font-family-awesome);
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
        margin-right: 7px;
        text-rendering: auto;
    }

    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar .export .dropdown-menu .dropdown-item[data-type="json"]:before { content: "\f7ea"; }
    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar .export .dropdown-menu .dropdown-item[data-type="xml"]:before { content: "\f121"; }
    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar .export .dropdown-menu .dropdown-item[data-type="csv"]:before { content: "\f6dd"; }
    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar .export .dropdown-menu .dropdown-item[data-type="txt"]:before { content: "\f893"; }
    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar .export .dropdown-menu .dropdown-item[data-type="sql"]:before { content: "\f1c0"; }
    .bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .fixed-table-toolbar .export .dropdown-menu .dropdown-item[data-type="excel"]:before { content: "\f0ce"; }


#tabErlang tr[data-row-ok*='ok'] {
    background-color: #D9FFEB;
}

    #tabErlang tr[data-row-ok*='ok'] td {
        --tabErlang-border-color: #25c92a;
        border-bottom: 1px solid var(--tabErlang-border-color);
        border-top: 1px solid var(--tabErlang-border-color);
    }

    #tabErlang tr[data-row-ok*='ok'] td,
    #tabErlang tr[data-row-ok*='ok']:hover {
        color: var(--default-text);
        font-weight: 600;
    }


.sidebar-configuration {
    font-size: inherit !important;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 99999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 360px;
    background: #FFF;

    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
            box-shadow: 0 0 20px 0 rgba(0,0,0,.2);

    -webkit-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;

    -webkit-transform: translateX(380px);
        -ms-transform: translateX(380px);
           transition: all .2s ease-in;
            transform: translateX(380px);
}

    .sidebar-configuration .template-customizer-inner {
        position: relative;
        overflow: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        opacity: 1;
        -webkit-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s;
    }

    .sidebar-configuration h4 {
        font-weight: 700;
    }

    .sidebar-configuration .template-customizer-t-panel_sub_header {
        font-weight: 500;
        font-size: 0.9rem;
        line-height: 1;
    }

.sidebar-configuration .template-customizer-open-btn {
    bottom: 25%!important;
    box-shadow: 0 4px 20px rgba(0,0,0,.24);
    top: auto!important;
}

.sidebar-configuration .template-customizer-open-btn {
    position: absolute;
    top: 180px;
    left: 0;
    z-index: -1;
    display: block;
    width: 42px;
    height: 42px;
    border-top-left-radius: 15%;
    border-bottom-left-radius: 15%;
    background: #333;
    color: #fff !important;
    text-align: center;
    font-size: 18px !important;
    line-height: 42px;
    opacity: 1;
    -webkit-transition: all .1s linear .2s;
    -o-transition: all .1s linear .2s;
    transition: all .1s linear .2s;
    -webkit-transform: translateX(-62px);
    -ms-transform: translateX(-62px);
    transform: translateX(-62px);
}

.sidebar-configuration .template-customizer-open-btn::before {
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABClJREFUaEPtmY1RFEEQhbsjUCIQIhAiUCNQIxAiECIQIxAiECIAIpAMhAiECIQI2vquZqnZvp6fhb3SK5mqq6Ju92b69bzXf6is+dI1t1+eAfztG5z1BsxsU0S+ici2iPB3vm5E5EpEDlSVv2dZswFIxv8UkZcNy+5EZGcuEHMCOBeR951uvVDVD53vVl+bE8DvDu8Pxtyo6ta/BsByg1R15Bwzqz5/LJgn34CZwfnPInI4BUB6/1hV0cSjVxcAM4PbcBZjL0XklIPN7Is3fLCkdQPpPYw/VNXj5IhPIvJWRIhSl6p60ULWBGBm30Vk123EwRxCuIzWkkjNrCZywith10ewE1Xdq4GoAjCz/RTXW44Ynt+LyBEfT43kYfbj86J3w5Q32DNcRQDpwF+dkQXDMey8xem0L3TEqB4g3PZWad8agBMRgZPeu96D1/C2Zbh3X0p80Op1xxloztN48bMQQNoc7+eLEuAoPSPiIDY4Ooo+E6ixeNXM+D3GERz2U3CIqMstLJUgJQDe+7eq6mub0NYEkLAKwEHkiBQDCZtddZCZ8d6r7JDwFkoARklHRPZUFVDVZWbwGuNrC4EfdOzFrRABh3Wnqhv+d70AEBLGFROPmeHlnM81G69UdSd6IUuM0GgUVn1uqWmg5EmMfBeEyB7Pe3txBkY+rGT8j0J+WXq/BgDkUCaqLgEAnwcRog0veMIqFAAwCy2wnw+bI2GaGboBgF9k5N0o0rUSGUb4eO0BeO9j/GYhkSHMHMTIqwGARX6p6a+nlPBl8kZuXMD9j6pKfF9aZuaFOdJCEL5D4eYb9wCYVCanrBmGyii/tIq+SLj/HQBCaM5bLzwfPqdQ6FpVHyra4IbuVbXaY7dETC2ESPNNWiIOi69CcdgSMXsh4tNSUiklMgwmC0aNd08Y5WAES6HHehM4gu97wyhBgWpgqXsrASglprDy7CwhehMZOSbK6JMSma+Fio1KltCmlBIj7gfZOGx8ppQSXrhzFnOhJ/31BDkjFHRvOd09x0mRBA9SFgxUgHpQg0q0t5ymPMlL+EnldFTfDA0NAmf+OTQ0X0sRouf7NNkYGhrOYNrxtIaGg83MNzVDSe3LXLhP7O/yrCsCz1zlWTpjWkuZAOBpX3yVnLqI1yLCOKU6qMrmP7SSrUEw54XF4WBIK5FxCMOr3lVsfGqNSmPzBXUnJTIX1jyVBq9wO6UObOpgC5GjO98vFKnTdQMZXxEsWZlDiCZMIxAbNxQOqlpVZtobejBaZNoBnRDzMFpkxvTQOD36BlrcySZuI6p1ACB6LU3wWuf5581+oHfD1vi89bz3nFUC8Nm7ZlP3nKkFbM4bWPt/MSFwklprYItwt6cmvpWJ2IVcQBCz6bLysSCv3SaANCiTsnaNRrNRqMXVVT1/BrAqz/buu/Y38Ad3KC5PARej0QAAAABJRU5ErkJggg==);
    margin: 10px;
}

.sidebar-configuration .template-customizer-open-btn:before {
    background-image: none!important;
    content: "\f5b8"!important;
    font-family: Font Awesome\ 5 Pro!important;
    left: 2px!important;
    top: -11px!important;
}

.sidebar-configuration .template-customizer-header .btn-close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='151' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M131.252 0 74.993 56.25 18.748 0 0 18.75 56.245 75 0 131.25 18.748 150l56.245-56.25L131.252 150 150 131.25 93.755 75 150 18.75z'/%3E%3C/defs%3E%3Cg transform='translate(0 .5)' fill='%23a8b1bb' fill-rule='evenodd'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse fill-opacity='.5' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E") 50% /.8em no-repeat transparent;
    border: 0 initial;
    border-color: initial;
    border-image: initial;
    border-radius: var(--default-border-radius);
    box-sizing: content-box;
    color: #a8b1bb;
    height: 0.8em;
    opacity: .95;
    padding: 0.25em;
    width: 0.8em;
}

.sidebar-configuration .template-customizer-close-btn {
    padding: 1.5rem!important;
}

.sidebar-configuration .template-customizer-close-btn {
    position: absolute;
    top: 37px;
    right: 0;
    display: block;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.sidebar-configuration.template-customizer-open {
    display: flex;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    width: 40%;
}

.sidebar-configuration.template-customizer-open .template-customizer-open-btn {
    opacity: 0;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
}

.sidebar-configuration div[id*="List_body"] {
    padding-left: 0;
    padding-right: 0;
}

    .sidebar-configuration div[id*="List_body"]>span {
        align-items: center;
        padding: 5px 15px;
    }

        .sidebar-configuration div[id^="List_body"]>span>label {
            margin-bottom: 0;
        }

    .custom-control-input:checked~.custom-control-label::before,
    .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: var(--primary-color);
    }

    .sidebar-configuration div[id*="List_body"]>span:nth-child(odd) {
        background-color: #F5F5F5;
    }

.row-treeview-cards>div>div>.table-sm.table-sm-hsna.table-compact-rows th,
.row-treeview-cards .bootstrap-table .fixed-table-container .table.table-sm .th-inner {
    vertical-align: bottom;
    padding: 0;
    margin: 0;
}

    .row-treeview-cards .table-sm.table-sm-hsna.table-compact-rows td,
    .row-treeview-cards .table-sm.table-sm-hsna tbody tr:first-child td,
    .row-treeview-cards>div>div>.table-sm.table-sm-hsna.table-compact-rows th,
    .row-treeview-cards .table.datatables-view.table-dash-chats > thead > tr:nth-child(1) > th,
    .row-treeview-cards .bootstrap-table .fixed-table-container .table.bootstrap-table-hsna tbody tr:first-child td {
        border: 0;
        padding: 0 1.0rem;
    }

.row-treeview-cards .table-sm.table-sm-hsna thead i,
.row-treeview-cards .table.datatables-view.table-dash-chats > thead > tr:nth-child(1) > th {
    color: var(--default-text)!important;
}

    .row-treeview-cards .table-sm.table-sm-hsna thead i:hover {
        color: var(--primary-color)!important;
    }

.row-treeview-cards .table.datatables-view.table-dash-chats > thead > tr:nth-child(1) > th {
    background-color: transparent;
    color: var(--default-text);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: initial;
    text-transform: initial;
    padding-bottom: 15px;
}

    .row-treeview-cards .table.datatables-view.table-dash-chats > tbody > tr > td {
        --dyntables-padding-size: 5px;
        padding-bottom: var(--dyntables-padding-size);
        padding-top: var(--dyntables-padding-size);
    }

    .datatables-view tr:hover,
    .datatables-view > tbody > tr:nth-child(odd):hover,
    .row-treeview-cards .table-sm.table-sm-hsna > tbody > tr:hover {
        background-color: initial;
    }

    .row-treeview-cards .table.datatables-view.table-dash-chats > tbody > tr > td {
        border-bottom: 1px solid #F1F1F1;
    }

        .row-treeview-cards .table.datatables-view.table-dash-chats > tbody > tr:last-child > td {
            border-bottom: 0;
        }

.output {
    border: 1px solid red;
}

    .output i {
        margin: 0 0 0 -15px;
        text-align: right;
        width: 22px;
    }

#flow-left-sidemenu #btn-contract-menu {
    right: 0;
}

.parent-drawflow .btn-group {
    display: flex;
    align-items: center;
}

    .parent-drawflow .btn-group .btn-sm,
    .parent-drawflow .btn-group .btn-sm i {
        font-size: 0.8rem;
    }

    .parent-drawflow .btn-group .btn-sm {
        font-weight: 600;
        line-height: 18px;
        padding: 5px 10px;
    }

        .parent-drawflow .btn-group .btn-sm i {
            top: initial;
        }

#flow-right-content .menu ul li,
#flow-right-content .menu ul li label,
#flow-right-content .menu ul li select {
    font-family: var(--font-family-quicksand);
    font-size: 0.8rem;
    font-weight: 600;
}

    #flow-right-content .menu ul li select {
        font-size: 0.9rem;
    }

*[data-toggle="popover"] {
    cursor: pointer;
}

    .box-quality-score span {
        border-radius: 50px;
        color: #FFF;
        display: block;
        padding: 10px;
    }

    .box-quality-score[class*="danger"] span { background-color: var(--deny-color); }
    .box-quality-score[class*="warning"] span { background-color: var(--warning-color); }
    .box-quality-score[class*="success"] span { background-color: var(--success-color); }


.radio-inputs,
.radio-inputs .radio .radio-icon {
    border-radius: var(--default-border-radius);
}

.radio-inputs {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
}

    .radio-inputs .radio {
        border-radius: 1.5rem;
        flex: 1 1 auto;
        margin-bottom: 0;
        text-align: center;
    }

    .radio-inputs .radio input {
        display: none;
    }

    .radio-inputs .radio .radio-icon {
        --radio-input-size: 35px;
        display: flex;
        cursor: pointer;
        align-items: center;
        height: var(--radio-input-size);
        justify-content: center;
        border: none;
        color: var(--default-text);
        transition: all .15s ease-in-out;
        width: var(--radio-input-size);
    }

    .radio-inputs .radio input:checked + .radio-icon {
        font-weight: 600;
    }

    .radio-inputs .radio[id="filter_run_y"] {
        background-color: #13DD17;
        box-shadow: inset 0px 0px 4px 1px rgb(18 161 58 / 60%), 0px 0px 0px 3px rgb(11 247 21 / 60%), 0px 0px 10px 4px rgb(8 189 16 / 0%);
    }

    .radio-inputs .radio[id="filter_run_n"] {
        background-color: #DD5B13;
        box-shadow: inset 0px 0px 4px 1px rgb(161 106 18 / 60%), 0px 0px 0px 3px rgb(247 41 11 / 60%), 0px 0px 10px 4px rgb(8 189 16 / 0%);
    }

        .radio-inputs .radio[id="filter_run_y"]:hover {
            background-color: #10E514!important;
        }

        .radio-inputs .radio[id="filter_run_n"] i,
        .radio-inputs .radio[id="filter_run_y"] i {
            color: #FFF;
        }

        .radio-inputs .radio[id="filter_run_n"]:hover {
            background-color: #FF7528!important;
        }

.bootstrap-table-toolbar-buttons .datatables-view a {
    color: #FFF;
}

    .bootstrap-table-toolbar-buttons .datatables-view a:hover,
    .bootstrap-table-toolbar-buttons .datatables-view tbody td a {
        color: var(--primary-color);
    }


.box-error-message-content {
    --box-error-message-padding: 40px;
    background-color: #FFF;
    border-radius: 2rem;
    box-shadow: 0px 0px 20px -10px rgba(0 0 0 / 50%);
    padding: var(--box-error-message-padding) calc(var(--box-error-message-padding) + 20px);
    width: 1024px;
}

    .box-error-message-content input.form-control {
        opacity: 1;
    }

.title-error-message {
    font-family: 'Passion One', cursive;
    text-transform: uppercase;
    text-align: center;
    font-size: 3rem;
    margin: 0;
}

    .title-error-message.title-xl-text {
        --title-error-size: -22px;
        letter-spacing: 0;
        margin-left: var(--title-error-size)!important;
        margin-right: var(--title-error-size)!important;
    }

    .text-error-reason {
        text-align: justify;
    }

    .box-error-message-content input[type="text"] {
        background-color: #F2F2F2;
        border: 0;
    }

    .box-error-message-content a.link-comercial {
        color: var(--default-text);
        font-size: .8rem;
        font-weight: 700;
    }

        .box-error-message-content a.link-comercial:hover {
            color: var(--primary-color);
        }

    .box-error-message-content a.btn {
        font-weight: 600;
        letter-spacing: 0.75px;
    }

    .box-error-message-content a.btn,
    .box-error-message-content a.btn-primary:not(:disabled):not(.disabled):not(.scroll-top):active {
        border: 3px solid #FFF!important;
        box-shadow: 0px 3px 0px 0px rgb(255 162 0 / 75%);
    }

    .box-error-message-content a.btn:focus {
        background-color: var(--primary-color)!important;
        box-shadow: 0px 3px 0px 0px rgb(255 162 0 / 75%)!important;
    }


    .swal2-container .swal2-modal .swal2-icon {
        margin: 1.25em auto .5em;
    }

    .swal2-container .swal2-modal .swal2-icon-show {
        height: 7em;
        width: 7em;
    }

        .swal2-container .swal2-modal .swal2-icon-show .swal2-icon-content {
            font-size: 5em;
        }

    .swal2-container .swal2-modal.swal2-popup .swal2-title {
        margin: 0;
    }

    div:where(.swal2-container) .swal2-html-container {
        margin: .25em 1.6em .8em!important;
    }


.drag-drawflow .tooltipLabel,
.drag-drawflow .tooltipLabel svg {
    color: var(--default-text)!important;
}


.drawflow-title-group {
    background-color: var(--light-secondary-bg-color);
    padding: 7px 0 6px 30px;
}

    .drawflow-title-group h3 {
        font-size: .8rem;
        font-weight: 700;
        margin-bottom: 0;
        text-transform: uppercase;
        letter-spacing: 0.75px;
        color: #FFF;
    }

.drag-drawflow .tooltipLabel:hover {
    cursor: help;
}

#tab_queue_wss_members_cfg.table-sm.table-sm-hsna.table-compact-rows td {
    padding: 0.25rem 0.5rem;
}

#box_chats_msg a[data-category="image"] img {
    max-width: 100%;
    height: auto;
}

.supervisorTransferChatLog {
    margin: 0px 0px 4px 0px;
    padding: 2px 2px 4px 8px;
    background: #FFF9F4;
    border-radius: 10px;
    font-size: .9em;
}

.hsna_webchat_audio_record {
    position: relative;
    float: left;
}

#hsna_webchat_audio_record_preview {
    border-radius: .5rem;
    display: flex;
    padding: 15px 5px 15px 15px;
    position: absolute;
    top: -88px;
    z-index: 9;
}

    #hsna_webchat_audio_record_preview:has(#hsna_webchat_audio_record_send) {
        background-color: #FFF;
        box-shadow: 0px 0px 15px 0px rgba(0 0 0 / 40%);
    }

.form-group-chat-message audio {
    width: 100%;
}

.bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .btn-group>.btn:not(:last-child):not(.dropdown-toggle)[name="btnEnable"] i {
    color: #7ea7f5;
}

.bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .btn-group>.btn:not(:last-child):not(.dropdown-toggle)[name="btnDisable"] i {
    color: #fdac41;
}

.bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .btn-group>.btn:not(:last-child):not(.dropdown-toggle)[name="btnRecycle"] i {
    color: #77cfa7;
}

.bootstrap-table-toolbar-buttons .bootstrap-table.bootstrap4 .btn-group>.btn:not(:last-child):not(.dropdown-toggle)[name="btnCheckAl"] i {
    color: #ff8484;
}

.dash-pabx-info li,
.card-content-funcoes .dash-pabx-info .d-flex div {
    font-size: .85rem;
}

.dash-pabx-info li span {
    text-align: center;
    margin-right: 5px;
    width: 20px;
}

.avatar-pabx {
    background-color: #FFF;
    padding: 6px;
}

.dash-pabx-contact-row {
    margin: -25px 0 -5px 0;
}

    .dash-pabx-contact-row ul {
        padding-top: 8px;
    }

.content-dashboard-sip #funcoes .dash-pabx-buttons .btn {
    --btn-dash-size: 43px;
    height: var(--btn-dash-size);
    min-height: initial;
    min-width: var(--btn-dash-size);
    padding: 0 10px;
    width: var(--btn-dash-size);
}

    .content-dashboard-sip #funcoes .dash-pabx-buttons .btn i {
        font-size: 26px;
    }

    .dash-pabx-buttons div img {
        width: 26px;
    }

        .dash-pabx-buttons div .btn:hover img {
            filter: invert(1) brightness(1) contrast(1);
        }

.Settings_VolumeOutput_Container {
    background-color: #FFF;
    border: 1px solid #CCC;
    height: 6px;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    margin-top: 10px;
}


.table-dialer-pad {
    margin: 0 0 0 0;
}

.table-dialer-pad tbody td {
    padding: 0;
}

    .table-dialer-pad tbody td a {
        border-radius: 0;
        color: inherit;
        font-size: 27px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
        width: 95px;
    }

        .table-dialer-pad tbody td a:active {
            background-color: var(--primary-color);
            color: #FFF;
        }

    .table-dialer-pad tbody td a abbr {
        display: block;
        margin: 0 0 -23px;
        padding: 15px 0 20px;
        position: relative;
        z-index: 9999;
    }

    .table-dialer-pad tbody td a span {
        color: inherit;
        display: block;
        font-size: 12px;
        font-weight: 400;
        margin: 0 0 0;
        opacity: 0.65;
    }

.table-dialer-pad a.dialKeyPad:hover {
    background-color: #EEEEEE;
}

.dash-pabx-dialpad #dialPads ul.dropdown-menu {
    padding: 0;
}

.suggest-dropdown-menu {
    background-color: #FFF;
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    margin-top: -22px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    width: calc(100% - 30px);
    z-index: 9;
    box-shadow: 0px 6px 20px -11px rgba(0 0 0 /50%);
}

    .suggest-dropdown-menu li {
        margin: 0 0 0 20px;
        padding: 0;
        line-height: 2.0rem;
        border: 0;
    }

        .suggest-dropdown-menu li:before {
            content: '\f15c';
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-family: "Font Awesome 5 Pro";
            font-weight: 400;
            margin: 0 10px 0 -10px;
        }

        .suggest-dropdown-menu li p {
            display: inline-block;
            margin-bottom: 0;
        }

.has-icon-left .form-control-position:has(img) {
    top: 0;
}


/**
 * Dashboard Survey
 */

.box-survey-stats {
    border: 2px solid #DEDEDE;
    border-radius: var(--default-border-radius);
    padding: 15px 20px;
    width: 100%;
}

    .box-survey-stats:not(:last-child) {
        margin-right: 15px;
    }

    .box-survey-stats i {
        border: .3rem solid #DEDEDE;
        border-radius: 10rem;
        font-size: 2rem;
        padding: 8px;
    }

[class*="box-survey-stats survey-stats-"] .font-medium-5 {
    font-size: 2.15rem!important;
}

.box-survey-stats.survey-stats-default,
.box-survey-stats.survey-stats-default i {
    color: var(--survey-stats-color-default);
    border-color: var(--survey-stats-color-default);
}

.box-survey-stats.survey-stats-positive,
.box-survey-stats.survey-stats-positive i {
    color: var(--survey-stats-color-positive);
    border-color: var(--survey-stats-color-positive);
}

.box-survey-stats.survey-stats-neuter,
.box-survey-stats.survey-stats-neuter i {
    color: var(--survey-stats-color-neuter);
    border-color: var(--survey-stats-color-neuter);
}

.box-survey-stats.survey-stats-negative,
.box-survey-stats.survey-stats-negative i {
    color: var(--survey-stats-color-negative);
    border-color: var(--survey-stats-color-negative);
}

.card-survey-progression .card-body .mr-1 {
    margin-right: 1.25rem!important;
}

    .card-survey-progression .card-body i {
        font-size: 2rem;
    }


.dash-survey-box-interaction {
    background-color: #F9F9F9;
    border-radius: var(--default-border-radius);
    padding: 10px 20px;
}

    .dash-survey-box-interaction p {
        margin-bottom: 0;
    }

    .dash-survey-box-interaction .dash-survey-box-icon {
        background-color: #F1F1F1;
        border-radius: var(--default-border-radius);
        color: var(--default-color);
        font-weight: 500;
        height: fit-content;
        margin-right: 20px;
        padding: 3px 10px;
    }

        .dash-survey-box-interaction .dash-survey-box-icon.survey-stats-positive {
            background-color: var(--survey-stats-bg-color-positive);
            color: var(--survey-stats-color-positive);
        }

        .dash-survey-box-interaction .dash-survey-box-icon.survey-stats-neuter {
            background-color: var(--survey-stats-bg-color-neuter);
            color: var(--survey-stats-color-neuter);
        }

        .dash-survey-box-interaction .dash-survey-box-icon.survey-stats-negative {
            background-color: var(--survey-stats-bg-color-negative);
            color: var(--survey-stats-color-negative);
        }

        .dash-survey-box-interaction .dash-survey-box-icon i {
            margin-right: 5px;
        }

    .dash-survey-box-interaction .table-hover tbody tr:hover {
        background-color: #F3F3F3;
    }

    .dash-survey-box-interaction td {
        vertical-align: initial;
    }

        .dash-survey-box-interaction h3 {
            font-size: 1.25rem;
        }

        .dash-survey-box-interaction h3 .survey-interaction-campaign {
            filter: opacity(.65);
            font-size: .95rem;
            margin-left: 20px;
        }

    .survey-interaction-id,
    .survey-interaction-description,
    .dash-survey-box-interaction .survey-interaction-table td:nth-child(1),
    .dash-survey-box-interaction .survey-interaction-table td:nth-child(2) {
        font-weight: 700;
        text-transform: uppercase;
    }

        .dash-survey-box-interaction .survey-interaction-table tr:not(:last-child) td { padding-bottom: 10px; }

    .survey-interaction-date,
    .survey-interaction-user-comment,
    .dash-survey-box-interaction .survey-interaction-comment div {
        font-size: .9rem;
    }

        .dash-survey-box-interaction .survey-interaction-comment div i {
            position: relative;
            top: 2px;
        }

        .dash-survey-box-interaction .survey-interaction-comment div:nth-child(1) {
            margin-right: 8px;
        }

    .survey-interaction-date {
        white-space: nowrap;
    }

    .survey-opinions-numbers { margin: 10px 0; }
    .survey-interaction-id {
        --survey-interaction-id-size: 35px;
        min-width: var(--survey-interaction-id-size);
        width: var(--survey-interaction-id-size);
    }

    .survey-interaction-description {
        --survey-interaction-description-size: 160px;
        min-width: var(--survey-interaction-description-size);
        width: var(--survey-interaction-description-size);
    }

    .survey-interaction-block-content {
        padding-left: 80px;
    }

/**========================================================================
 * *                           WAVESURFER
 *========================================================================**/
table.wavesurfer-annotations tr th {
    color: #FFF!important;
}

.wavesurfer-annotations.table > :not(caption) > tr.success > *, 
.wavesurfer-annotations.table > :not(caption) > tr:hover.success > *, 
.wavesurfer-annotations.table-striped > tbody > tr.success:nth-of-type(odd) > *, 
.wavesurfer-annotations.table-striped > tbody > tr:hover.success:nth-of-type(odd) > * {
	--bs-table-bg-type: var(--primary-color);
	--bs-table-bg-state: var(--primary-color);
	background-color: var(--bs-table-bg-state);
    border-bottom-color: var(--primary-color);
	color: #FFF;
}

/*========================= END OF WAVESURFER ============================*/




.dash-survey-box-nps .dash-survey-box-nps-score,
.dash-survey-box-nps .dash-survey-box-nps-opinions {
    padding: 15px 20px;
    border-radius: var(--default-border-radius);
}

.dash-survey-box-nps .dash-survey-box-nps-opinions {
    border: 2px solid var(--survey-stats-color-default);
    margin-right: 10px;
}

.dash-survey-box-nps .dash-survey-box-nps-score {
    background-color: #F1F1F1;
    margin-left: 10px;
    min-width: 120px;
}

    .dash-survey-box-nps .dash-survey-box-nps-score,
    .dash-survey-box-nps .dash-survey-box-nps-score h3 {
        color: #FFF;
    }

    .dash-survey-box-nps .dash-survey-box-nps-score h3 {
        font-size: 3.5rem;
        font-weight: 700;
        line-height: 1;
        margin: 0 0 -5px;
    }

    .survey-box-nps-progress .survey-nps-progress-positive,
    .dash-survey-box-nps .dash-survey-box-nps-score.survey-box-nps-score-positive { background-color: var(--survey-stats-color-positive); }
    .survey-box-nps-progress .survey-nps-progress-neuter,
    .dash-survey-box-nps .dash-survey-box-nps-score.survey-box-nps-score-neuter { background-color: var(--survey-stats-color-neuter); }
    .survey-box-nps-progress .survey-nps-progress-negative,
    .dash-survey-box-nps .dash-survey-box-nps-score.survey-box-nps-score-negative { background-color: var(--survey-stats-color-negative); }

    .survey-box-nps-progress .survey-nps-progress-positive { border: 1px solid var(--survey-stats-color-positive); }
    .survey-box-nps-progress .survey-nps-progress-neuter { border: 1px solid var(--survey-stats-color-neuter); }
    .survey-box-nps-progress .survey-nps-progress-negative { border: 1px solid var(--survey-stats-color-negative); }

.survey-box-nps-progress {
    color: #FFF;
    font-size: 1.75rem;
    font-weight: 600;
}

    .survey-box-nps-progress div {
        --nps-progress-padding: 20px;
        padding-left: var(--nps-progress-padding);
        padding-right: var(--nps-progress-padding);
    }

    .survey-box-nps-progress div.survey-nps-progress-negative {
        border-top-left-radius: var(--default-border-radius);
        border-bottom-left-radius: var(--default-border-radius);
    }

    .survey-box-nps-progress div.survey-nps-progress-positive {
        border-top-right-radius: var(--default-border-radius);
        border-bottom-right-radius: var(--default-border-radius);
    }

.bootstrap-table-toolbar-buttons .fixed-table-pagination {
    padding: 12px 15px 0;
}

.fixed-table-body {
    padding-bottom: 10px;
}

.reorder-rows-on-drag-class {
    position: relative;
    z-index: 9999;
}

#box_chat_btn_circle img {
    border-radius: .25rem;
}

.meta-integration-status.badge {
    cursor: default;
    display: table;
    font-size: 0.9rem;
    text-transform: initial;
    padding: 0.39rem 0.85rem 0.36rem;
}

.whatsapp-custom-variables a:not([href]):not([tabindex]) {
    min-width: 100px;
    margin: 0 6px 6px 0;
}

.btn-oauth-svg img {
    --btn-login-img-size: 1.25rem;
    height: var(--btn-login-img-size);
    width: var(--btn-login-img-size);
    margin-right: 5px;
    margin-top: -3px;
}

.custom-tab-pill.custom-tab-pill-color .nav.nav-tabs .nav-item .nav-link:not(.active) {
    filter: opacity(0.5);
}

.brand-logo-placeholder {
    margin: 3px 0 0;
}


/** Dash Speech Recognitions */
.noUi-dash-speech .noUi-target {
    margin: 0.5rem 0!important;
    width: 300px;
}

    .noUi-dash-speech .noUi-connect {
        background: #13AFDF;
    }

.dash-voice-calls-verb-noun .card-header,
.dash-voice-calls-driver-collection .card-header {
    min-height: 75.53px;
}



@keyframes changeColorsRedBlack {
    0% { background-color: #ff5b5c; color: white; }
    50% { background-color: white; color: black; }
    100% { background-color: #ff5b5c; color: white;}
}

.chatMidiaStop {
    animation-name: changeColorsRedBlack;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-animation-name: changeColorsRedBlack;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    border-radius: 6px;
}