@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-Regular.eot');
    src: url('../fonts/Arimo-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-Regular.woff2') format('woff2'), url('../fonts/Arimo-Regular.woff') format('woff'), url('../fonts/Arimo-Regular.ttf') format('truetype'), url('../fonts/Arimo-Regular.svg#Arimo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-Italic.eot');
    src: url('../fonts/Arimo-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-Italic.woff2') format('woff2'), url('../fonts/Arimo-Italic.woff') format('woff'), url('../fonts/Arimo-Italic.ttf') format('truetype'), url('../fonts/Arimo-Italic.svg#Arimo-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-Medium.eot');
    src: url('../fonts/Arimo-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-Medium.woff2') format('woff2'), url('../fonts/Arimo-Medium.woff') format('woff'), url('../fonts/Arimo-Medium.ttf') format('truetype'), url('../fonts/Arimo-Medium.svg#Arimo-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-MediumItalic.eot');
    src: url('../fonts/Arimo-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-MediumItalic.woff2') format('woff2'), url('../fonts/Arimo-MediumItalic.woff') format('woff'), url('../fonts/Arimo-MediumItalic.ttf') format('truetype'), url('../fonts/Arimo-MediumItalic.svg#Arimo-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-SemiBold.eot');
    src: url('../fonts/Arimo-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-SemiBold.woff2') format('woff2'), url('../fonts/Arimo-SemiBold.woff') format('woff'), url('../fonts/Arimo-SemiBold.ttf') format('truetype'), url('../fonts/Arimo-SemiBold.svg#Arimo-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-SemiBoldItalic.eot');
    src: url('../fonts/Arimo-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Arimo-SemiBoldItalic.woff') format('woff'), url('../fonts/Arimo-SemiBoldItalic.ttf') format('truetype'), url('../fonts/Arimo-SemiBoldItalic.svg#Arimo-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-Bold.eot');
    src: url('../fonts/Arimo-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-Bold.woff2') format('woff2'), url('../fonts/Arimo-Bold.woff') format('woff'), url('../fonts/Arimo-Bold.ttf') format('truetype'), url('../fonts/Arimo-Bold.svg#Arimo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo', sans-serif;
    src: url('../fonts/Arimo-BoldItalic.eot');
    src: url('../fonts/Arimo-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Arimo-BoldItalic.woff2') format('woff2'), url('../fonts/Arimo-BoldItalic.woff') format('woff'), url('../fonts/Arimo-BoldItalic.ttf') format('truetype'), url('../fonts/Arimo-BoldItalic.svg#Arimo-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

.spin {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating
/* Safari and Chrome */

{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body {
    font-family: 'Arimo', sans-serif;
    position: relative;
}

.btn {
    padding: 10px 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

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

.btn [class^="icon-"],
.btn [class*=" icon-"] {
    font-size: 20px;
}

.btn-primary {
    background-color: #2F7098;
    border-color: #2F7098;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #1B5579;
    border-color: #1B5579;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #2F7098;
    border-color: #2F7098;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: .8;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    background: #1B5579;
    border-color: #F29D38;
    box-shadow: none;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-danger {
    background-color: #F23838;
    border-color: #F23838;
    color: #ffffff;
}

.btn-danger:hover {
    background-color: #DA0B0B;
    border-color: #DA0B0B;
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    background: #F23838;
    border-color: #F29D38;
    box-shadow: none;
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-primary {
    background-color: #ffffff;
    border-color: #2F7098;
    color: #2F7098;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #2F7098;
    background-color: transparent;
}

.btn-outline-primary:hover {
    background-color: #ECF4F9;
    border-color: #2F7098;
    color: #2F7098;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: #ECF4F9;
    border-color: #F29D38;
    color: #2F7098;
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary:active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-danger {
    background-color: #ffffff;
    border-color: #F23838;
    color: #F23838;
}

.btn-outline-danger:hover {
    background-color: #FEEFEF;
    border-color: #F23838;
    color: #F23838;
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    background-color: #FEEFEF;
    border-color: #F29D38;
    color: #F23838;
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger:active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-icon-white {
    color: #FFFFFF;
    background-color: transparent;
}

.btn-icon-white:hover {
    color: #B7C1C8;
}

.btn-clear {
    color: #2F7098;
    box-shadow: none !important;
}

.text-primary {
    color: #2F7098 !important;
}

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

.loading {
    position: relative;
}

.loading:before {
    content: "\e920";
    font-size: 20px;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    background-color: transparent;
    box-shadow: none;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    transform: translate(-50%, -50%);
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    text-shadow: none;
    color: #ffffff;
    z-index: 999;
}

.loading:after {
    content: "";
    filter: alpha(opacity=50);
    z-index: 998;
    position: absolute;
    background-color: rgba(36, 46, 54, 0.4);
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.link {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

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

.link.link-lg {
    font-size: 16px;
    line-height: 20px;
}

.link.link-lg i[class^="icon-"] {
    font-size: 22px;
}

.link-primary {
    color: #2F7098;
}

.link-primary:hover,
.link-primary:focus {
    color: #1e5e80;
}

.btn-icon {
    /* padding: 0; */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.btn-icon.btn-clear:hover {
    background-color: #ECF4F9;
    color: #2F7098;
}

.btn-icon.btn-clear:focus {
    background-color: #ECF4F9;
    color: #2F7098;
    outline: solid 2px #F29D38 !important;
}

.btn-icon.btn-clear.text-danger:hover,
.btn-icon.btn-clear.text-danger:focus {
    background-color: #FEEFEF;
    color: #F23838;
}

.btn-icon.btn-clear.text-danger:focus {
    outline: solid 2px #F29D38 !important;
}

.btn-icon svg {
    width: 16px;
    height: 16px;
}

.btn.btn-sm {
    padding: 4px 14px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
}

.btn-icon.btn-sm {
    width: 32px;
    height: 32px;
    font-size: 24px;
    padding: 0;
}

.btn-icon.btn-sm i {
    font-size: 24px;
}

.dropdown-toggle {
    padding-right: 65px;
}

.dropdown-toggle::after {
    content: "";
    border: none;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-left: solid 1px #2F7098;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    font-size: 24px;
}

.icon-lg {
    font-size: 24px;
}

.btn-cancel {
    color: #2F7098;
}

.btn-outline-warning {
    color: #3B4F5E;
    border-color: #F29D38;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus {
    background-color: #F29D38;
    border-color: #F29D38;
    color: #FFFFFF;
}

.btn-call-group {
    white-space: nowrap;
    font-weight: normal;
    padding: 10px;
    border-radius: 4px;
}

.nav-tabs--theme {
    border-bottom: solid 1px #E2E6E9;
    background-color: #F9FAFB;
}

.nav-tabs--theme.nav-tabs .nav-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #596873;
    border: none;
    padding: 5px 40px;
    position: relative;
    transition: all ease-in-out 0.3s;
}

.nav-tabs--theme.nav-tabs .nav-link.active {
    color: #223644;
    font-weight: 600;
    background-color: transparent;
}

.nav-tabs--theme.nav-tabs .nav-link:hover {
    color: #223644;
    background-color: transparent;
    transition: all ease-in-out 0.3s;
}

.nav-tabs--theme.nav-tabs .nav-link:after {
    content: "";
    transition: all ease-in-out 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #F29D38;
    height: 2px;
    width: 0px;
}

.nav-tabs--theme.nav-tabs .nav-link.active:after {
    width: 100%;
}

.nav-tabs--theme-v2 {
    border-radius: 2px;
    background-color: #F6F8F8;
    padding: 2px;
    border: none;
}

.nav-tabs--theme-v2 .nav-item {
    flex: 1;
}

.nav-tabs--theme-v2.nav-tabs .nav-link {
    text-align: center;
    border: none;
    padding: 5px 18px;
    position: relative;
    transition: all ease-in-out 0.3s;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #2F7098;
    width: 100%;
    border-radius: 4px;
}

.nav-tabs--theme-v2.nav-tabs .nav-link.active {
    color: #fff;
    font-weight: 600;
    background-color: #F29D38;
    ;
}

.nav-tabs--theme-v2.nav-tabs .nav-link:hover {
    color: #ffffff;
    background-color: #F29D38;
}

.nav-theme {
    padding-top: 8px;
    padding-bottom: 8px;
}

.nav-theme .nav-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 24px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #3B4F5E;
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    position: relative;
    transition: all ease-in-out 0.3s;
}

.nav-theme .nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 0px;
    width: 4px;
    background: #F29D38;
    border-radius: 8px 0px 0px 8px;
    transition: all ease-in-out 0.3s;
}

.nav-theme .nav-link.active,
.nav-theme .show>.nav-link {
    background-color: #F9FAFB;
    font-weight: 600;
    color: #223644;
}

.nav-theme .nav-link.active:after {
    height: 100%;
}

.nav-theme .nav-link:hover {
    background-color: #F7FBFD;
    color: #223644;
}

.text-success {
    color: #61BE67 !important;
}

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

.text-gray-dark {
    color: #3B4F5E !important;
}

.form-check-label {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #3B4F5E;
}

.form-check:not(.form-switch) .form-check-input {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    border-radius: 1px;
    border: solid 1px #8C9BA6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
}

.form-check:not(.form-switch) .form-check-input[type="radio"] {
    border-radius: 50px;
}

.form-check-input:checked,
.form-check:not(.form-switch) .form-check-input:checked {
    background-color: #2F7098;
    border-color: #2F7098;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
}

.form-check-input:focus {
    box-shadow: none;
}

.form-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #223644;
}

.form-label-lg {
    font-size: 16px;
    line-height: 24px;
}

.form-control {
    border: 1px solid #B7C1C8;
    border-radius: 2px;
    height: unset;
    font-size: 16px;
    line-height: 24px;
    padding: 7px 15px;
}

.form-control::placeholder {
    color: #8C9BA6;
}

.form-control::-webkit-input-placeholder {
    color: #8C9BA6;
}

.form-control::-moz-placeholder {
    color: #8C9BA6;
}

.form-control:-ms-input-placeholder {
    color: #8C9BA6;
}

.form-control:-moz-placeholder {
    color: #8C9BA6;
}

.form-control:hover {
    box-shadow: 0px 0px 10px 1px rgba(15, 112, 161, 0.3);
    border: 1px solid #B7C1C8;
}

.form-control:focus {
    border: 1px solid #F29D38;
    box-shadow: 0 0 0 1px #F29D38;
}

.form-control:active {
    border: 1px solid #2F7098;
}

.form-control.error {
    border: 1px solid #F23838;
}

.form-control.disabled {
    background-color: #e9ecef;
    opacity: 1;
    cursor: default;
}

.form-select {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292895 0.292892C0.68342 -0.0976318 1.31659 -0.0976302 1.70711 0.292895L5.99998 4.58578L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L6.70708 6.70711C6.51955 6.89464 6.26519 7 5.99997 7C5.73476 7 5.4804 6.89464 5.29287 6.70711L0.292891 1.70711C-0.0976318 1.31658 -0.0976303 0.683415 0.292895 0.292892Z' fill='%232F7098'/%3E%3C/svg%3E%0A");
    background-size: 12px;
    padding-right: 40px;
}

.form-group .chosen-container {
    width: 100% !important;
}

.form-group .chosen-container-multi .chosen-choices {
    border: 1px solid #B7C1C8;
    border-radius: 2px;
    font-size: 16px;
    line-height: 25px;
    padding: 4px 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292895 0.292892C0.68342 -0.0976318 1.31659 -0.0976302 1.70711 0.292895L5.99998 4.58578L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L6.70708 6.70711C6.51955 6.89464 6.26519 7 5.99997 7C5.73476 7 5.4804 6.89464 5.29287 6.70711L0.292891 1.70711C-0.0976318 1.31658 -0.0976303 0.683415 0.292895 0.292892Z' fill='%232F7098'/%3E%3C/svg%3E%0A");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 0.75rem top 16px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    font-size: 12px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    color: #3B4F5E;
    padding: 5px 28px 5px 8px;
    background-image: none;
    background-color: #ECF4F9;
    border-radius: 4px;
    border: none;
}

.chosen-container-multi .chosen-choices li.option-supervisor {
    border: 2px solid #2f7098;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: none !important;
    width: 14px;
    height: 14px;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    text-decoration: none;
    color: #223644;
    top: 5px;
    right: 8px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    opacity: 0.7;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "\e903";
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 3px 0;
    height: 24px;
}

.chosen-container .chosen-results li {
    padding: 6px 12px;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #223644;
    background-image: none !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #B7C1C8;
    height: 40px;
    border-radius: 2px;
}

.select2-container--default .select2-selection--single:hover {
    box-shadow: 0px 0px 10px 1px rgba(15, 112, 161, 0.3);
    border: 1px solid #B7C1C8;
}

.select2-search--dropdown .select2-search__field {
    border-radius: 2px;
}

.select2-results__option {
    padding: 10px 15px;
}

.select2-results__option span {
    display: flex;
    align-items: center;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #223644;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #212529;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292895 0.292892C0.68342 -0.0976318 1.31659 -0.0976302 1.70711 0.292895L5.99998 4.58578L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L6.70708 6.70711C6.51955 6.89464 6.26519 7 5.99997 7C5.73476 7 5.4804 6.89464 5.29287 6.70711L0.292891 1.70711C-0.0976318 1.31658 -0.0976303 0.683415 0.292895 0.292892Z' fill='%232F7098'/%3E%3C/svg%3E%0A");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}


/*Image player css*/

.img-player {
    display: inline-block;
}

#waveform,
#video-wave {
    margin-top: 0px;
    width: 100%;
    overflow: auto;
    position: relative;
    z-index: 3;
}

.time-tags {
    height: 26px;
    position: relative;
    z-index: 1;
    overflow-x: auto;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 5px;
    box-sizing: border-box;
    border-top: solid 1px #3B4F5E;
}

.time-tags::-webkit-scrollbar {
    height: 0;
}

.time-tags .time-tag-item {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #223644;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    border-radius: 0px 0px 2px 2px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #ff9900;
    padding: 3px 16px;
    cursor: pointer;
    width: auto !important;
}

.time-dtmf {
    height: 32px;
    position: relative;
    z-index: 1;
    overflow-x: auto;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 5px;
    box-sizing: border-box;
    border-top: solid 1px #3B4F5E;
}

.dtmf-item {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #223644;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    border-radius: 0px 0px 2px 2px;
    font-weight: 600;
    font-size: 15px;
    line-height: normal;
    color: #ff9900;
    padding: 2px 8px;
    cursor: pointer;
    width: auto !important;
    top: 4px;
}

.dtmf-item i {
    font-size: 18px;
    margin-right: 3px;
}

#wave-timeline,
.track-data_content {
    width: 100%;
    margin-bottom: 0;
    background-color: transparent;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
}

#video-container #wave-timeline {
    margin-bottom: 0px;
}

.track-record {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.img-player img#audio-img_genrate {
    height: 96px;
}

.img-progress_bar {
    display: flex;
    background-color: #000;
    color: #fff;
    font-size: 12px;
}

.img-progress_bar_inner {
    display: flex;
    background-color: #000;
    box-sizing: border-box;
    width: 100%;
}

.img-timeline {
    position: relative;
}

.img-timeline_content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    display: flex;
}

.img-progress_bar_inner>span {
    padding: 6px 3px 16px;
    background-color: #000;
    position: relative;
    font-family: 'Verdana';
    font-size: 9px;
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    display: block;
    text-align: center;
}

.img-timeline_content>span {
    padding: 6px 3px 16px;
    opacity: 0;
    position: relative;
    font-family: 'Verdana';
    font-size: 9px;
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    display: block;
    text-align: center;
}

.img-progress_bar_inner>span:first-child,
.img-progress_bar_inner>span:last-child {
    width: auto;
    flex: unset;
}

.img-timeline_content>span.ui-selected {
    opacity: 0.5;
}

.img-progress_bar_inner>span:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 1px;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.track-record thead th:last-child,
.track-record tbody td:last-child {
    width: 15%;
}

.track-record thead th:first-child,
.track-record tbody td:first-child {
    width: 20px;
    max-width: 20px;
}

.track-record tbody td:last-child a {
    margin: 0 5px;
}

.track-record tbody tr:nth-child(even) {
    background-color: #e8eaef;
}

.tracker-action,
.tracker-action_video {
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    display: block;
}


/*.tracker-action.play,.tracker-action_video.play {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-play-fill' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/%3E%3C/svg%3E");
}

.tracker-action.pause,.tracker-action_video.pause {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pause-fill' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z'/%3E%3C/svg%3E");
}*/

.ui-dialog.form-submit.loading button.ui-button.ui-button-text-only {
    opacity: 0.7;
    pointer-events: none;
}

.ui-dialog.form-submit.loading {
    pointer-events: none;
    user-select: none;
}

.ap__body {
    padding: 5px 20px;
    display: flex;
    align-items: center;
}

.audio-player__volume {
    display: inline-flex;
    margin-left: 10px;
    align-items: center;
    width: auto;
    max-width: 120px;
}

.audio-player__volume input[type="range"] {
    margin-top: 0;
    width: 80px;
}

.zooming-control .audio-player__volume input[type="range"] {
    max-width: 50px;
}

.ap__footer {
    text-align: center;
    background-color: #e8eaef;
    padding: 5px 5px;
    font-family: 'Verdana';
    font-size: 11px;
    color: #222;
}

.ap-button {
    width: 30px;
    height: 30px;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #ccc;
    border-radius: 6px;
    margin-right: 5px;
    cursor: pointer;
}

.ap-button.ap-button--play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-play-fill' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/%3E%3C/svg%3E");
}

.ap-button.ap-button--pause {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pause-fill' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z'/%3E%3C/svg%3E");
}

.ap-button.ap-button--stop {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-stop-fill' viewBox='0 0 16 16'%3E%3Cpath d='M5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11V5A1.5 1.5 0 0 1 5 3.5z'/%3E%3C/svg%3E");
}

.ap-button.ap-button--volume {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-volume-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9 4a.5.5 0 0 0-.812-.39L5.825 5.5H3.5A.5.5 0 0 0 3 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 9 12V4zm3.025 4a4.486 4.486 0 0 1-1.318 3.182L10 10.475A3.489 3.489 0 0 0 11.025 8 3.49 3.49 0 0 0 10 5.525l.707-.707A4.486 4.486 0 0 1 12.025 8z'/%3E%3C/svg%3E");
}

.ap-button.ap-button--mute {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-volume-mute-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zm7.137 2.096a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

/* Audio Player Speed Controls */
.audio-player__speed {
    display: inline-flex;
    align-items: center;
    margin-left: 15px;
    gap: 5px;
}

.ap-button--speed {
    padding: 2px 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #F29D38;
    font-size: 11px;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ap-button--speed:hover {
    background-color: #FFF5EB;
    border-color: #F29D38;
}

.ap-button--speed.active {
    background-color: #F29D38;
    color: #fff;
    border-color: #F29D38;
}

@-webkit-keyframes rotating
/* Safari and Chrome */

{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ui-dialog.form-submit.loading::before {
    content: "";
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-clockwise' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/%3E%3C/svg%3E");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    z-index: 2;
}

.ui-dialog.form-submit.loading::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(2px);
}

span.track.hidden-value.ui-selectee,
.img-timeline {
    cursor: col-resize;
}

span.track.hidden-value.ui-selected {
    cursor: not-allowed;
}

.noclose .ui-dialog-titlebar-close {
    display: none;
}

.icon-enable_notes {
    position: relative;
    font-size: 24px;
    color: #2F7098;
}

.indicator {
    position: absolute;
    z-index: 999;
    left: 0px;
    top: 0px;
    bottom: 0;
    width: 0;
    display: block;
    box-sizing: border-box;
    border-right: 2px solid #89cfe4;
    pointer-events: none;
}

.indicator:before {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.357509 0H6.35751V4.64286L3.50037 7L0.357509 4.65126V0Z' fill='%2389CFE4'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 10px;
}

.tbox {
    padding: 0px;
    width: 100%;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%);
    max-height: 100%;
    height: 100%;
    z-index: 1060;
}

.tbox * {
    box-sizing: border-box;
}

.tbox .tinner {
    height: 100% !important;
    max-width: 100%;
    border: none;
    width: 100% !important;
    border-bottom: none;
    background: no-repeat;
}

.tcontent iframe {
    width: 100%;
    max-height: 100vh;
    min-height: 100vh;
}

#PeopleTableContainer #loaderframe {
    float: none;
    display: block;
    text-align: center;
    margin: auto;
}

#video-html {
    height: auto;
}

#video-html body {
    height: auto;
    background-color: transparent;
}


/*video maker css*/

.iframe-video {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    overflow: auto;
}

.iframe-video #video {
    height: auto;
    display: flex;
    width: 100%;
    max-height: 100vh;
}

.iframe-video video {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 12px;
    height: auto;
}

#video-container {
    height: 100%;
    max-height: 100vh;
    overflow: hidden;
}

#video-container center {
    height: 100%;
}

#track-video_data {
    max-height: 148px;
    overflow: auto;
}

#video-container #track-video_data {
    max-height: 90px;
}

.track-video__toggle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 56;
    box-sizing: border-box;
}

.track-video_content_item {
    float: left;
    width: calc(50% - 10px);
    box-sizing: border-box;
    margin: 5px 5px;
    position: relative;
}

.video-wave_content {
    width: 100%;
}

.iframe-video video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

.iframe-video video::-moz-media-controls-fullscreen-button {
    display: none !important;
}

.iframe-video video::-ms-media-controls-fullscreen-button {
    display: none !important;
}

.iframe-video video::-webkit-media-controls-volume-slider {
    display: none;
}

.iframe-video video::-webkit-media-controls-mute-button {
    display: none;
}

.iframe-video video::-moz-media-controls-volume-slider {
    display: none !important;
}

.iframe-video video::-moz-media-controls-mute-button {
    display: none;
}

.iframe-video video::-ms-media-controls-volume-slider {
    display: none !important;
}

.iframe-video video::-ms-media-controls-mute-button {
    display: none;
}

#frameless iframe {
    background-color: transparent;
}

.track-video_content div.jtable-main-container table.jtable thead th {
    padding: 5px;
    font-family: 'Verdana';
    font-size: 11px;
    line-height: 21px;
    color: #222;
    position: relative;
}

.track-video_content div.jtable-main-container table.jtable tbody>tr>td {
    padding: 5px;
    font-family: 'Verdana';
    font-size: 11px;
    color: #222;
    position: relative;
}

.zooming-group {
    display: flex;
    align-items: center;
    border: solid 1px #fff;
    margin-left: 10px;
    background-color: #e8eaef;
}

.zooming-control .zooming-group button {
    margin: 0;
    width: 20px;
    height: 20px;
    background-color: #e8eaef;
    border: none;
}

.zooming-control .zooming-group button svg {
    width: 12px;
    height: 12px;
}

.zooming-group input#scale_count {
    border-radius: 0;
    margin: 0;
    text-align: center;
    appearance: none;
    width: 30px;
    height: 20px;
    line-height: 20px;
    outline: none !important;
    border: none !important;
}

.zooming-group input#scale_count::-webkit-outer-spin-button,
.zooming-group input#scale_count::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.zooming-group input#scale_count[type=number] {
    -moz-appearance: textfield;
}

.zooming-control .audio-player {
    margin-left: 10px;
}

.zooming-control .audio-player .ap__body {
    padding: 3px 8px;
}

.toggle_btn {
    width: 30px;
    height: 24px;
    border: none;
    margin: auto;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 6;
    background-color: transparent;
    padding-bottom: 6px;
}

.toggle_btn svg {
    width: 20px;
    height: 20px;
}

.control_dropdown {
    position: relative;
}

.control-dropdown_menu {
    list-style: none;
    padding: 0;
    text-align: left;
    position: absolute;
    right: 0;
    background-color: #fff;
    top: 100%;
    margin: 0;
    border: none;
    padding: 6px 0 !important;
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    display: none;
    z-index: 65;
}

.control-dropdown_menu .control-dropdown_menu {
    box-shadow: none;
    left: 0;
    right: 0;
    top: 0;
    min-height: 100%;
}

.dropdown-menu_link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    color: #000;
}

.dropdown-menu_link:hover,
.dropdown-menu_link:focus,
.dropdown-menu_link.active {
    background-color: #e8e8e8;
}

.dropdown-menu_link svg {
    width: 30px;
}

.chat-data_content {
    max-height: 320px;
    overflow-y: auto;
    padding: 10px;
    background-color: #242E36;
    display: none;
}

.chat-data_content .chat-result {
    margin-bottom: 7px;
    padding: 3px 6px;
    position: relative;
    padding-left: 25px;
    display: flex;
}

.chat-result__name {
    width: 110px;
    text-align: right;
    margin-right: 15px;
}

.chat-data_content .chat-result .icon-box {
    position: absolute;
    top: 8px;
    left: 0;
    height: 15px;
    width: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.chat-data_content .chat-result span {
    line-height: 1.5;
    font-size: 16px;
    display: inline-block;
    padding: 0;
    border-radius: 0;
    color: #fff;
    width: calc(100% - 125px);
}

.chat-data_content .chat-result .icon-box.group-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg class='' enable-background='new 0 0 512 512' version='1.1' viewBox='0 0 58 58' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle class='' cx='43' cy='7' r='3' style='' data-original='%23000000'/%3E%3Cpath class='' d='m38 7c0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.641-.806 3.088-2.031 4 1.043.777 1.765 1.944 1.959 3.289 1.867-1.466 3.072-3.737 3.072-6.289 0-4.411-3.589-8-8-8s-8 3.589-8 8c0 2.552 1.205 4.823 3.072 6.289.194-1.345.916-2.512 1.959-3.289-1.225-.912-2.031-2.359-2.031-4z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m46 15.411v-.411c0-1.654-1.346-3-3-3s-3 1.346-3 3v.411c.927.377 1.939.589 3 .589s2.073-.212 3-.589z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m50 21c-4.411 0-8 3.589-8 8 0 2.552 1.205 4.823 3.072 6.289.194-1.345.916-2.512 1.959-3.289-1.225-.912-2.031-2.359-2.031-4 0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.641-.806 3.088-2.031 4 1.043.777 1.765 1.944 1.959 3.289 1.867-1.466 3.072-3.737 3.072-6.289 0-4.411-3.589-8-8-8z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m50 33c-1.654 0-3 1.346-3 3v.411c.927.377 1.939.589 3 .589s2.073-.212 3-.589v-.411c0-1.654-1.346-3-3-3z' style='' data-original='%23000000'/%3E%3Ccircle class='' cx='50' cy='28' r='3' style='' data-original='%23000000'/%3E%3Cpath class='' d='m21 54h4v-2h-2c-1.103 0-2 .897-2 2z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m19 16c-1.654 0-3 1.346-3 3v.412c.185.075.374.143.566.205 1.518-.988 3.318-1.573 5.252-1.608-.411-1.166-1.513-2.009-2.818-2.009z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m29.523 45.093c-0.801 1.733-2.537 2.907-4.523 2.907-1.988 0-3.724-1.176-4.524-2.91-1.354 0.687-2.544 1.687-3.476 2.931v5.979h2c0-2.206 1.794-4 4-4h8v2h-4v6h4c2.206 0 4-1.794 4-4 0-3.885-2.232-7.252-5.477-8.907z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m17 57c0 .552.448 1 1 1h7v-2h-7c-.552 0-1 .448-1 1z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m14 34c0 1.103.897 2 2 2v-4c-1.103 0-2 .897-2 2z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m15.184 56h-15.184v1c0 .552.448 1 1 1h14.184c-.112-.314-.184-.648-.184-1s.072-.686.184-1z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m15 47c0-.552-.448-1-1-1h-13c-.552 0-1 .448-1 1v7h15z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m22.342 44.374c.504.975 1.511 1.626 2.658 1.626 1.148 0 2.157-.653 2.66-1.63-.849-.234-1.738-.37-2.66-.37-.91 0-1.8.137-2.658.374z' style='' data-original='%23000000'/%3E%3Ccircle class='' cx='19' cy='11' r='3' style='' data-original='%23000000'/%3E%3Cpath class='' d='m31.854 18.268c-1.962 1.135-4.179 1.732-6.459 1.732h-3.395c-4.411 0-8 3.589-8 8 0 .796.132 1.593.367 2.357.5-.225 1.05-.357 1.633-.357h.109c.41-2.003 2.014-3.577 4.038-3.927.391-1.202 1.522-2.073 2.853-2.073h1v2h-1c-.552 0-1 .448-1 1s.448 1 1 1h8c1.302 0 2.402.839 2.816 2h.184c.442 0 .86.089 1.258.222.48-1.18.742-2.447.742-3.722 0-2.635-1.026-5.111-2.889-6.975z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m34 32v4c1.103 0 2-.897 2-2s-.897-2-2-2z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m32 36v-5c0-.552-.448-1-1-1h-8c-1.264 0-2.348-.786-2.789-1.895-1.273.347-2.211 1.514-2.211 2.895v5c0 3.309 2.691 6 6 6h2c3.309 0 6-2.691 6-6zm-12-3c0-.552.448-1 1-1s1 .448 1 1-.448 1-1 1-1-.448-1-1zm5 7c-1.779 0-3.438-.958-4.33-2.499l1.73-1.002c.537.926 1.533 1.501 2.6 1.501s2.063-.575 2.6-1.501l1.73 1.002c-.892 1.541-2.551 2.499-4.33 2.499zm4-6c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m14.07 18.303c.191-1.351.914-2.523 1.96-3.303-1.224-.912-2.03-2.359-2.03-4 0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.641-.806 3.088-2.031 4 .97.722 1.68 1.774 1.93 3h.375c1.731-1.522 2.726-3.685 2.726-6 0-4.411-3.589-8-8-8s-8 3.589-8 8c0 2.52 1.179 4.82 3.07 6.303z' style='' data-original='%23000000'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
    mask: url("data:image/svg+xml,%3Csvg class='' enable-background='new 0 0 512 512' version='1.1' viewBox='0 0 58 58' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle class='' cx='43' cy='7' r='3' style='' data-original='%23000000'/%3E%3Cpath class='' d='m38 7c0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.641-.806 3.088-2.031 4 1.043.777 1.765 1.944 1.959 3.289 1.867-1.466 3.072-3.737 3.072-6.289 0-4.411-3.589-8-8-8s-8 3.589-8 8c0 2.552 1.205 4.823 3.072 6.289.194-1.345.916-2.512 1.959-3.289-1.225-.912-2.031-2.359-2.031-4z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m46 15.411v-.411c0-1.654-1.346-3-3-3s-3 1.346-3 3v.411c.927.377 1.939.589 3 .589s2.073-.212 3-.589z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m50 21c-4.411 0-8 3.589-8 8 0 2.552 1.205 4.823 3.072 6.289.194-1.345.916-2.512 1.959-3.289-1.225-.912-2.031-2.359-2.031-4 0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.641-.806 3.088-2.031 4 1.043.777 1.765 1.944 1.959 3.289 1.867-1.466 3.072-3.737 3.072-6.289 0-4.411-3.589-8-8-8z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m50 33c-1.654 0-3 1.346-3 3v.411c.927.377 1.939.589 3 .589s2.073-.212 3-.589v-.411c0-1.654-1.346-3-3-3z' style='' data-original='%23000000'/%3E%3Ccircle class='' cx='50' cy='28' r='3' style='' data-original='%23000000'/%3E%3Cpath class='' d='m21 54h4v-2h-2c-1.103 0-2 .897-2 2z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m19 16c-1.654 0-3 1.346-3 3v.412c.185.075.374.143.566.205 1.518-.988 3.318-1.573 5.252-1.608-.411-1.166-1.513-2.009-2.818-2.009z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m29.523 45.093c-0.801 1.733-2.537 2.907-4.523 2.907-1.988 0-3.724-1.176-4.524-2.91-1.354 0.687-2.544 1.687-3.476 2.931v5.979h2c0-2.206 1.794-4 4-4h8v2h-4v6h4c2.206 0 4-1.794 4-4 0-3.885-2.232-7.252-5.477-8.907z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m17 57c0 .552.448 1 1 1h7v-2h-7c-.552 0-1 .448-1 1z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m14 34c0 1.103.897 2 2 2v-4c-1.103 0-2 .897-2 2z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m15.184 56h-15.184v1c0 .552.448 1 1 1h14.184c-.112-.314-.184-.648-.184-1s.072-.686.184-1z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m15 47c0-.552-.448-1-1-1h-13c-.552 0-1 .448-1 1v7h15z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m22.342 44.374c.504.975 1.511 1.626 2.658 1.626 1.148 0 2.157-.653 2.66-1.63-.849-.234-1.738-.37-2.66-.37-.91 0-1.8.137-2.658.374z' style='' data-original='%23000000'/%3E%3Ccircle class='' cx='19' cy='11' r='3' style='' data-original='%23000000'/%3E%3Cpath class='' d='m31.854 18.268c-1.962 1.135-4.179 1.732-6.459 1.732h-3.395c-4.411 0-8 3.589-8 8 0 .796.132 1.593.367 2.357.5-.225 1.05-.357 1.633-.357h.109c.41-2.003 2.014-3.577 4.038-3.927.391-1.202 1.522-2.073 2.853-2.073h1v2h-1c-.552 0-1 .448-1 1s.448 1 1 1h8c1.302 0 2.402.839 2.816 2h.184c.442 0 .86.089 1.258.222.48-1.18.742-2.447.742-3.722 0-2.635-1.026-5.111-2.889-6.975z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m34 32v4c1.103 0 2-.897 2-2s-.897-2-2-2z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m32 36v-5c0-.552-.448-1-1-1h-8c-1.264 0-2.348-.786-2.789-1.895-1.273.347-2.211 1.514-2.211 2.895v5c0 3.309 2.691 6 6 6h2c3.309 0 6-2.691 6-6zm-12-3c0-.552.448-1 1-1s1 .448 1 1-.448 1-1 1-1-.448-1-1zm5 7c-1.779 0-3.438-.958-4.33-2.499l1.73-1.002c.537.926 1.533 1.501 2.6 1.501s2.063-.575 2.6-1.501l1.73 1.002c-.892 1.541-2.551 2.499-4.33 2.499zm4-6c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z' style='' data-original='%23000000'/%3E%3Cpath class='' d='m14.07 18.303c.191-1.351.914-2.523 1.96-3.303-1.224-.912-2.03-2.359-2.03-4 0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.641-.806 3.088-2.031 4 .97.722 1.68 1.774 1.93 3h.375c1.731-1.522 2.726-3.685 2.726-6 0-4.411-3.589-8-8-8s-8 3.589-8 8c0 2.52 1.179 4.82 3.07 6.303z' style='' data-original='%23000000'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.chat-data_content .chat-result .icon-box.user-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M112.066,319.819c21.252-14.114,44.849-21.851,67.67-29.382c3.279-1.078,6.554-2.137,9.813-3.239 l0.668-0.221c4.822-1.689,9.393-3.284,13.134-5.345c0.169-0.394,0.411-1.049,0.7-2.135c-18.788-27.428-31.554-69.82-31.554-106.136 c0-30.807,9.682-53.629,27.941-67.526c-7.894-3.991-17.416-5.527-27.663-5.527c-27.307,0-49.442,10.91-49.442,50.082 c0,26.007,9.755,57.906,24.296,76.43c-0.135,1.464-0.308,2.931-0.571,4.388c-0.867,3.979-2.261,8.437-5.981,10.646 c-4.174,2.478-8.81,4.051-13.372,5.649c-18.912,6.365-38.472,11.975-55.258,23.121c-8.727,5.745-14.639,15.713-17.9,25.506 c-3.359,10.163-4.733,24.371-4.526,32.371h51.575C104.868,324.5,108.354,322.258,112.066,319.819z'/%3E%3Cpath d='M457.457,296.129c-3.263-9.793-9.178-19.379-17.9-25.125c-16.79-11.145-36.352-16.946-55.262-23.307 c-4.563-1.598-9.197-3.267-13.366-5.746c-3.726-2.213-5.121-6.715-5.982-10.698c-0.382-2.108-0.619-4.25-0.736-6.378 c13.712-18.761,22.809-49.369,22.809-74.471c0-39.18-22.137-50.097-49.443-50.097c-10.385,0-20.009,1.594-27.967,5.706 c18.105,13.913,27.697,36.684,27.697,67.366c0,35.358-11.861,76.072-29.895,103.673c0.049,0.313,0.097,0.619,0.153,0.925 c0.475,2.141,0.864,3.259,1.106,3.814c3.955,2.205,8.687,3.935,13.973,5.794l7.919,2.639c23.412,7.773,47.621,15.722,69.428,30.19 c3.524,2.325,6.852,4.085,9.971,8.085h52.019C462.189,320.5,460.813,306.292,457.457,296.129z'/%3E%3C/g%3E%3Cpath d='M414.744,368.006c-4.354-13.059-12.239-25.999-23.867-33.668c-22.386-14.854-48.47-22.674-73.685-31.155 c-6.084-2.133-12.264-4.395-17.82-7.701c-4.969-2.953-6.827-8.97-7.979-14.28c-0.507-2.816-0.824-5.678-0.981-8.519 c18.282-25.013,30.413-65.829,30.413-99.3c0-52.24-29.516-66.796-65.926-66.796c-36.408,0-65.922,14.541-65.922,66.776 c0,34.67,13.006,77.204,32.395,101.912c-0.181,1.947-0.41,3.902-0.76,5.842c-1.159,5.303-3.018,11.249-7.975,14.194 c-5.568,3.308-11.749,5.399-17.832,7.532c-25.215,8.489-51.297,15.965-73.677,30.827c-11.636,7.661-19.52,21.277-23.867,34.336 c-4.48,13.551-6.311,30.494-6.035,43.494h164.772h164.773C421.053,398.5,419.219,381.556,414.744,368.006z'/%3E%3C/svg%3E%0A") no-repeat 100% 100%;
    mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M112.066,319.819c21.252-14.114,44.849-21.851,67.67-29.382c3.279-1.078,6.554-2.137,9.813-3.239 l0.668-0.221c4.822-1.689,9.393-3.284,13.134-5.345c0.169-0.394,0.411-1.049,0.7-2.135c-18.788-27.428-31.554-69.82-31.554-106.136 c0-30.807,9.682-53.629,27.941-67.526c-7.894-3.991-17.416-5.527-27.663-5.527c-27.307,0-49.442,10.91-49.442,50.082 c0,26.007,9.755,57.906,24.296,76.43c-0.135,1.464-0.308,2.931-0.571,4.388c-0.867,3.979-2.261,8.437-5.981,10.646 c-4.174,2.478-8.81,4.051-13.372,5.649c-18.912,6.365-38.472,11.975-55.258,23.121c-8.727,5.745-14.639,15.713-17.9,25.506 c-3.359,10.163-4.733,24.371-4.526,32.371h51.575C104.868,324.5,108.354,322.258,112.066,319.819z'/%3E%3Cpath d='M457.457,296.129c-3.263-9.793-9.178-19.379-17.9-25.125c-16.79-11.145-36.352-16.946-55.262-23.307 c-4.563-1.598-9.197-3.267-13.366-5.746c-3.726-2.213-5.121-6.715-5.982-10.698c-0.382-2.108-0.619-4.25-0.736-6.378 c13.712-18.761,22.809-49.369,22.809-74.471c0-39.18-22.137-50.097-49.443-50.097c-10.385,0-20.009,1.594-27.967,5.706 c18.105,13.913,27.697,36.684,27.697,67.366c0,35.358-11.861,76.072-29.895,103.673c0.049,0.313,0.097,0.619,0.153,0.925 c0.475,2.141,0.864,3.259,1.106,3.814c3.955,2.205,8.687,3.935,13.973,5.794l7.919,2.639c23.412,7.773,47.621,15.722,69.428,30.19 c3.524,2.325,6.852,4.085,9.971,8.085h52.019C462.189,320.5,460.813,306.292,457.457,296.129z'/%3E%3C/g%3E%3Cpath d='M414.744,368.006c-4.354-13.059-12.239-25.999-23.867-33.668c-22.386-14.854-48.47-22.674-73.685-31.155 c-6.084-2.133-12.264-4.395-17.82-7.701c-4.969-2.953-6.827-8.97-7.979-14.28c-0.507-2.816-0.824-5.678-0.981-8.519 c18.282-25.013,30.413-65.829,30.413-99.3c0-52.24-29.516-66.796-65.926-66.796c-36.408,0-65.922,14.541-65.922,66.776 c0,34.67,13.006,77.204,32.395,101.912c-0.181,1.947-0.41,3.902-0.76,5.842c-1.159,5.303-3.018,11.249-7.975,14.194 c-5.568,3.308-11.749,5.399-17.832,7.532c-25.215,8.489-51.297,15.965-73.677,30.827c-11.636,7.661-19.52,21.277-23.867,34.336 c-4.48,13.551-6.311,30.494-6.035,43.494h164.772h164.773C421.053,398.5,419.219,381.556,414.744,368.006z'/%3E%3C/svg%3E%0A") no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.rec-chart_content canvas {
    width: 400px;
    height: 400px;
    max-width: 400px;
    max-height: 170px;
}

.rec-chart_content canvas#myChart2,
.rec-chart_content canvas#myChart3 {
    max-height: 110px;
}

.chart-card {
    position: relative;
    box-sizing: border-box;
    max-width: 400px;
    padding: 20px 10px;
}

.chart-card__label {
    position: absolute;
    left: 0;
    top: 45%;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    width: 100%;
    max-width: 210px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.track-data_content {
    margin-left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    /*flex: 1 0 auto;*/
}

.speech-paching-group {
    padding-left: 35px;
}

.speech-paching-group>span {
    display: block;
    position: relative;
    padding: 10px 0;
}

.speech-paching-group span .paching-label {
    position: absolute;
    left: -30px;
    top: 4px;
    margin: 0;
    color: #fff;
}

.speech_paching {
    display: flex;
    box-sizing: border-box;
    height: 8px;
    position: relative;
}

.speech_paching .pacings {
    display: block;
    margin: 0 0px;
    background-color: #000000;
    width: 100%;
    height: 8px;
    border-radius: 2px;
    border: solid 1px #0000003d;
    box-sizing: border-box;
    top: 0;
    position: absolute;
}

span.paching-label {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 8px;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i.paching-label.customer_icon {
    width: 18px;
    height: 18px;
    display: block;
    margin-bottom: 3px;
}

i.paching-label.customer_icon:before {
    content: "\e900";
}

i.paching-label.agent_icon {
    width: 18px;
    height: 18px;
    display: block;
    margin-bottom: 3px;
}

i.paching-label.agent_icon:before {
    content: "\e90b";
}

#speech_paching_content {
    overflow-x: auto;
}

#speech_paching_content::-webkit-scrollbar {
    height: 0;
}

.player-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(36, 46, 54, 0.9);
    display: none;
    align-items: center;
    z-index: 998;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    color: #fff;
    font-size: 24px;
}

.player-backdrop i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.daterangepicker {
    border: 1px solid #B7C1C8;
    font-family: 'Arimo', sans-serif;
}

.daterangepicker .calendar-table table {
    border-spacing: 0 5px;
    border-collapse: separate;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    width: 36px;
    min-width: 28px;
    height: 36px;
    position: relative;
    font-size: 14px;
}

.daterangepicker td:not(.today).active.start-date.available:after {
    content: "";
    bottom: -1px;
    right: -2px;
    width: 18px;
    height: 36px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 20C5.52285 20 10 15.5228 10 10C10 4.47715 5.52285 0 0 0H16V20H0Z' fill='%23D6E5EE'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}

.daterangepicker td:not(.today).active.end-date.available:after {
    content: "";
    bottom: -1px;
    left: -1px;
    width: 18px;
    height: 36px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 20C10.4772 20 6 15.5228 6 10C6 4.47715 10.4772 0 16 0H0V20H16Z' fill='%23D6E5EE'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}

.daterangepicker .ranges {
    padding: 9px 12px;
    margin: 0;
    float: none;
}

.daterangepicker .drp-calendar {
    display: block;
}

.daterangepicker.show-calendar .ranges {
    margin: 0;
}

.daterangepicker .ranges ul {
    display: flex;
    width: calc(100% + 4px);
    margin-left: -2px;
    margin-right: -2px;
}

.daterangepicker .ranges li {
    margin-left: 2px;
    margin-right: 2px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    border-radius: 2px;
    align-items: center;
    display: inline-flex;
    background-color: #ffffff;
    border: solid 1px #2F7098;
    color: #2F7098;
}

.daterangepicker .ranges li:hover {
    background: #ECF4F9;
    border: 1px solid #2F7098;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:focus {
    background-color: #ECF4F9;
    border-color: #F29D38;
    color: #2F7098;
}

.daterangepicker.show-calendar .drp-buttons {
    /*    display: none;*/
}

.daterangepicker td.in-range {
    background-color: #D6E5EE;
}

.daterangepicker:before,
.daterangepicker:after {
    display: none;
}

.daterangepicker th.month {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #3B4F5E;
}

.daterangepicker .calendar-table th:not(.month) {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #89CFE4;
}

.daterangepicker td.active.start-date.available,
.daterangepicker td.active.end-date.available {
    background: #2F7098;
    color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active.available {
    background: #FDE3C4;
    border-radius: 20px !important;
    color: #223644;
}

.daterangepicker td.start-date {
    border-radius: 20px 0 0 20px !important;
}

.daterangepicker td.end-date {
    border-radius: 0 20px 20px 0 !important;
}

.daterangepicker .drp-buttons {
    border-top: none;
}

.daterangepicker td.off.in-range {
    color: #B7C1C8 !important;
    background-color: rgba(214, 229, 238, 0.5) !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    opacity: 0;
}

.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
    padding: 2px 0;
}

.tooltip {
    font-family: 'Arimo', sans-serif;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    background: #0E3C58;
    border-radius: 4px;
    padding: 4px 24px;
    font-size: 16px;
    line-height: 24px;
}

.form-record-list {
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
}

.form-record-list .form-check {
    position: relative;
    padding: 0;
    margin: 0 4px;
}

.form-record-list .form-check-input {
    position: absolute;
    left: 0;
    margin: 0;
    opacity: 0;
}

.form-record-list .form-check-label {
    padding: 7px 16px;
    background-color: #ffffff;
    border: 1px solid #B7C1C8;
    color: #3B4F5E;
    border-radius: 2px;
    align-items: center;
    display: inline-flex;
    margin: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.form-record-list .form-check-input:checked[type=radio]~.form-check-label {
    border: 1px solid #2F7098;
    box-shadow: 0 0 0 1px #2F7098;
}

.form-switch {
    padding-left: 34px;
}

.form-switch .form-check-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #223644;
}

.form-switch .form-check-input {
    background-color: #B7C1C8;
    border-radius: 8px;
    border: solid 1px #B7C1C8;
    width: 28px;
    margin-right: 8px;
    margin-left: -34px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    cursor: pointer;
}

.form-switch .form-check-input:checked {
    background-color: #2F7098;
    border-color: #2F7098;
}

.card {
    border: 1px solid #E2E6E9;
    border-radius: 4px;
}

.card-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #223644;
}

.card-icon .icon-box {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    border-radius: 4px;
}

.card-icon .icon-box.icon-box--md {
    width: 56px;
    height: 56px;
    font-size: 32px;
}

.card-icon .icon-box.icon-box--sm {
    width: 48px;
    height: 48px;
    font-size: 32px;
}

.card-icon .content {
    max-width: calc(100% - 88px);
    width: 100%;
}

.card-icon .icon-box.icon-box--md~.content {
    max-width: calc(100% - 72px);
    width: 100%;
}

.card-icon .icon-box.icon-box--sm~.content {
    max-width: calc(100% - 64px);
    width: 100%;
}

.card-icon .label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #8C9BA6;
    display: block;
}

.card-icon .title {
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    color: #223644;
}

.card-icon .title sub {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #8C9BA6;
    bottom: 0;
}

.card-icon .text {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #8C9BA6;
}

.icon-box-success {
    background-color: #EDF8EE;
    color: #61BE67;
}

.icon-box-blue {
    background-color: #E9F1FB;
    color: #4091F7;
}

.icon-box-warning {
    background-color: #FFF8ED;
    color: #FFA724;
}

.icon-box-purle {
    background-color: #F0ECF8;
    color: #9477CD;
}

.icon-box-danger {
    background-color: #FCE8EB;
    color: #DF5567;
}

.icon-box-yellow {
    background-color: #FEF9E6;
    color: #F4CC49;
}

.icon-box-gray {
    background-color: #F6F8F8;
}

.dropdown-menu {
    border: 1px solid #B7C1C8;
    box-shadow: 0px 0px 10px 1px rgba(47, 112, 152, 0.2);
    border-radius: 4px;
    padding: 1px 8px;
}

.dropdown-item {
    padding: 12px 4px;
    font-size: 16px;
    line-height: 24px;
    color: #3B4F5E;
    border-bottom: solid 1px #E2E6E9;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    color: #2F7098;
    text-decoration: none;
    background-color: #ECF4F9;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-menu-start {
    left: unset !important;
    right: 0 !important;
}

.nav-icon-theme {
    background: #F6F8F8;
    border-radius: 4px;
    padding: 2px;
}

.nav-icon-theme .nav-link {
    padding: 2px 4px;
    font-size: 24px;
    line-height: 24px;
    color: #2F7098;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-icon-theme .nav-link.active {
    background: #F29D38;
    color: #ffffff;
}

.progress {
    border-radius: 2px;
    height: 16px;
    background-color: transparent;
}

.progress .percentage {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #596873;
    margin-left: 5px;
}

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

.progress-group .label {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #3B4F5E;
    display: block;
    margin-bottom: 4px;
}

.text-red {
    color: #DF5567 !important;
}

.text-purple {
    color: #9477CD !important;
}

.text-blue {
    color: #4091F7 !important;
}

.bg-red {
    background-color: #DF5567 !important;
}

.bg-purple {
    background-color: #9477CD !important;
}

.bg-blue {
    background-color: #4091F7 !important;
}


/*Modal Css Start*/

.modal-content {
    border-radius: 2px;
    border: none;
    box-shadow: none;
}

.modal-header {
    padding: 12px 16px;
    background: #223644;
    border-radius: 2px 2px 0px 0px;
    border-bottom: none;
}

.modal-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #F6F8F8;
}

.modal-header .btn-close {
    color: #fff;
    opacity: 1;
    padding: 8px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.ui-dialog .ui-dialog-titlebar-close {
    color: #fff;
    opacity: 1;
    padding: 8px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    right: 10px;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    top: 20px;
    border: none;
}

.modal-footer {
    border-top: none;
    padding: 4px 12px 8px;
}


/*Modal Css End*/

.separator {
    background-color: #E2E6E9;
    opacity: 1;
}

.input-group-theme .form-control {
    padding-right: 40px;
    border-radius: 2px !important;
}

.input-group-theme .input-group-append {
    position: absolute;
    right: 0;
    z-index: 5;
    bottom: 0;
    top: 0;
}

.input-group-theme .input-group-prepend .input-group-text,
.input-group-theme .input-group-append .input-group-text {
    background-color: transparent;
    border: none;
    height: 100%;
    color: #2F7098;
    font-size: 22px;
}


/*Login Page Start*/

.login-wrapper {
    min-height: 100vh;
}

.login-wrapper .row {
    height: 100vh;
}

.login-wrapper .row .col {
    height: 100%;
}

.login-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.login-card__logo {
    padding-top: 20px;
}

.login-card__logo img {
    max-width: 200px;
}

.login-card {
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.login-card .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #223644;
    margin-bottom: 16px;
}

.login-card form {
    max-width: 320px;
}

.login-control img {
    display: none;
}

.login-card__body {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px;
}

.login-card__footer {
    margin-top: auto;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #8C9BA6;
    padding-top: 24px;
    border-top: solid 1px #E2E6E9;
}


/*Login Page End*/


/*Search Page Start*/

.main-wrapper {
    display: flex;
    min-height: 100vh;
}

.light-theme .main-sidebar {
    --primary-color: #F6F8F8;
    --primary-text-color: #3B4F5E;
    --separator-color: #E2E6E9;
    --label-color: #2F7098;
}

.main-sidebar {
    --primary-color: #223644;
    --primary-text-color: #FFFFFF;
    --separator-color: #3B4F5E;
    --label-color: #89CFE4;
    width: 225px;
    background: var(--primary-color);
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: 999;
    height: 100%;
    overflow: auto;
    height: 100%;
    overflow: hidden;
}

.open-filter .main-sidebar {
    z-index: 1051;
}

.main-sidebar__inner {
    height: 100%;
    overflow-y: scroll;
}

.main-sidebar__inner::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.main-sidebar__inner::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.offcanvas-filter {
    left: 225px;
}

.offcanvas-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #223644;
}

.offcanvas-filter .offcanvas-header {
    padding: 25px 40px;
}

.offcanvas-filter .offcanvas-body {
    padding: 0 40px 20px;
}

.offcanvas-footer {
    border-top: solid 1px #E2E6E9;
    padding: 24px 40px;
}

.form-group>label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #223644;
    margin-bottom: 6px;
    align-items: center;
}

.form-group>label.form-label-lg {
    font-size: 16px;
    line-height: 24px;
}

.btn_theme_style {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 10;
    color: var(--primary-text-color);
}

.btn_theme_style:hover {
    color: var(--primary-text-color);
}

.main-sidebar__nav {
    height: calc(100% - 88px);
    display: flex;
    flex-direction: column;
}

.main-sidebar__nav ul#nav {
    display: flex;
    flex-direction: column;
    position: static;
    padding: 0;
}

.main-sidebar .main-logo {
    margin: 0;
    border: none;
    padding: 0;
    max-width: 170px;
    height: 34px;
    width: auto;
}

.main-sidebar .main-logo,
.main-sidebar #logo {
    margin: 0;
    border: none;
    max-width: initial;
    height: auto;
    width: auto;
    display: flex;
    justify-content: space-between;
    padding: 24px 16px;
    align-items: center;
}

.main-sidebar .monitor_lab_img {
    margin: 0;
    vertical-align: middle;
    height: 28px;
}

.menu-toggle .main-sidebar {
    width: 64px;
}

.menu-toggle .main-sidebar .btn-toggle {
    width: 32px;
    height: 32px;
}

.menu-toggle .main-sidebar .monitor_lab_img {
    display: none;
}

.menu-toggle .menu-group ul li a {
    font-size: 0;
}

.menu-toggle .menu-group .menu-label {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 8px 0 20px;
}

.menu-toggle .menu-group ul li a i {
    margin-right: 0px;
}

.menu-toggle .main-content {
    width: calc(100% - 64px);
}

.menu-toggle .offcanvas-filter {
    left: 64px;
}

.menu-toggle .main-sidebar .btn-icon svg {
    transform: rotate(180deg);
    margin-left: 2px;
}

.menu-toggle .btn_theme_style {
    position: relative;
    right: 0;
    top: 0;
    margin: auto;
    margin-bottom: 20px;
}

.menu-group {
    position: relative;
    margin-bottom: 16px;
}

.menu-group:after {
    position: absolute;
    content: "";
    left: 15px;
    right: 15px;
    bottom: 0;
    width: calc(100% - 30px);
    height: 1px;
    background-color: var(--separator-color);
}

.menu-group:nth-last-child(2):after,
.menu-group:last-child:after {
    display: none;
}

.menu-group.menu-group-logout {
    margin-bottom: 0;
    margin-top: auto;
}

.menu-group.menu-group-logout:before {
    position: absolute;
    content: "";
    left: 15px;
    right: 15px;
    top: 0;
    width: calc(100% - 30px);
    height: 1px;
    background-color: var(--separator-color);
}

.menu-group .menu-label {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: var(--label-color);
    display: block;
    padding: 0 24px;
    margin-bottom: 4px;
}

.menu-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 4px;
}

.menu-group ul li a {
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-text-color);
    display: block;
    float: none;
    padding: 15px 24px;
    font-weight: normal;
    border-bottom: none;
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all ease-in-out 0.3s;
    white-space: nowrap;
}

.menu-group ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 0px;
    width: 4px;
    background: #F29D38;
    border-radius: 0px 8px 8px 0px;
    opacity: 0;
    transition: all ease-in-out 0.3s;
}

.menu-group ul li a:hover:before {
    height: 100%;
    opacity: 1;
}

.menu-group ul li a:hover {
    background-color: #242E36;
}

.menu-group ul li a.active {
    color: #F29D38;
    background-color: var(--primary-color);
}

.menu-group ul li a.active:hover {
    background: #242E36;
}

.menu-group ul li a.active:before {
    height: 100%;
    opacity: 1;
}

.menu-group ul li a i {
    font-size: 16px;
    margin-right: 8px;
}

.light-theme .menu-group ul li a:hover {
    background-color: #ECF4F9;
}

.light-theme .menu-group ul li a.active {
    background-color: #F6F8F8;
}

.light-theme .menu-group ul li a.active:hover {
    background-color: #ECF4F9;
}

.main-content {
    width: calc(100% - 225px);
    margin-left: auto;
}

.page-header {
    padding: 24px;
    background-color: #F9FAFB;
    position: relative;
}

.input-group-company {
    max-width: 300px;
}

.input-group-company.input-group>.form-control,
.input-group-company.input-group>.form-select {
    padding-left: 40px;
    border-radius: 2px !important;
}

.input-group-company.input-group .input-group-addon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #223644;
}

.main-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
}

.page-filter {
    display: flex;
    align-items: center;
}

.page-filter__datepicker {
    display: flex;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
}

.page-filter__datepicker i.icon-calendar {
    font-size: 22px;
    color: #2F7098;
    margin-right: 10px;
}

.page-filter__datepicker .form-control:not(:last-child) {
    margin-right: 8px;
}

.datepicker-group {
    display: flex;
}

.daterangepicker .calendar-time {
    font-size: 0;
    display: flex;
    justify-content: center;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292895 0.292892C0.68342 -0.0976318 1.31659 -0.0976302 1.70711 0.292895L5.99998 4.58578L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683418 12.0976 1.31658 11.7071 1.70711L6.70708 6.70711C6.51955 6.89464 6.26519 7 5.99997 7C5.73476 7 5.4804 6.89464 5.29287 6.70711L0.292891 1.70711C-0.0976318 1.31658 -0.0976303 0.683415 0.292895 0.292892Z' fill='%232F7098'/%3E%3C/svg%3E%0A");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    width: auto;
    border: 1px solid #B7C1C8;
    border-radius: 2px;
    height: unset;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 34px 4px 10px;
    margin: 0 4px;
}

.search-group {
    max-width: 300px;
}

.search-group .form-control {
    padding-left: 46px;
    border-radius: 2px !important;
}

.search-group .input-group-prepend {
    position: absolute;
    left: 0;
    z-index: 5;
    bottom: 0;
    top: 0;
}

.search-group .input-group-prepend .input-group-text {
    background-color: transparent;
    border: none;
    height: 100%;
    color: #2F7098;
    font-size: 22px;
}

.page-filter .dropdown {
    margin-left: auto;
}

.filter-result {
    padding-top: 16px;
    display: flex;
}

.filter-result .btn-clear-filter {
    font-size: 12px;
    line-height: 14px;
}

.badge {
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
}

.badge-close {
    text-decoration: none;
    margin-left: 4px;
    display: inline-flex;
}

.badge-gray {
    background: #ECF4F9;
    color: #3B4F5E;
}

.badge-gray .badge-close {
    color: #8C9BA6;
}

.search-module-content,
.main-wrapper-content {
    position: relative;
    padding-bottom: 50px;
}

.bulk-editing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px 0 64px;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 1;
}

.update_agent_rumi-img img {
    height: 28px;
    border-left: 1px solid #2F7098;
    padding-left: 10px;
    margin-left: 10px;
    width: 40px;
}

.selected-count {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #596873;
}

div.jtable-input-field-container,
div.jtable-main-container {
    font-family: 'Arimo', sans-serif;
}

div.jtable-main-container table.jtable {
    border: none;
}

table.jtable thead {
    background: transparent;
    border-bottom: 1px solid #B7C1C8;
}

div.jtable-main-container table.jtable thead th {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #3B4F5E;
    border: none;
    padding: 10px;
}

div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
    height: auto;
}

.search-module-content div.jtable-main-container table.jtable thead th:first-child .jtable-column-header-container {
    width: 17px;
    height: 17px;
    margin: 0 auto 0 4px;
}

div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
    display: block;
    margin: 0;
    line-height: 18px;
}

div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text small {
    font-size: 12px;
    text-transform: lowercase;
    color: #8C9BA6;
    font-weight: 400;
    line-height: 14px;
}

div.jtable-main-container table.jtable tbody tr>td.jtable-selecting-column input[type="checkbox"],
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: solid 1px #8C9BA6;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
}

div.jtable-main-container table.jtable tbody tr>td.jtable-selecting-column input[type="checkbox"]:checked,
div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input[type="checkbox"]:checked {
    background-color: #2F7098;
    border-color: #2F7098;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
}

div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input.indeterminate[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    background-color: #2F7098;
    border-color: #2F7098;
}

div.jtable-main-container table.jtable tbody>tr {
    padding: 0;
    background-color: #fff;
}

div.jtable-main-container table.jtable tbody>tr>td {
    border-bottom: solid 1px #E2E6E9;
    font-size: 16px;
    line-height: 24px;
    color: #3B4F5E;
    border-left: 0;
    border-right: 0;
    border-top: none;
    padding: 10px;
}

div.jtable-busy-panel-background {
    background-color: rgba(36, 46, 54, 0.4);
    opacity: 1;
}

.jtable-main-container .jtable-busy-message {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 0 !important;
    width: 40px;
    height: 40px;
    text-align: center;
    background-position: center !important;
    border: none;
    background-image: none !important;
    background-color: transparent;
    box-shadow: none;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    transform: translate(-50%, -50%);
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    text-shadow: none;
}

.jtable-main-container .jtable-busy-message:before {
    content: "\e920";
    font-size: 30px;
}

.info-email {
    font-size: 12px;
    line-height: 14px;
    color: #8C9BA6;
}

.record-value {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #2F7098;
    font-weight: 600;
}

.record-link {
    display: flex;
    text-decoration: none;
    font-size: 18px;
    color: #223644;
    margin-right: 4px;
    transition: all ease-in-out 0.2s;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 1.5px solid transparent;
}

.record-link:hover {
    color: #223644;
    background: #ECF4F9;
    border: 1.5px solid #ECF4F9;
}

.record-link:focus {
    border: 1.5px solid #F29D38;
}

div.jtable-bottom-panel div.jtable-left-area {
    display: flex;
    width: 100%;
    padding: 0 24px;
}

table.jtable tr.jtable-row-selected {
    background-color: #FEF3E6;
    text-shadow: none;
}

div.jtable-main-container div.jtable-bottom-panel {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #223644;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
    margin-top: 16px;
}

.jtable-date {
    display: block;
}

.jtable-time {
    font-size: 12px;
    line-height: 14px;
    color: #8C9BA6;
    display: block;
}

div.jtable-main-container div.jtable-bottom-panel span.jtable-goto-page {
    margin-left: 0px;
    margin-right: 20px;
}

div.jtable-main-container div.jtable-bottom-panel span.jtable-goto-page>span {
    display: none;
}

div.jtable-main-container div.jtable-bottom-panel span.jtable-goto-page select,
div.jtable-main-container div.jtable-bottom-panel span.jtable-page-size-change select {
    background: #FFFFFF;
    border: 1px solid #B7C1C8;
    border-radius: 2px;
    padding: 8px 12px;
    padding-right: 40px;
    font-size: 16px;
    line-height: 22px;
    color: #3B4F5E;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29289 9.29289C6.68342 8.90237 7.31659 8.90237 7.70711 9.29289L12 13.5858L16.2929 9.29289C16.6834 8.90237 17.3166 8.90237 17.7071 9.29289C18.0976 9.68342 18.0976 10.3166 17.7071 10.7071L12.7071 15.7071C12.5195 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071L6.29289 10.7071C5.90237 10.3166 5.90237 9.68341 6.29289 9.29289Z' fill='%232F7098'/%3E%3C/svg%3E%0A");
    background-position: center right 10px;
    background-repeat: no-repeat;
}

div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
    padding: 0px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

div.jtable-main-container>div.jtable-bottom-panel span.jtable-page-info {
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #223644;
    display: block;
    padding: 0;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
    margin: 0;
    order: 1;
    margin-left: auto;
    display: flex;
    align-items: center;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    min-width: 24px;
    height: 24px;
    text-align: center;
    color: #223644;
    background-color: transparent;
    border: none;
    border-radius: 25px;
    text-shadow: none;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list span.jtable-page-number-space {
    border: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 20px;
    min-width: 24px;
    height: 24px;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last {
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    align-content: normal;
    box-shadow: none;
    border: none;
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number.jtable-page-number-active {
    background-color: #D6E5EE;
    font-weight: 600;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover {
    background-color: #D6E5EE;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list>span.jtable-page-number-disabled:not(.jtable-page-number-active) {
    opacity: 0.5;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7L9 12L14 17' stroke='%232F7098' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17L15 12L10 7.00002' stroke='%232F7098' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232F7098' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    background-size: 16px;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232F7098' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3Cpath fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-size: 16px;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list>span {
    margin: 0 1px;
}

div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
    padding-right: 16px;
}

.jtable-page-size-change>span {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #223644;
    margin-right: 12px;
}

div.jtable-main-container table.jtable tbody>tr:hover {
    background: #F7FBFD;
}

div.jtable-main-container table.jtable tbody>tr.jtable-row-selected {
    background: #FEF3E6;
}

div.jtable-main-container table.jtable tbody>tr>td:first-child {
    padding-left: 30px;
}

div.jtable-main-container table.jtable tbody>tr>td:last-child {
    padding-right: 30px;
}

.search-module-content div.jtable-main-container table.jtable thead th:first-child {
    padding-left: 25px;
    position: relative;
    z-index: 1;
}

div.jtable-main-container table.jtable thead th:first-child {
    padding-left: 30px;
}

div.jtable-main-container table.jtable thead th:last-child {
    padding-right: 30px;
}

.ui-widget-overlay {
    z-index: 1050;
    background-image: none;
    background-color: #000;
    opacity: 0.5;
}

.ui-widget {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Arimo', sans-serif;
}

.ui-widget input,
.ui-widget textarea,
form.jtable-dialog-form div.jtable-textarea-input textarea {
    width: 100% !important;
    border: 1px solid #B7C1C8;
    border-radius: 2px;
    padding: 11px 12px;
    font-size: 14px;
    line-height: normal;
    outline: none;
}

.ui-dialog.ui-widget {
    max-width: 900px;
    width: 100% !important;
    border-radius: 2px;
}

.ui-dialog {
    z-index: 1061;
    padding: 0;
    border: none;
}

.ui-dialog .ui-dialog-content {
    padding: 28px 40px;
    overflow: unset;
    max-width: 100%;
}

.ui-draggable .ui-dialog-titlebar {
    background: #223644;
    border-radius: 2px 2px 0px 0px;
    border: none;
    padding: 12px 16px;
}

.ui-dialog .ui-dialog-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #E2E6E9;
    margin: 0;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 8px 16px 12px;
    border: none;
    margin: 0;
}

.ui-widget-header .ui-state-default.ui-dialog-titlebar-close {
    border: none;
    background: transparent !important;
    opacity: 1;
    padding: 8px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    right: 12px;
}

.ui-state-default .ui-icon {
    background-image: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin-top: 0;
    margin-bottom: 0;
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
    margin-right: 0;
}

form.jtable-dialog-form div.jtable-input {
    padding: 0;
    display: flex;
}

form.jtable-dialog-form div.jtable-input-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #223644;
    padding: 0;
    margin-bottom: 10px;
}

form.jtable-dialog-form div.jtable-input-label:empty {
    margin-bottom: 0;
}

form.jtable-dialog-form div.jtable-input-field-container {
    padding: 0;
    border: none;
    position: relative;
}

form.jtable-dialog-form div.jtable-input-field-container:not(:last-child) {
    margin-bottom: 18px;
}

form.jtable-dialog-form div.jtable-input select {
    width: 100%;
    border: 1px solid #B7C1C8;
    border-radius: 2px;
    padding: 10px 12px;
    font-family: 'Arimo', sans-serif;
    font-size: 16px;
    color: #8C9BA6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 7px 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232F7098' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 14px;
}

div.jtable-main-container table.jtable tbody>tr>td .jtable-edit-command-button {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: none !important;
    font-size: 22px;
    width: 32px;
    height: 32px;
    color: #2F7098;
    border-radius: 2px;
}

div.jtable-main-container table.jtable tbody>tr>td .jtable-edit-command-button:hover,
div.jtable-main-container table.jtable tbody>tr>td .jtable-delete-command-button:hover,
div.jtable-main-container table.jtable tbody>tr>td .jtable-edit-command-button:focus,
div.jtable-main-container table.jtable tbody>tr>td .jtable-delete-command-button:focus {
    background-color: #ECF4F9 !important;
    color: #2F7098;
}

div.jtable-main-container table.jtable tbody>tr>td .jtable-edit-command-button:focus,
div.jtable-main-container table.jtable tbody>tr>td .jtable-delete-command-button:focus {
    outline: solid 2px #F29D38 !important;
}

div.jtable-main-container table.jtable tbody>tr>td .jtable-delete-command-button {
    background-image: none;
    width: 32px;
    height: 32px;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: none !important;
    font-size: 22px;
    color: #2F7098;
    border-radius: 2px;
}

div.jtable-main-container table.jtable tbody>tr>td .jtable-delete-command-button:before {
    content: "\e924";
}

.jtable-memo {
    font-size: 22px;
    width: 32px;
    height: 32px;
    color: #2F7098;
    margin: auto;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-enable_notes {
    font-size: 22px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.jtable-main-container table.jtable tbody>tr>td .jtable-edit-command-button:before {
    content: "\e907";
}

.jtable-memo:hover,
.jtable-memo:focus,
.icon-enable_notes:hover,
.icon-enable_notes:focus {
    background-color: #ECF4F9 !important;
    color: #2F7098;
}

.jtable-memo:focus,
.icon-enable_notes:focus {
    outline: solid 2px #F29D38 !important;
}

table.jtable tbody td .flag-dot {
    cursor: pointer;
}

.flag-dot {
    width: 16px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.flag-blank {
    border: 1px dashed #8C9BA6;
}

.green_dot {
    background-color: #61BE67;
}

.blue_dot {
    background-color: #4091F7;
}

.red_dot {
    background-color: #DF5567;
}

.orange_dot {
    background-color: #FFA724;
}

.yellow_dot {
    background-color: #F4CC49;
}

.purple_dot {
    background-color: #9477CD;
}

.ui-dialog[aria-describedby="ui-id-3"] .ui-dialog-buttonpane button:not(#EditDialogSaveButton),
.ui-dialog[aria-describedby="ui-id-5"] .ui-dialog-buttonpane button:not(#EditDialogSaveButton),
.ui-dialog[aria-describedby="ui-id-6"] .ui-dialog-buttonset button:not(#DeleteDialogButton),
.ui-dialog[aria-describedby="ui-id-7"] .ui-dialog-buttonpane button:not(#DeleteDialogButton) {
    padding: 10px 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    align-items: center;
    background-image: none;
    background-color: transparent;
    border: none;
    color: #2F7098;
}

.ui-dialog[aria-describedby="ui-id-3"] .ui-dialog-buttonpane button:not(#EditDialogSaveButton) span,
.ui-dialog[aria-describedby="ui-id-5"] .ui-dialog-buttonpane button:not(#EditDialogSaveButton) span,
.ui-dialog[aria-describedby="ui-id-6"] .ui-dialog-buttonset button:not(#DeleteDialogButton) span,
.ui-dialog[aria-describedby="ui-id-7"] .ui-dialog-buttonpane button:not(#DeleteDialogButton) span {
    padding: 0px;
}

.ui-dialog[aria-describedby="ui-id-3"] .ui-dialog-buttonpane #EditDialogSaveButton,
.ui-dialog[aria-describedby="ui-id-5"] .ui-dialog-buttonpane #EditDialogSaveButton,
.ui-dialog[aria-describedby="ui-id-6"] .ui-dialog-buttonset #DeleteDialogButton,
.ui-dialog[aria-describedby="ui-id-7"] .ui-dialog-buttonpane #DeleteDialogButton {
    padding: 10px 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    align-items: center;
    display: inline-flex;
    background-color: #2F7098;
    border-color: #2F7098;
    color: #ffffff;
    background-image: none;
}

.ui-dialog[aria-describedby="ui-id-3"] .ui-dialog-buttonpane #EditDialogSaveButton span,
.ui-dialog[aria-describedby="ui-id-5"] .ui-dialog-buttonpane #EditDialogSaveButton span,
.ui-dialog[aria-describedby="ui-id-6"] .ui-dialog-buttonset #DeleteDialogButton span,
.ui-dialog[aria-describedby="ui-id-7"] .ui-dialog-buttonpane #DeleteDialogButton span {
    padding: 0px;
}

.ui-dialog[aria-describedby="ui-id-5"] .ui-dialog-buttonpane button#DeleteDialogButton,
.ui-dialog[aria-describedby="ui-id-6"] .ui-dialog-buttonset button#DeleteDialogButton {
    background-color: #2F7098;
    border-color: #2F7098;
    color: #ffffff;
}

.column-modal .modal-body {
    padding-top: 24px;
    padding-bottom: 0px;
}

.manage-columns__group {
    max-width: 700px;
    margin: auto;
}

.manage-columns__group .title {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #596873;
    display: block;
    margin-bottom: 28px;
}

.manage-columns__group .col {
    margin-bottom: 18px;
}

.manage-columns__group .form-check {
    margin-bottom: 0px;
}


/*Player Modal*/

.player-modal {
    position: fixed;
    left: 225px;
    right: 0;
    bottom: 0;
    background: rgba(36, 46, 54, 0.3);
    z-index: 1040;
    width: calc(100% - 225px) !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.menu-toggle .player-modal {
    left: 64px;
    width: calc(100% - 64px) !important;
}

.player-modal.player_full {
    height: 100%;
    bottom: 0;
}

.player_full .chat-data_content {
    display: block;
}

.player-modal__content {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}

.player-modal .row.g-0 {
    background-color: #242E36;
    width: 100%;
}

.rec-player_content {
    border-right: solid 1px #3B4F5E;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#waveform>wave::-webkit-scrollbar-track {
    background-color: #3B4F5E;
    height: 8px;
    padding: 2px;
}

#waveform>wave::-webkit-scrollbar {
    background-color: #3B4F5E;
    height: 8px;
    padding: 0;
}

#waveform>wave::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff;
    border: solid 1px #3B4F5E;
}

.track-data_header {
    display: flex;
    background-color: #242E36;
    padding: 8px 16px;
    border-bottom: solid 1px #596873;
}

.track-data_header__title .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 4px;
}

.track-data_header__title .time {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #E2E6E9;
    display: block;
}

.track-data_header__control {
    display: flex;
    margin-left: auto;
}

.track-data_header__control .btn {
    color: #89CFE4;
    font-size: 24px;
}

.track-data_header__control .btn i {
    font-size: 24px;
}

.close-toggle-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3B4F5E;
    width: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25%);
}

.toggle-bar,
.close-bar {
    display: flex;
    align-items: center;
    /*justify-content: center;
background-color: #3B4F5E;
width: 100%;*/
    cursor: pointer;
    box-shadow: none;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/*.toggle-bar {
margin-right: 5px;
}
.close-bar {
margin-left: 5px;
}*/

.ap_player_control {
    display: flex;
}

.audio-controler {
    background-color: #223644;
    position: relative;
    z-index: 10;
}

#wave-timeline {
    padding-left: 35px;
}

.indicator {
    /*    padding-left: 35px;*/
    max-width: 100%;
}

.ap-button--play i[class^="icon-"] {
    font-size: 30px;
}

.ap-button--play.ap-button--pause .icon-icon_play:before {
    content: "\e90d";
}

.audio-player__zoom {
    display: inline-flex;
    margin-left: 10px;
    align-items: center;
    width: auto;
    max-width: 120px;
}

.audio-player__zoom .btn [class^="icon-"] {
    font-size: 24px;
}

.audio-player__zoom input {
    width: 84px;
}

.comment-box {
    margin-left: auto;
}

.comment-box-input {
    background: #3B4F5E;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    border-radius: 2px;
    border: none;
    padding: 8px 16px 8px;
    width: 330px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    outline: none !important;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Arimo', sans-serif;
}

.comment-box-input::-webkit-input-placeholder {
    color: #fff;
}

.comment-box-input::-moz-placeholder {
    color: #fff;
}

.comment-box-input:-ms-input-placeholder {
    color: #fff;
}

.comment-box-input:-moz-placeholder {
    color: #fff;
}

.comment-box .btn-outline-primary {
    border: 1px solid #89CFE4;
    background-color: transparent;
    color: #89CFE4;
    padding: 10px 16px;
    font-size: 12px;
    line-height: 14px;
}

.comment-chat-card,
.analytics-content {
    padding: 0 20px;
}

.analytics-content {
    display: flex;
    align-items: center;
}

.player_full .analytics-content {
    flex-direction: column;
    align-items: flex-start;
}

.rec-chart_content .nav-tabs {
    padding-top: 20px;
    border: none;
}

.rec-chart_content .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
}

.rec-chart_content .nav-tabs .nav-item .nav-link {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: solid 1px #596873;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #B7C1C8;
    position: relative;
    transition: all ease-in-out 0.3s;
}

.rec-chart_content .nav-tabs .nav-item .nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background-color: #F29D38;
    opacity: 0;
    width: 0px;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
}

.rec-chart_content .nav-tabs .nav-item .nav-link.active {
    font-weight: 600;
    color: #ffffff;
}

.rec-chart_content .nav-tabs .nav-item .nav-link.active:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.cus-alert {
    width: 400px;
    height: 100px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(47, 112, 152, 0.2);
    border-radius: 4px;
    padding: 10px;
    padding-right: 40px;
    padding-left: 15px;
    position: absolute;
    top: 25px;
    right: 25px;
    border: 0;
    display: flex;
    align-items: center;
}

.cus-alert:before {
    content: '';
    width: 4px;
    height: 100%;
    border-radius: 4px 0 0 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.cus-alert.alert-success:before {
    background-color: #62AE00;
}

.cus-alert.alert-warning:before {
    background-color: #2F7098;
}

.cus-alert.alert-danger:before {
    background-color: #DC3545;
}

.cus-alert.alert-success {
    color: #62AE00;
}

.cus-alert.alert-warning {
    color: #2F7098;
}

.cus-alert.alert-danger {
    color: #DC3545;
}

.cus-alert .message-section h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #3B4F5E;
}

.cus-alert .message-section p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    color: #596873;
}

.comment-alert {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #F7FBFD;
    padding: 16px 0;
    display: flex;
    align-items: center;
}

.cus-alert .message-section .icon {
    font-size: 24px;
    margin-right: 8px;
}

.cus-alert .btn-close {
    top: 10px;
    right: 10px;
}

.comment-alert i {
    color: #F29D38;
    margin-right: 10px;
    font-size: 20px;
}

.toast-container .toast {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(47, 112, 152, 0.2);
    border-radius: 4px;
    padding: 15px;
    padding-right: 40px;
    padding-left: 15px;
    position: absolute;
    top: 23px;
    right: 23px;
    z-index: 999;
    border: 0;
    display: flex;
    align-items: center;
    width: 360px;
}

.toast-container .toast:before {
    content: '';
    width: 4px;
    height: 100%;
    border-radius: 4px 0 0 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.toast-container .toast.toast-success:before {
    background-color: #62AE00;
}

.toast-container .toast.toast-warning:before {
    background-color: #2F7098;
}

.toast-container .toast.toast-danger:before {
    background-color: #DC3545;
}

.toast-container .toast.toast-success {
    color: #62AE00;
}

.toast-container .toast.toast-warning {
    color: #2F7098;
}

.toast-container .toast.toast-danger {
    color: #DC3545;
}

.toast-container .toast .message-section h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #3B4F5E;
}

.toast-container .toast .message-section p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    color: #596873;
    word-break: break-all;
}

.toast-container .toast .message-section p a {
    color: #1B5579;
}

.toast-container .toast .message-section .icon {
    font-size: 24px;
    margin-right: 8px;
}

.toast-container .toast .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.toast:not(.showing):not(.show) {
    opacity: 1;
    display: none;
}

.comment-chat__list {
    max-height: 140px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.comment-chat__list::-webkit-scrollbar {
    display: none;
}

.player_full .comment-chat__list {
    max-height: 460px;
}

.comment-chat__item {
    margin-bottom: 16px;
    position: relative;
}

.comment-chat__item .time {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #8C9BA6;
    margin-bottom: 5px;
    display: block;
}

.comment-chat__content {
    padding: 6px 16px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #F7FBFD;
    background-color: #3B4F5E;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    border-radius: 4px;
    border: 1px solid #3B4F5E;
}

.edit-active .comment-chat__content {
    background-color: #E6840F;
    border-color: #E6840F;
}

.edit-active .comment-chat__control {
    visibility: visible;
    opacity: 1;
}

.edit-active .comment-chat__control>a {
    color: #fff;
}

.comment-chat__content:hover {
    border: 1px solid #F29D38;
}

.comment-chat__content:focus {
    background-color: #E6840F;
}

.comment-chat__item:hover .comment-chat__control {
    visibility: visible;
    opacity: 1;
}

.comment-chat__control {
    position: absolute;
    top: 23px;
    right: 10px;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.comment-chat__control>a {
    text-decoration: none;
    color: #89CFE4;
    font-size: 16px;
    line-height: 16px;
    padding: 4px 4px;
    border-right: solid 1px transparent;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-chat__control>a:hover {
    color: #fff;
}

.comment-chat__control>a.loading i {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.comment-chat__control>a.loading i:before {
    content: "\e920";
}

.comment-chat__control>a:last-child {
    border-right: 0px;
}

.audio-player input[type=range] {
    outline: 0;
    border: 0;
    border-radius: 10px;
    height: 6px;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #596873;
    margin-top: auto;
    margin-bottom: auto;
}

.zooming-control .audio-player__zoom {
    margin: 0;
}

.vp-control {
    position: absolute;
    left: 50%;
    top: 0;
    padding: 12px 24px 16px;
    transform: translateX(-50%);
    z-index: 5;
    background-color: #242E36;
    border-radius: 0px 0px 4px 4px;
}

.vp-control__inner {
    display: flex;
    align-items: center;
}

.vp-control__inner .audio-player__volume {
    margin-left: 0px;
}

.ap-button--mute .icon-volume:before {
    content: "\e925";
}

.zooming-control {
    position: absolute;
    display: flex;
    align-items: center;
    background-color: #242e36;
    padding: 2px 30px 2px 20px;
    z-index: 55;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px 4px 0 0;
}

.zooming-control button {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.full-screen.in {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 512.25 512.25' fill='%23ffffff' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M202.71,84.15c-0.7-5.9-6.2-9.9-11.9-9.3l-148.9,18.7l20.7-34.5c3-5.1,1.4-11.6-3.7-14.6c-5-3-11.6-1.4-14.6,3.6l-32,53.3 c-0.9,1.4-1.3,3-1.5,4.6c-0.1,1.1,0,2.1,0.2,3.1c0.1,0.3,0.1,0.6,0.2,0.8c0,0.1,0.1,0.2,0.1,0.2c0.1,0.2,0.1,0.4,0.2,0.6 c0,0.1,0.1,0.2,0.1,0.3c0.1,0.2,0.2,0.4,0.3,0.6c0,0.1,0.1,0.2,0.1,0.3c0.1,0.2,0.2,0.4,0.3,0.6c0,0.1,0.1,0.1,0.1,0.2 c0.1,0.2,0.3,0.4,0.5,0.6c0,0,0,0,0.1,0.1c0.2,0.3,0.5,0.6,0.8,0.9l42.7,42.7c2.1,2.1,4.8,3.1,7.6,3.1c2.8,0,5.5-1,7.6-3.1 c4.2-4.2,4.2-10.9,0-15.1l-27.3-27.2l149-18.6C199.21,95.35,203.41,89.95,202.71,84.15z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M501.41,52.25c-0.1-0.9-0.3-1.7-0.7-2.6v-0.1c-0.1-0.2-0.2-0.5-0.3-0.7c-0.1-0.1-0.1-0.2-0.2-0.3 c-0.1-0.2-0.2-0.3-0.3-0.5c-0.3-0.6-0.7-1.1-1.1-1.6l-0.1-0.1c-0.1-0.2-0.3-0.3-0.4-0.5l-42.7-42.7c-4.2-4.2-10.9-4.2-15.1,0 c-4.2,4.2-4.2,10.9,0,15.1l27.1,27.1l-159.5,18.8c-5.9,0.7-10,6-9.3,11.8c0.6,5.4,5.2,9.4,10.6,9.4c0.4,0,0.9,0,1.3-0.1 l159.7-18.8l-20.8,34.7c-3,5.1-1.4,11.6,3.7,14.6c1.7,1,3.6,1.5,5.5,1.5c3.6,0,7.1-1.8,9.1-5.2l31.7-52.8 C501.01,57.45,501.71,54.95,501.41,52.25z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M413.81,343.85c-5-5.1-11-8.7-17.6-10.6c12.1-16,10.9-38.9-3.8-53.6c-4.9-5-11-8.5-17.6-10.4c12.1-16,10.9-38.9-3.8-53.6 c-4.9-4.9-10.8-8.4-17.2-10.3l37.8-37.8c15.9-15.9,15.9-41.7-0.1-57.7c-15.9-15.9-41.7-15.9-57.6,0l-145.2,145.3l-13.5-86.1 c-3.3-23.3-23.5-40.9-47.1-40.9c-17.6,0-32,14.4-32,32v201.2c0,31.4,12.2,60.8,34.4,83l33.5,33.6c22.1,22.1,51.6,34.3,82.9,34.3 c29.2,0,57.3-10.8,78.9-30.5l88.1-80.2C429.81,385.65,429.81,359.85,413.81,343.85z M399.21,386.05l-87.8,79.9 c-17.7,16.1-40.6,24.9-64.5,24.9c-25.6,0-49.7-10-67.8-28.1l-33.5-33.6c-18.1-18.1-28.1-42.2-28.1-67.9v-201.1 c0-5.9,4.8-10.7,10.7-10.7c13,0,24.1,9.7,26,22.7l16.8,107c0.6,4,3.4,7.2,7.2,8.5c3.8,1.3,8,0.2,10.9-2.6l160.1-160.1 c7.6-7.6,19.9-7.6,27.6,0.1c7.6,7.6,7.6,19.9,0,27.5l-106.9,106.7c-4.2,4.2-4.2,10.9,0,15.1c4.2,4.2,10.9,4.2,15.1,0l43.6-43.6 c7.3-7.3,20-7.4,27.6,0.1c7.6,7.6,7.6,19.9,0,27.5l-38.2,38.1l-5.4,5.4c-4.2,4.2-4.2,10.9,0,15.1s10.9,4.2,15.1,0l5.4-5.4 l16.8-16.8c7.3-7.3,20-7.4,27.6,0.1c7.6,7.6,7.6,19.9,0,27.5l-16.9,16.8l-5.3,5.3l-0.1,0.1c-4.2,4.2-4.2,10.9,0,15.1 s10.9,4.2,15.1,0l0.9-0.9c7.4-7.3,20-7.4,27.6,0.1C406.41,366.45,406.41,378.75,399.21,386.05z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.full-screen.out {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.012 512.012' fill='%23ffffff' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M234.706,73.712c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.3c0-0.1-0.1-0.3-0.1-0.4c0-0.1,0-0.2-0.1-0.3c0-0.2-0.1-0.4-0.1-0.6 s-0.1-0.3-0.1-0.5c0-0.1-0.1-0.3-0.1-0.4c-0.6-1.8-1.8-3.5-3.4-4.8l-53.3-42.7c-4.6-3.6-11.3-2.9-15,1.7c-3.7,4.6-2.9,11.3,1.7,15 l33.6,26.9l-145.8,18.2c-5.8,0.7-10,6.1-9.3,11.9c0.7,5.4,5.3,9.3,10.6,9.3c0.5,0,0.9,0,1.4-0.1l148.9-18.5l-20.8,34.5 c-3,5.1-1.4,11.6,3.7,14.7c1.7,1,3.6,1.5,5.5,1.5c3.6,0,7.1-1.9,9.2-5.2l31.8-53C234.306,78.512,234.906,76.212,234.706,73.712z' /%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M469.306,41.312c-0.7-5.9-6.1-10.1-11.8-9.3l-159.8,18.8l20.8-34.7c3-5.1,1.4-11.6-3.7-14.6c-5-3-11.6-1.4-14.6,3.6 l-32,53.3c-2,3.3-2,7.2-0.3,10.5c0,0,0,0,0,0.1c0.1,0.3,0.3,0.5,0.4,0.8v0.1c0.2,0.2,0.3,0.5,0.5,0.7c0,0,0,0,0,0.1 c0.2,0.2,0.4,0.5,0.6,0.7c0.1,0.1,0.1,0.1,0.2,0.2l42.7,42.7c2.1,2.1,4.8,3.1,7.6,3.1c2.8,0,5.5-1,7.6-3.1 c4.2-4.2,4.2-10.9,0-15.1l-27-27.3l159.5-18.8C465.806,52.512,470.006,47.212,469.306,41.312z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M428.706,343.612c-5-5.1-11-8.7-17.6-10.6c12.1-16,10.9-38.9-3.8-53.6c-4.9-5-11-8.5-17.6-10.4 c12.1-16,10.9-38.9-3.8-53.6c-4.9-4.9-10.8-8.4-17.2-10.3l37.8-37.8c15.9-15.9,15.9-41.7-0.1-57.7c-15.9-15.9-41.7-15.9-57.6,0 l-145.2,145.3l-13.5-86.1c-3.3-23.3-23.5-40.9-47.1-40.9c-17.6,0-32,14.4-32,32v201.2c0,31.4,12.2,60.8,34.4,83l33.5,33.6 c22.1,22.1,51.6,34.3,82.9,34.3c29.2,0,57.3-10.8,78.9-30.5l88.1-80.2C444.706,385.412,444.706,359.612,428.706,343.612z M414.106,385.812l-87.8,79.9c-17.7,16.1-40.6,24.9-64.5,24.9c-25.6,0-49.7-10-67.8-28.1l-33.5-33.6 c-18.1-18.1-28.1-42.2-28.1-67.9v-201.1c0-5.9,4.8-10.7,10.7-10.7c13,0,24.1,9.7,26,22.7l16.8,107c0.6,4,3.4,7.2,7.2,8.5 c3.8,1.3,8,0.2,10.9-2.6l160.1-160.1c7.6-7.6,19.9-7.6,27.6,0.1c7.6,7.6,7.6,19.9,0,27.5l-106.9,106.7c-4.2,4.2-4.2,10.9,0,15.1 c4.2,4.2,10.9,4.2,15.1,0l43.6-43.6c7.3-7.3,20-7.4,27.6,0.1c7.6,7.6,7.6,19.9,0,27.5l-38.2,38.1l-5.4,5.4 c-4.2,4.2-4.2,10.9,0,15.1s10.9,4.2,15.1,0l5.4-5.4l16.8-16.8c7.3-7.3,20-7.4,27.6,0.1c7.6,7.6,7.6,19.9,0,27.5l-16.9,16.8 l-5.3,5.3l-0.1,0.1c-4.2,4.2-4.2,10.9,0,15.1s10.9,4.2,15.1,0l0.9-0.9c7.4-7.3,20-7.4,27.6,0.1 C421.306,366.212,421.306,378.512,414.106,385.812z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ap-button--zoom {
    margin-right: 5px;
    font-size: 26px;
    color: #8C9BA6;
}

.audio-player__navigation {
    display: inline-flex;
    margin-left: 10px;
}

.audio-player .audio-player__navigation input[type="range"] {
    width: 195px;
}

#frameless .tclose {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1411 2.86592C13.3994 3.12828 13.3961 3.55037 13.1338 3.8087L8.90968 7.96785L13.1374 12.1956C13.3978 12.4559 13.3978 12.878 13.1374 13.1384C12.8771 13.3987 12.455 13.3987 12.1946 13.1384L7.95957 8.90335L3.80042 12.9986C3.53806 13.2569 3.11597 13.2536 2.85764 12.9913C2.59932 12.7289 2.60258 12.3068 2.86494 12.0485L7.01673 7.96052L2.86128 3.80506C2.60093 3.54471 2.60093 3.1226 2.86128 2.86225C3.12163 2.6019 3.54374 2.6019 3.80409 2.86225L7.96684 7.02501L12.1983 2.85862C12.4606 2.60029 12.8827 2.60356 13.1411 2.86592Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center;
    left: unset;
    right: 33px;
    top: 16px;
}

div#bluemask {
    background-color: #242E36;
    opacity: 0.9 !important;
    z-index: 1050;
}

.vp-control__inner .audio-player__volume .ap-button--volume {
    color: #B7C1C8;
}

.vp-control__inner .audio-player__volume .ap-button--volume.btn [class^="icon-"],
.vp-control__inner .audio-player__volume .ap-button--volume.btn [class*=" icon-"],
.vp-control__inner .audio-player__volume .ap-button--mute.btn [class^="icon-"],
.vp-control__inner .audio-player__volume .ap-button--mute.btn [class*=" icon-"] {
    font-size: 26px;
}

.zooming-control .ap-button--zoom.btn [class^="icon-"],
.zooming-control .ap-button--zoom.btn [class*=" icon-"] {
    font-size: 26px;
}

.player-modal.track-video_content {
    left: 0;
    width: 100% !important;
    top: 0;
    bottom: unset;
    opacity: 0;
    visibility: hidden;
}

.player-modal.track-video_content.waves-loaded {
    opacity: 1;
    visibility: visible;
}

.player-modal.player-embed {
    width: 100% !important;
    background-color: transparent;
    position: static;
    height: auto;
    bottom: unset;
}


/*Transcript Css Start*/

.tbox {
    position: fixed !important;
}

.tbox .tcontent {
    height: 100%;
}

.transcript-chat {
    /*max-height: 500px;*/
    height: 100%;
    overflow-y: auto;
    padding: 30px 10px;
    background-color: #242E36;
}

.transcript-chat-result {
    margin-bottom: 7px;
    padding: 3px 6px;
    position: relative;
    padding-left: 25px;
    display: flex;
}

.chat-result__name {
    width: 110px;
    text-align: right;
    margin-right: 15px;
}

.transcript-chat-result__name {
    width: 110px;
    text-align: right;
    line-height: 1.5;
    font-size: 16px;
}

.chat-data_content .chat-result span {
    line-height: 1.5;
    font-size: 16px;
    display: inline-block;
    padding: 0;
    border-radius: 0;
    color: #fff;
    width: calc(100% - 125px);
}

.transcript-chat-result__text {
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    font-weight: normal !important;
    line-height: 1.5;
    font-size: 16px !important;
    display: inline-block;
    color: #fff !important;
    width: calc(100% - 125px);
}


/*Transcript Css End*/


/*Modal*/

.theme-modal-md .modal-body,
.theme-modal .modal-body {
    padding: 32px 48px 8px;
}

.marker-card .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #223644;
    margin-bottom: 12px;
}

.marker-list .form-check-input[type=radio] {
    position: absolute;
    opacity: 0;
}

.marker-list .marker-list-item {
    margin-bottom: 16px;
    margin-top: 0;
}

.marker-list .form-check-label {
    padding: 8px 16px 8px 8px;
    border: 1px solid #B7C1C8;
    box-sizing: border-box;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #3B4F5E;
    cursor: pointer;
}

.marker-list .form-check-input[type=radio]:checked~.form-check-label {
    border: 1px solid #2F7098;
    box-shadow: 0 0 0 1px #2f7098;
}

.marker-list .form-check-label .flag-dot {
    margin-right: 8px;
}


/*Agent Page End*/

.edit-form-group .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #223644;
    margin-bottom: 18px;
}

.edit-form-group .form-check-label {
    display: flex;
    align-items: center;
}

.group-table div.jtable-main-container table.jtable thead th:first-child .jtable-column-header-container,
.agent-table div.jtable-main-container table.jtable thead th:first-child .jtable-column-header-container {
    width: auto;
    height: auto;
}

.group-table div.jtable-main-container table.jtable thead th:nth-child(4),
.group-table div.jtable-main-container table.jtable thead th:nth-child(5),
.group-table div.jtable-main-container table.jtable thead th:nth-child(6) {
    text-align: center;
}

.tab-content--groups .page-filter {
    padding: 28px 24px 16px;
    border-bottom: solid 1px #E2E6E9;
}

.link-members {
    text-decoration: none !important;
}

.link-members i[class^="icon-"] {
    margin-top: -2px;
}

.page-filter-logs .form-select {
    max-width: 240px;
}

.company-table div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
    white-space: nowrap;
}

.company-table div.jtable-main-container table.jtable tbody>tr td:nth-child(4),
.company-table div.jtable-main-container table.jtable tbody>tr td:nth-child(6),
.company-table div.jtable-main-container table.jtable tbody>tr td:nth-child(9) {
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settings-content {
    box-shadow: 0px 0px 5px 1px rgb(0 95 153 / 10%);
    background-color: #FFFFFF;
    min-height: calc(100vh - 88px);
    height: calc(100% - 88px);
}

.settings-content .nav-theme {
    border-right: solid 1px #E2E6E9;
}

.setting-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #223644;
    text-align: left;
    margin-bottom: 26px;
}

.setting-description {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #596873;
}

.setting-content-card {
    padding-bottom: 40px;
}

.setting-content-card hr {
    width: 95%;
    border: 2px solid #7F7F7F;
}

.settings-content .tab-content {
    padding-top: 20px;
    padding-left: 24px;
    display: flex;
    flex-direction: column;
}

.setting-group .note {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #596873;
    display: block;
    margin-top: 10px;
}

.setting-group .form-control {
    max-width: 288px;
}

.integration-list {
    display: flex;
    align-items: center;
    margin-left: -10px;
    flex-wrap: wrap;
}

.integration-group {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.integration-img {
    width: 180px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 2px solid #B7C1C8;
    border-radius: 4px;
    padding: 8px 24px;
}

.integration-img img {
    max-width: 130px;
    opacity: 0.3;
}

.integration-control {
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 180px;
    height: 82px;
    z-index: 1;
    cursor: pointer;
}

.integration-control:checked~.integration-img {
    border: 2px solid #2F7098;
}

.integration-control:checked~.integration-img img {
    opacity: 1;
}

.tab-content__foot {
    border-top: solid 1px #E2E6E9;
    padding: 16px 24px;
    margin-left: -24px;
    margin-top: auto;
}

.create-field-control {
    display: inline-flex;
    margin-left: 26px;
    margin-top: -2px;
}

.keyword-input-group input {
    max-width: 312px;
}

.keyword-group {
    display: flex;
    flex-wrap: wrap;
    max-width: 700px;
}

.keyword-group__item {
    font-size: 12px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    color: #3B4F5E;
    padding: 5px 8px;
    background-image: none;
    background-color: #ECF4F9;
    border-radius: 4px;
    border: none;
    margin-right: 8px;
    margin-bottom: 8px;
}

.keyword-remove {
    width: 14px;
    height: 14px;
    font-size: 14px;
    text-decoration: none;
    color: #8C9BA6;
    top: 5px;
    right: 8px;
    margin-left: 5px;
}

.group-members-modal .separator {
    margin-left: -24px;
    margin-right: -24px;
}


/*Agent Page Start*/


/*Dashboard Page Start*/

.dashboard-content {
    background-color: #F9FAFB;
}

.tab-content--dashboard {
    padding: 24px 32px;
}

.green-checkbox .form-check-input:checked,
.green-checkbox.form-check:not(.form-switch) .form-check-input:checked {
    background-color: #61BE67;
    border-color: #61BE67;
}

.blue-checkbox .form-check-input:checked,
.blue-checkbox.form-check:not(.form-switch) .form-check-input:checked {
    background-color: #4091F7;
    border-color: #4091F7;
}

.dashboard-agents-table {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
}

.card-search-group {
    width: 300px;
}

.chart-que-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #3B4F5E;
}

.drag-item-card {
    background: #FFFFFF;
    border: 1px solid #E2E6E9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px 11px;
}

.manage-widgets-modal .ui-sortable-placeholder {
    min-height: 56px;
    margin-left: 29px;
    width: calc(100% - 29px);
    padding: 8px 11px;
}

.drag-item-card.disabled .drag-text .title {
    color: #8C9BA6;
}

.drag-item-card.disabled .icon {
    color: #E2E6E9;
}

.drag-item-card.disabled .btn-clear {
    color: #8C9BA6;
}

.ui-sortable-helper .drag-item-card:not(.disabled) {
    border: 1px solid #89CFE4;
    background: #F7FBFD;
}

.drag-control {
    font-size: 24px;
    margin-right: 5px;
    color: #8C9BA6;
    cursor: grab;
}

.ui-sortable-helper .drag-control {
    cursor: grabbing;
}

.drag-item .drag-item-card {
    width: calc(100% - 29px);
}

.drag-item-card .icon {
    font-size: 24px;
    margin-right: 8px;
    color: #89CFE4;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
}

.drag-text .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #3B4F5E;
    margin-bottom: 4px;
}

.drag-text .type {
    font-size: 12px;
    line-height: 14px;
    color: #8C9BA6;
    display: block;
}

.manage-widgets-group>.title {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #596873;
    margin-bottom: 8px;
}

.drag-text {
    width: calc(100% - 70px);
}

.bubble-charts canvas {
    max-height: 300px;
}

.card-system-capacity .progress-head {
    margin-bottom: 12px;
}

.card-system-capacity .progress-group {
    width: calc(100% - 64px);
}

.card-system-capacity .progress-group .label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #223644;
}

.card-system-capacity .progress-group .percentage {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.card-system-capacity .progress {
    background: #E2E6E9;
    border-radius: 4px;
    height: 8px;
}

.card-system-capacity .progress-bar {
    border-radius: 10px;
}

.progress-runing-card .label {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #596873;
    margin-bottom: 2px;
    display: block;
}

.progress-runing-card .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #223644;
    margin-bottom: 0;
}

.progress-runing-card i {
    font-size: 32px;
}

#dashboard_loader {
    font-size: 20px;
}


/*Dashboard Page End*/


/*CXS Module Start*/

.archive-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(3),
.archive-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(3) {
    width: 1% !important;
    min-width: 100px;
    max-width: 100px;
}

.archive-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(2),
.archive-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(2) {
    width: 1% !important;
    min-width: 26px;
    max-width: 26px;
}

.archive-table div.jtable-main-container table.jtable thead>tr>th:last-child,
.archive-table div.jtable-main-container table.jtable tbody>tr>td:last-child {
    width: 1% !important;
    min-width: 50px;
    max-width: 50px;
}

.drafts-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(4),
.drafts-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(4) {
    width: 1% !important;
    min-width: 100px;
    max-width: 100px;
}

.drafts-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(3),
.drafts-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(3) {
    width: 1% !important;
    text-align: center;
    min-width: 10px;
    max-width: 26px;
}

.drafts-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(2),
.drafts-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(2) {
    width: 1% !important;
    text-align: center;
    min-width: 10px;
    max-width: 26px;
}

.drafts-table div.jtable-main-container table.jtable thead>tr>th:last-child,
.drafts-table div.jtable-main-container table.jtable tbody>tr>td:last-child {
    width: 1% !important;
    min-width: 50px;
    max-width: 50px;
}

.archive-table div.jtable-main-container table.jtable tbody>tr>td small,
.people-table div.jtable-main-container table.jtable tbody>tr>td small,
.agent-table div.jtable-main-container table.jtable tbody>tr>td small {
    color: #8C9BA6;
    font-size: 12px;
    line-height: normal;
    display: block;
}

.people-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(4),
.people-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(4) {
    width: 1% !important;
    min-width: 120px;
    max-width: 120px;
}

.people-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(3),
.people-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(3),
.people-table div.jtable-main-container table.jtable thead>tr>th:nth-last-child(2),
.people-table div.jtable-main-container table.jtable tbody>tr>td:nth-last-child(2) {
    width: 1% !important;
    min-width: 50px;
    max-width: 50px;
}

.iridescent-select .form-control {
    min-width: 250px;
}

.iridescent-table .jtable-main-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.modal-full {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}

.modal-survey .modal-content {
    background: #F9FAFB;
}

.modal-survey .modal-dialog-centered {
    min-height: calc(100% - 0rem);
}

.close-btn {
    color: #8C9BA6;
}

.down-position .form-group {
    display: flex;
    align-items: center;
}

.down-position .col .close-btn {
    margin-top: -12px !important;
}

.down-position .form-group h4.title,
.down-position .form-group label {
    white-space: nowrap;
    margin-right: 15px;
    margin-bottom: 0;
}

.down-position .col:last-child {
    order: 1;
}

.down-position .col:first-child {
    order: 0;
    flex: 1 0 0%;
    width: auto;
}

.down-position .col:nth-child(2) {
    order: 2;
    flex: 1 0 100%;
}

.modal-survey .modal-footer {
    flex: 0 0 auto;
    width: 83.33333333%;
    margin-left: auto;
    margin-top: -64px;
    z-index: 1;
    background-color: #f9fafb;
}

.modal-survey .modal-footer .create-survey-content {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    max-width: 720px;
}

.add-rules .btn:not(.btn-clear):not(.close-btn) {
    color: #3B4F5E;
    border: 2px solid #2F7098;
    height: 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    border-radius: 4px;
    padding: 4px 10px;
    margin: 2px 5px;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
}

.survey-sidebar {
    padding: 24px;
    min-height: calc(100vh - 48px);
    background-color: #ffffff;
    position: sticky;
    top: 0;
}

.survey-sidebar .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #223644;
    text-align: left;
    margin-bottom: 24px;
}

.survey-item {
    margin-bottom: 12px;
    min-width: 270px;
}

.survey-item.ui-draggable-dragging {
    background: #F7FBFD;
    border: 1px solid #3C93BF;
    opacity: 1 !important;
    box-shadow: 0px 0px 10px 1px rgba(47, 112, 152, 0.2);
}

.survey-list hr {
    background-color: #E2E6E9;
    opacity: 1;
}

.survey-link {
    text-decoration: none;
    font-size: 16px;
    line-height: normal;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #3B4F5E;
    padding: 12px 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    border-radius: 4px;
}

.survey-link i {
    color: #2F7098;
    font-size: 24px;
    margin-right: 8px;
}

.survey-link:hover {
    color: #223644;
}

.create-survey-content {
    padding-top: 24px;
    padding-bottom: 70px;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.survey-card {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 100px;
}

.survey-card_inner {
    padding: 24px;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    position: relative;
    width: 100%;
}

.active .survey-card_inner,
.survey-card:hover .survey-card_inner {
    border: 1px solid #3C93BF;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 1px rgba(47, 112, 152, 0.2);
}

.ui-sortable-helper .survey-card_inner {
    border: 1px solid #3C93BF;
    box-shadow: 0px 0px 10px 1px rgba(15, 112, 161, 0.3);
    background-color: #F7FBFD;
}

.ui-sortable-placeholder {
    border: 2px dashed #3C93BF;
    border-radius: 5px;
    min-height: 150px;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 1px rgb(0 95 153 / 10%);
    position: relative;
    width: calc(100% - 100px);
    margin-left: 100px;
    margin-bottom: 24px;
    visibility: visible !important;
}

.create-survey-content .ui-sortable-placeholder {
    min-height: 250px;
}

.survey-card .clear-control {
    width: 100%;
    border: none;
    padding: 0;
    outline: none !important;
}

.survey-card.create-survey-title .clear-control.title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

.survey-card.create-survey-title .clear-control.title::-webkit-input-placeholder {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #8C9BA6;
}

.survey-card.create-survey-title .clear-control.title::-moz-placeholder {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #8C9BA6;
}

.survey-card.create-survey-title .clear-control.title:-ms-input-placeholder {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #8C9BA6;
}

.survey-card.create-survey-title .clear-control.title:-moz-placeholder {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #8C9BA6;
}

.survey-card .clear-control.description::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 24px;
    color: #8C9BA6;
}

.survey-card .clear-control.description::-moz-placeholder {
    font-size: 16px;
    line-height: 24px;
    color: #8C9BA6;
}

.survey-card .clear-control.description:-ms-input-placeholder {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #8C9BA6;
}

.survey-card .clear-control.description:-moz-placeholder {
    font-size: 16px;
    line-height: 24px;
    color: #8C9BA6;
}

.survey-card .clear-control.title::-webkit-input-placeholder {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #8C9BA6;
}

.survey-card .clear-control.title::-moz-placeholder {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #8C9BA6;
}

.survey-card .clear-control.title:-ms-input-placeholder {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #8C9BA6;
}

.survey-card .clear-control.title:-moz-placeholder {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #8C9BA6;
}

.survey-card textarea.clear-control.description {
    resize: none;
    height: 24px;
}

.survey-card .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3B4F5E;
    background-color: transparent;
}

.survey-card .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #3B4F5E;
    text-align: left;
    margin-bottom: 8px;
    background-color: transparent;
}

.survey-card h3.title,
.survey-card p.description {
    pointer-events: none;
}

.survey-card .form-control {
    background-color: transparent;
}

.survey-card .form-group>label {
    color: #3B4F5E;
}

.form-check__colors {
    display: flex;
}

.form-check__colors .form-check {
    padding: 0;
    display: inline-flex;
    margin: 3px 5px;
    position: relative;
}

.form-check__colors .form-check .form-check-input {
    position: absolute;
    width: 36px;
    height: 36px;
    margin: 0;
    z-index: 0;
    left: -3px;
    top: -3px;
    border-color: transparent;
    background-color: transparent;
}

.form-check__colors .form-check .form-check-label {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.color-item {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 30px;
    border: 1px solid #dbdbdb;
}

.question-to-go select.form-control {
    height: 32px;
    padding: 2px 12px;
    padding-right: 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.down-position .question-to-go select.form-control {
    height: 40px;
    padding: 8px 12px;
    padding-right: 32px;
    max-width: 300px;
}

.down-position .question-to-go.form-group {
    margin-top: 16px;
}

.survey-card .audio-plyer {
    margin-top: 16px;
    display: flex;
}

.survey-card audio {
    width: 100%;
    height: 40px;
    border-radius: 0;
    background-color: #f1f3f4;
}

.survey-card hr {
    margin-left: -25px;
    margin-right: -25px;
    background-color: #E2E6E9;
    opacity: 1;
}

.scale-points-group {
    display: flex;
    align-items: center;
}

.scale-points-group .points-title .title {
    margin-bottom: 0px;
}

.survey-card-control {
    display: none;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.survey-card-control .btn-icon {
    color: #8C9BA6;
}

.survey-card.active .survey-card-control,
.survey-card:hover .survey-card-control {
    display: flex;
}

.points-title .sub-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #8C9BA6;
}

.points-checkbox {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.points-checkbox li {
    margin-right: 8px;
}

.points-checkbox li:last-child {
    margin-right: 0;
}

.add-rules .points-checkbox li {
    margin-right: 4px;
}

.add-rules .add-go-to-rule {
    color: #2F7098;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.add-rules .add-go-to-rule span {
    font-size: 20px;
}

.quest-con {
    background-color: transparent;
    background-image: none !important;
    min-height: calc(100vh - 370px);
    border: none;
}

.parent {
    cursor: pointer;
}

.modal-survey .modal-dialog-centered {
    min-height: calc(100% - 0rem);
}

.modal-save-survey {
    background-color: rgba(0, 0, 0, 0.5);
}

.form-check.form-switch.form-switch-translate {
    padding: 0;
}

.form-switch-translate.form-switch .form-check-input {
    margin: 0;
    float: none;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 7px;
    margin-right: 3px;
}


/*CUSTOM CHECKBOX CSS*/

.number-check {
    position: relative;
    cursor: pointer;
    user-select: none;
    line-height: normal;
    width: 32px;
    height: 32px;
}

.number-check .number-check-label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: #8C9BA6;
    border: 1px solid #B7C1C8;
    box-sizing: border-box;
    border-radius: 4px;
}

.number-check input.number-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.number-check input.number-check-input:checked~.number-check-label {
    color: #3B4F5E;
    border: 2px solid #2F7098;
}

.modal-iridescent .modal-dialog {
    min-height: 100%;
}

i.icon-bookmark.pin {
    color: #F29D38;
}

#readable-audio-memo-container strong {
    color: #223644;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}


/*CXS Module End*/


/*CC Agent page start*/

.cc-agent-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    min-height: 100vh;
    display: flex;
}

.modal-agents {
    width: calc(100% - 225px);
    margin-left: auto;
    right: 0;
}

.modal-twilio {
    width: calc(100% - 225px);
    margin-left: auto;
    right: 0;
}

.modal-twilio .modal-dialog .modal-body:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 12px;
    border-color: transparent #202125 transparent transparent;
    bottom: 40px;
    left: -24px;
}

.cc-agents-modal-open .modal-backdrop {
    display: none !important;
}

.modal-agents .btn-close,
.modal-twilio .btn-close {
    position: absolute;
    right: 15px;
    z-index: 3;
    top: 15px;
}

.menu-group ul li a.active[data-bs-target="#cc_agents_modal"] {
    pointer-events: none;
}

.nps-icons {
    display: flex;
    align-items: center;
}

.nps-icon {
    font-size: 24px;
}

.qa-table div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
    white-space: nowrap;
}

.score-count {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #8C9BA6;
    float: right;
    margin-top: 3px;
}

.score-count-total {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #8C9BA6;
    margin-top: 3px;
    padding-left: 80px;
}

.modal-twilio .cc-twilio-iframe {
    width: 100%;
    height: 100vh;
    max-height: 606px;
    border: solid 1px #202125 !important;
}

.modal-twilio .btn-close {
    right: 0;
    top: -34px;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    background-color: #0d112b;
    width: 26px;
    height: 26px;
    background-size: 14px;
    border-radius: 0;
    border: none;
}

.modal-twilio .modal-dialog {
    height: 100%;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    align-items: flex-end;
    margin-right: 20px;
    max-width: 428px;
}

.form-range:disabled {
    opacity: 0.5;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input.form-range[type=range] {
        height: 6px;
        -webkit-appearance: none;
        background-color: #E2E6E9;
    }
    input.form-range[type=range]::-webkit-slider-runnable-track {
        height: 6px;
        -webkit-appearance: none;
        color: #444;
        background-color: #2F7098;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
    }
    input.form-range[type=range]::-webkit-slider-thumb {
        width: 12px;
        height: 12px;
        top: 1px;
        -webkit-appearance: none;
        cursor: ew-resize;
        background: #fff;
        border-radius: 50%;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        position: relative;
        border: 1px solid #89CFE4;
    }
    input.form-range[type=range]:active::-webkit-slider-thumb {
        background: #fff;
    }
}

input.form-range[type=range]::-moz-range-progress {
    background-color: #E2E6E9;
}

input.form-range[type=range]::-moz-range-track {
    background-color: #08617c;
}

input.form-range[type=range]::-ms-fill-lower {
    background-color: #000000;
}

input.form-range[type=range]::-ms-fill-upper {
    background-color: #08617c;
}

.start-group {
    font-size: 40px;
    display: flex;
    color: #8C9BA6;
}

.start-group i {
    margin-right: 8px;
}

.icon-scale.selected:before {
    content: "\e932";
}

.square-checkbox-card {
    border: 1px solid #B7C1C8;
    border-radius: 2px;
    padding: 7px 12px;
}

.number-control-group {
    position: relative;
}

.number-control-group .form-control {
    padding-right: 40px;
}

.number-control-arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: solid 1px #B7C1C8;
}

.number-control-arrow .btn-icon:not(last-child) {
    border-bottom: solid 1px #B7C1C8;
}

.number-control-arrow .btn-icon {
    height: 50%;
    font-size: 20px;
    color: #2F7098;
}

.question-option-row .remove-option {
    color: #8C9BA6;
}

.square-checkbox-card .form-check-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #8C9BA6;
}

.schedule-modal .modal-body {
    padding: 32px 48px;
}


/*CC Agent page end*/


/* Supervisor start*/

.modal-dialog-scrollable .evaluation-player {
    position: sticky;
    top: 0;
}

.evaluation-player {
    padding-top: 24px;
    padding-bottom: 70px;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.evaluation-player .rec-player_content {
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    height: auto;
    border-radius: 4px;
    overflow: hidden;
}

.modal-survey-evaluations .survey-card {
    padding-left: 0;
}

.modal-survey.modal-survey-evaluations .modal-footer {
    flex: 0 0 auto;
    width: 50%;
    margin-left: auto;
}

.surveyname-evaluation {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.surveyname-evaluation~a {
    width: calc(100% - 130px);
}

.evaluated-icon {
    font-size: 20px;
}

.read-bookmark i,
.read-memo i {
    color: #F29D38;
}

.evaluation-transcript-card {
    background-color: #242E36;
    color: #FFFFFF;
}

.evaluation-transcript__item.active div {
    background-color: #0707DE;
}

.evaluation-transcript__item label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    flex: 0 0 auto;
    width: 12%;
}

.evaluation-transcript__item_customer label {
    color: #C89CA5;
}

.evaluation-transcript__item_agent label {
    color: #0707DE;
}

.evaluation-transcript__item div {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    width: 88%;
}

.evaluation-transcript__list {
    max-height: 236px;
    overflow-y: scroll;
    padding: 24px;
}

.evaluation-transcript__list::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}

.evaluation-transcript__list::-webkit-scrollbar-thumb {
    background: #FF0000;
}


/* Supervisor end*/

@media (min-width: 576px) {
    .modal-md {
        max-width: 400px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .audio-player input[type=range] {
        height: 6px;
        -webkit-appearance: none;
        background-color: #596873;
    }
    .audio-player input[type=range]::-webkit-slider-runnable-track {
        height: 6px;
        -webkit-appearance: none;
        color: #444;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
    }
    .audio-player input[type=range]::-webkit-slider-thumb {
        width: 12px;
        height: 12px;
        top: -3px;
        -webkit-appearance: none;
        cursor: ew-resize;
        background: #fff;
        border-radius: 50%;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        position: relative;
        border: 1px solid #89CFE4;
    }
    .audio-player input[type=range]:active::-webkit-slider-thumb {
        background: #fff;
    }
}

.audio-player input[type=range]::-moz-range-progress {
    background-color: #00090c;
}

.audio-player input[type=range]::-moz-range-track {
    background-color: #08617c;
}

.audio-player input[type=range]::-ms-fill-lower {
    background-color: #000000;
}

.audio-player input[type=range]::-ms-fill-upper {
    background-color: #08617c;
}


/*Search Page End*/


/*Light Theme Css*/

.light-theme .toggle-bar {
    background: #D6E5EE;
}

.light-theme .player-modal .row.g-0 {
    background-color: #F9FAFB;
}

.light-theme .rec-player_content {
    border-right: solid 1px #E2E6E9;
}

.light-theme .chat-data_content {
    background-color: #F9FAFB;
}

.light-theme .audio-controler {
    background-color: #FFFFFF;
}

.light-theme .track-data_header {
    background-color: #F9FAFB;
    border-bottom-color: #E2E6E9;
}

.light-theme .btn-icon-white {
    color: #2F7098;
}

.light-theme .speech-paching-group span .paching-label {
    color: #3B4F5E;
}

.light-theme .chat-data_content .chat-result span {
    color: #3B4F5E;
}

.light-theme .chat-data_content .chat-result span[style="background-color: rgb(48, 65, 162);"] {
    color: #ffffff;
}

.light-theme .btn-icon-white.ap-button--zoom,
.light-theme .btn-icon-white.ap-button--volume,
.light-theme .btn-icon-white.ap-button--mute {
    color: #8C9BA6;
}

.light-theme .time-tags .time-tag-item {
    background: #FFFFFF;
    color: #3B4F5E;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
    width: auto !important;
}

.light-theme .track-data_content {
    background: #F6F8F8 !important;
}

.light-theme #waveform,
.light-theme #video-wave {
    background: #FFFFFF !important;
}

.light-theme .track-data_header__title .title {
    color: #223644;
}

.light-theme .track-data_header__control .btn {
    color: #2F7098;
}

.light-theme .comment-box .btn-outline-primary {
    color: #2F7098;
    border: solid 1px #2F7098;
}

.light-theme .comment-box-input {
    background: #F6F8F8;
    color: #000;
    box-shadow: 0px 0px 5px 1px rgba(0, 95, 153, 0.1);
}

.light-theme .comment-box-input::-webkit-input-placeholder {
    color: #3B4F5E;
}

.light-theme .comment-box-input::-moz-placeholder {
    color: #3B4F5E;
}

.light-theme .comment-box-input:-ms-input-placeholder {
    color: #3B4F5E;
}

.light-theme .comment-box-input:-moz-placeholder {
    color: #3B4F5E;
}

.light-theme .rec-chart_content .nav-tabs .nav-item .nav-link {
    color: #596873;
    border-bottom-color: #E2E6E9;
}

.light-theme .rec-chart_content .nav-tabs .nav-item .nav-link.active {
    color: #223644;
}

.light-theme .comment-alert {
    color: #223644;
}

.light-theme .comment-chat__content {
    color: #223644;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.light-theme .comment-chat__content:hover {
    border: 1px solid #F29D38;
}

.light-theme .comment-chat__control>a {
    color: #2F7098;
}

.light-theme .comment-chat__control>a:hover {
    color: #89CFE4;
}

.light-theme .track-data_header__title .time {
    color: #596873;
}

.light-theme .chart-card__label {
    color: #3B4F5E;
}

.light-theme .time-tags {
    border-top-color: #F6F8F8;
}

.light-theme .indicator {
    border-right: 2px solid #2F7098;
}

.light-theme .indicator:before {
    background-image: url("data:image/svg+xml,<svg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.357509 0H6.35751V4.64286L3.50037 7L0.357509 4.65126V0Z' fill='%232F7098'/></svg>%0A");
}

.light-theme .edit-active .comment-chat__content {
    background-color: #F7C487;
    border-color: #F7C487;
}

.light-theme .edit-active .comment-chat__control>a {
    color: #223644;
}

.light-theme #waveform>wave::-webkit-scrollbar-track {
    background-color: #E2E6E9;
}

.light-theme #waveform>wave::-webkit-scrollbar {
    background-color: #E2E6E9;
}

.light-theme #waveform>wave::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: solid 1px #E2E6E9;
}

.mitel-group {
    max-width: 800px;
    display: none;
}

.mitel-group .setting-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mitel-group .recording-switch {
    width: 24% !important;
}

.mitel-group .form-switch {
    width: 16%;
}

.mitel-group .ip-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #223644;
    text-transform: uppercase;
    width: 100px;
    margin-bottom: 0;
}

.mitel-ip_wrapper {
    display: flex;
    align-items: center;
    width: 52%;
    position: relative;
}

.cmxform .mitel-ip_wrapper label.error {
    margin: 0;
    position: absolute;
    bottom: -16px;
    left: 96px;
}

.pci-content {
    align-items: center;
}

.pci-content .form-check.form-switch {
    width: 20%;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.setting-group.pci-content {
    margin-top: 40px;
}

.ai_field {
    display: flex;
}

.ai_model_title {
    min-width: 140px;
}

.dropbox {
    width: 100%;
    height: 200px;
    padding: 10px;
    border: 1px solid #B7C1C8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.dropbox textarea {
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    outline: none;
}

.prompt-container {
    display: flex;
    margin-left: 80px;
}

.button-groups {
    display: flex;
    flex-wrap: wrap;
}

.prompt-btn {
    width: 44%;
    height: 50px;
    margin: 0 10px;
    border: 1px solid #B7C1C8;
    background-color: #ECF4F9;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    padding: 5px 11px;
    display: flex;
    line-height: normal;
    align-items: center;
}